/* Modifiers Grouped by Form Block Function
	This sheet only contains form related parameters.
	General parameters are set in default.css

	/*
		Page and General Form Modifiers
		Used to set classes specifically used in conexsysregistration.com forms.
		Use of these is optional, but the CLASS and ID names must be identical to the ones shown here
		In case you need them later, it is recommended that you do not remove the CLASS or ID declaration (i.e. 		div#container or span.fieldData) but simply remove or comment out the parameter settings.

		The use of images in these parameters can make the form page extremely flexible and customizable
	*/

.SubTotals {
	font-size: 12px;
	text-align: right;
}

.SubTotalsTable {
	width: 100%;
	text-align: right;
}

.SubTotalsTableSmall {
	width: 50%;
	text-align: right;
}

#imageAlign {
	vertical-align: middle;
}

#submitButton { 
	vertical-align: middle;
	height: 40px;
	width: 120px;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
	white-space: nowrap;
}
		
	div#container{
		/*	Can be useful for borders, backgrounds and special placement on page
		*/
		margin:0 auto;
		width:700px;
		text-align: center;
		border: 2px solid #d7d7d7;
		background: #fff;
	}

	.SessionTimeOut {
		width: 80%;
		border: thin solid #999999;
		text-align: center;
		margin: 0 auto;
		background: #efefef;
		font-weight: bold;
	}

	.ProducerLoggedIn {
		width: 80%;
		border: thin solid #999999;
		text-align: center;
		margin: 0 auto;
		background: #efefef;
	}

	div#formBody{
		width: 700px;
		text-align: center;
		font-size: 11px;
		font-family: verdana, arial, helvetica, sans-serif;
		text-align: center;
		/*	Affects entire form but not the entire page
			Can be useful for borders, backgrounds and special placement on page
		*/
		/*
		width: 99%;
	    margin-left: 0px;
		padding: 0px;
		*/
	}

		div#formHead{
		/* Affects top portion of form where producer and generic event info appears
		*/
		/*
		background-image: url(171.gif);
	    background-position: middle;
	    background-repeat: no-repeat;
		width: 750px;
	    background-color: #FFFFFF;
		padding: 0px;
		clear: both;
	    float: none;
		height: 16px;
		*/
		}

		.headerImg1 {
			background-image: url(logo.jpg);
			background-position: center;
			background-repeat: no-repeat;
			height: 201px;
			width: 100%;
			vertical-align: top;
			text-align: center;
			margin: 0 auto;
		}		

		div#intro{
		/*	Affects area where special messages such as 'Event Closed' appear  
			This is also where xxxeHeader.txt appears. See span.intro class as well.
		*/
   		position: relative;
    	text-align: center;
		margin-top: 0px;
	    padding-top: 0px;
		/* width: 100%; */
		clear: both;
		}

		div#instruct{
		/* 	Affects display of standard instruction text. This area does not contain event specific text
			Use "display: none;" to make instructions not visible
			Also see span.instructions class.
		*/
		/* margin: 5px; */
		float: none;
		clear: both;
		}

		div#personInfo{
		/*	Affects form block where personal info is collected. Does not include other optional blocks
			such as PWD, fClasses, Seminars, ProfileQues, Option Ques, etc.
		*/
		/*
			position: relative;
			width: 100%;
		*/	
		}

		div#formFooter{
		/*	Will affect entire formFooter Block
			This is area where event footer field data is displayed
		*/
		}

		div#pageFooter{
		/*	Will affect entire formFooter Block
			This is area where event footer field data is displayed
		*/
		}

		div#setDelStatus {
		/*	A test block - do not use
		*/
		}

		span.fieldData{
		/*	Used to make some hidden fields more difficult to read
		*/
		}

		span.fldIntro{
		/*	Affects display or hiding of Event Field Header data
		*/
		}

		span.instructions{
		/*	Affects display or hiding of standard non-editable instruction text
		*/
		}

		span.testBlock {
		/* Test Output Modifier - not used for general purposes
		*/
		letter-spacing: .5em;
		color: #ff9900;
		font-family: sans-serif;
		font-size: 1.5em;
		font-style: italic;
		}

		span.formFooter {
		/* Bottom of Form Text from xxxeForm.txt
		 */
		width: 100%;
		text-align: center;
		}
		span.tblHLink {
		/*Table Header Link as seen in tables where sorting is possible
		*/
		}

		fieldset#personalInput{
		/*	Affects the fieldset of the Personal Information block
		*/
		/* 
		position: relative;
		width: 100%;
		*/
			margin: 0px;
			padding: 0px;
		}

	.fieldsetTitleImage {
		width: 700px;
		height: 40px;
		padding-top: 10px;
		background: #efefef;
	}

	h3.fieldsetTitle    {
		/*	Used to set the appearance and placement of the section separator line (eg. Packages, Seminars, Additional 		Questions)
		*/
		text-align: center;
		font-size: 22px; 
		font-weight: bold; 		
		color: #999999;
	}

	h4.fieldsetTitle    {
		/*	Used to set the appearance and placement of the section separator line (eg. Packages, Seminars, Additional 		Questions)
		*/

		text-align: center;
		font-size: 18px; 
		font-weight: bold; 		
		color: #999999;
	}

	.LinkColor {
	}

	
		p.p1    {
		/* Used to modify paragraph 1 in the form header area
		*/
			color: #00ccff;
		}

		p.p2    {
		/* Used to modify paragraph 2 in the form header area
		*/
		}

		p.formErr    {
		/* Used to modify text that appears if the form encounters a general error
		*/
		}

		p.eventname    {
		/* Used to modify text that displays the event name near the top of the page.
			This class may be commonly used to display an image of the event name instead of text to ensure the 			appearnace of non-standard fomts.
		*/
			font-size: x-large;
			color: #CC0000;
			font-weight: bold;
			visibility: hidden;
		}

		p.eventcontact    {
		/* Used to modify text that displays the event contact near the top of the page.
		*/
			font-size: small;
			text-align: right;
			vertical-align: text-top;
			word-spacing: 4pt;
			margin: 5px;
			clear: none;
			float: right;
			letter-spacing: 2px;
			visibility: hidden;
		}

		p.editReg{
		/*	Used to modify or place the phrase that appears when a registrant returns to the form using the 'Change' button on the statement page
		*/

		}



		/* Personal Info Block Modifiers */

		span.personalInfoLabel {
		/* Modify parameters of this span to adjust placement and characteristics of Personal Info input label */
			/*float: left;*/
			float: left;
			width: 40%;
			text-align: right;
			clear: left;
			margin-top: 5px;
		}

		input.personalInfo{
		/*	Used to modify the display of the input boxes for the personal information sectiuon of the form
			This setting will likely need to be set for proper display and wrapping of the form boxes.
			Also see select.personalInfo CLASS
		*/
		clear: right;
		margin-right: 24%;
		width: 172px;
		margin-top: 5px;
    	display: inline;
		text-align: left;
		width: 200px;
		
}

		label {
		/* Use this to set customize characteristics to all labels in the Personal Information section of the form only
					This should not be used for placement -- only use for colour and style
		*/
		/*font-size: smaller;*/
		/*width: 25%;*/
    	/*border: 3px dashed #99CC66;*/
    	/* 
		This should not be used for placement -- only use for colour and style*/
			font-size: 11px;
			font-family: verdana, arial, helvetica, sans-serif;
		}

		select.personalInfo    {
		/* Used to modify the appearance and placement of Select (pulldown) boxes on the personal info portion of the 		page.
		*/
		/*display: inline;*/
		/*position: relative;*/
		/* margin-left: 20px;
		/*margin-right: 75%;*/
		/*margin-top: 5px;*/
		/*margin-bottom: 5px;*/
		/*margin-left: 10px;*/
    	/*padding-right: 25%;*/
		/*margin-right: 400px;*/
		/*float: right;*/
		width: 200px;
    	display: inline;
		margin-right: 24%;
		clear: right;
		text-align: left;
		margin-top: 5px;

}

		/* Non Specific Classes
		 */

		*.instructionTxt    {
		/* Used to modify all instruction text on the page. These instructions appear near the top of the form and 		each sub section of the form
		*/
			/*border: 3px none #16ffff;*/
			/*
			display: inline;
			width: 100%;
			text-align: justify;
			font-size: small;
			*/
			padding-left: 10px;
			padding-right: 10px;
		}

		*.mandatory    {
		/* Used to set the characteristics of labels for mandatory fields (eg. color: Red; font-weight: bold;)
		*/
		/*	height: 1em;
		filter: Shadow(Color=black, 	
					Direction=135, 
					Strength=3); */
			font-size: 12px; 
			line-height: 18px; 
			font-weight: bold; 
			margin-top: 0;
			margin-bottom: 0; 
			color:  #999999;
		}

		label.personalInput{
		/* Use this to set customize characteristics to all labels in the Personal Information section of the form only
		*/
			
		}


		*.stepTitle    {
		/* Used to modify non-editable text near the top of the page. (i.e. Step 1 - Attendance Registration)
			Common uses:
				1. Make the 'Step Title' the same colour on the form, statememt, and confirmation page.
				2. Hide the 'Step Title'
				3. Change placement of 'Step Title'
				4. Change to an image instead of standard
		*/
			display: block;
			font-size: 16px; 
			line-height: 22px; 
			font-weight: bold; 
			margin-top: 0; 
			margin-bottom: 0; 
			color:  #44260c;
		}




/* 	The following CLASSES and IDs are provided to help place and modify each endividual section of the form.
	Each of these sections is somewhat or entirely optional so they may not appear in the form.
	It is recommended that you do not remove these if they are not required. Instad simply remove the
	parameter settings or comment them out.


	/*
		Password Block Modifiers
	*/
		div#pwd{
			/*	Affects entire optional Password block
			*/
		}

		span.pwdInstruct1    {
			/*	Used to place, modify, or hide non-editable text (eg. Please type in a password.) in password block
				*/
			}

		span.pwdInstruct2    {
		/*	Used to place, modify, or hide non-editable text (eg. Min. 4 characters - Max. 14 characters) in password 		block
		*/
		}

		span.pwdInstruct3    {
		/*	Used to place, modify, or hide non-editable text (eg. You will need this if you wish to change anything 		later.) in password block
		*/
		}
		fieldset#pwd    {
		/* Affects the entire password section of the page. Useful for placing a box around the labels and input boxes 		but not the title or banner.
		*/
		}




	/* 
		FeeClass Modifiers
	*/
	div#feeClasses{
		/*	Affects entire fClasses Block
			Look for classes with 'fc'in name
		*/

		padding: 0px;
		margin: 0px;
	}

		fieldset#feeClasses    {
		/* Affects the feeclass section of the page. Useful for placing a box around the labels and input boxes but 		not the title or banner.
		*/
		/*display: none;*/

		text-align: center;
		padding: 0px;
		margin: 0px;
		}


		input.fclassno    {
		/*	Used to place, modify feeclass radio buttons
		*/
		}

			label.fcAmount {
		/*	Used to place or modify fee class Amount prompt
		*/
	    /*border: thin solid #33FFCC;*/

		}

		label.fcLabel    {
		/* Used to modify the labels for the radio buttons and mCode found in the feeclass section only.
			To set these the same as all other sections use the general global HTML tag to set this instead.
		*/
	    /* text-align: right;
		width: auto;
		/*
	    /*border: thin solid #33FFCC;*/
	    /* margin-left: 10px; */
		/*	height: 1em;
		filter: Shadow(Color=black, 	
					Direction=135, 
					Strength=3);
	*/
			font-size: 12px; 
			line-height: 22px; 
			/*font-weight: bold;*/ 
			margin-top: 0; 
			margin-bottom: 0; 
		}





	/* 
		Seminar and Special Event block Modifiers
	*/
		div#se{
		/* Affects entire Seminar Selection Block. Look for classes with 'se' in name
		*/
		font-family: Verdana, Helvetica, Arial, sans-serif;
		padding: 0px;
		margin: 0px;
		}
		
		span.seInstructions{
		/*	Affects top portion of Seminar Selection block
			Use to position text and modify text
			*/
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: .7em;
			text-align: center;
			width: 100%;
			overflow: hidden;
		}
		
		span.seList {
		/* Span that covers the entire optional Seminar Block seen on forms
		*/
		width: 100%;
		}		
		
		fieldset#se    {
		/* 	Affects the Special Events (a.k.s. Seminar) section of the page.
			Useful for placing a box around the labels and input boxes but not the title or banner.
		*/
		position: relative;
		width: 100%;
		padding: 0px;
		margin: 0px;
		}
		
		p.se {
		/* Special paragraph CLASS that affects Special Events text only
		*/
		}
		
		p#seP1 {
		}
		
		p#seP2 {
		}
		
		p#seP3 {
		}
		
		p#seP4 {
		}
		
		p#seP5 {
		}
		
		table.seTable { /* Special Events Table	*/
			width: 680px;
			font-family: Verdana, Helvetica, Arial, sans-serif;
		}
		
		th.seTable { /* Special Events Table Header */
			text-align: center;
			text-transform: uppercase;
			font-weight: bold;
		}
		
		td.seTable { /* Special Events Table Cell*/
		}
		

		tr.semRow1:hover, tr.semRow2:hover, tr.semRow1:hover a, tr.semRow2:hover a {
			color: white;
			background-color: #999999;
		}

		tr.semRow1, td.semRow1, tr.semRow1 a, tr.semRow1 a:visited { /* Special Events Table Row1 - Used to set alternating row colors */
			font-size: 10pt;
			color: #000;
		}
	
		tr.semRow2, td.semRow2, tr.semRow2 a, tr.semRow2 a:visited { /* Special Events Table Row2 - Used to set alternating row colors	*/
			background-color: #efefef;
			color: #000;
			font-size: 10pt;
		}

		input.semRow1 { /* Special Events Table Row1 - Used to set alternating row colors */
			background-color: transparent;
			font-size: 10pt;
			color: #000;
			border: 0px solid black;
			text-align: right;
		}
		
		input.semRow2 { /* Special Events Table Row2 - Used to set alternating row colors	*/
			background-color: transparent;
			color: #000;
			font-size: 10pt;
			border: 0px solid black;
			text-align: right;
		}

		.seGenRow {
		}
		
		.seCell {
		}
		
		.seTable {
		}

	

	/*	Optional Questions Modifiers
	*/
		div#optq{
		/*	Affects entire Optional (a.k.s. Alternate) Questions block
		*/
		position: relative;
		width: 100%;
		}

		fieldset#optq    {
		/* 	Affects the optional questions section of the page.
			Useful for placing a box around the labels and input boxes but not the title or banner.
		*/
		}

		span.optqRespPair {
		/*	Used to set placement and appearance of both the response selctor and the associated text string
		*/
			font-size:12px;
		}

		span#optqChkAll {
		/* Span ID used to modify or hide the words 'Check all that apply' when checkboxes are used in optional 		questions fieldset. (eg. display: inline-block; or 
		*/
		clear: left;	
		font-style: italic;
		width: 100%;
		text-align: center;
		}

		span#optqQ1Set {
		/*	Span acts as a collector of all elements of a single optional question. Change the numeral to specifiy 		which question is to be modified.
		Add'l statements like this one can be added to include as many optional questions as necessary.
		*/
		position: relative;
		}
	
		span#optqQ2Set {
		/*	Span acts as a collector of all elements of a single optional question.  Change the numeral to specifiy 		which question is to be modified.
		Add'l statements like this one can be added to include as many optional questions as necessary.
		*/
		}

		span#optqQ3Set {
		/*	Span acts as a collector of all elements of a single optional question.  Change the numeral to specifiy 		which question is to be modified.
		Add'l statements like this one can be added to include as many optional questions as necessary.
		*/
		}

		span.optqRespAll {
		/*	Span acts as a collector of all elements of a single optional question
		*/
		width: 100%;
		text-align: center;
		}
		
		h3#optq {
		/* Used to modify placment, appearance, or hide Add'l Questions separator
		*/
			font-size: 16px; 
			line-height: 22px; 
			font-weight: bold; 
			margin-top: 0; 
			margin-bottom: 0; 
		}

		input.optqText    {
		/* 	CLASS affects the placement and appearance of chkBoxes that appear in the Optinal Questions section only.
		*/
		  margin-right: 10px;
		  margin-left: 10px;
		}

		input.optqChkBox    {
		/* 	CLASS affects the placement and appearance of chkBoxes that appear in the Optinal Questions section only.
		*/
		  margin-right: 10px;
		  margin-left: 10px;
		}

		input.optqRadio    {
		/* 	CLASS affects the placement and appearance of chkBoxes that appear in the Optinal Questions section only.
		*/
		  margin-right: 10px;
		  margin-left: 10px;
		}

		#optqPrompt {
		/*	Used to set placement and appearance of optional question response choices
		*/
		font-size: 12px; 
		line-height: 22px; 
		font-weight: bold; 
		margin-top: 0; 
		margin-bottom: 0; 
		color:  #44260c;
		width: 50%;
		text-align: center;
		clear: left;
		}
		
		#optqRespSelector {
		/*	???Used to set placement and appearance of optional question radio button, checkbox, or text box.
		*/
		}

		#optqRespText {
		/*	???Used to set placement and appearance of optional question response choice text
		*/
		}

		label#optq{
			font-size: 12px; 
			line-height: 22px; 
			font-weight: bold; 
			margin-top: 0; 
			margin-bottom: 0; 
			color:  #44260c;
			width: 50%;
			text-align: left;
			clear: left;
		}

		




	/*
	Profile Questions Modifiers
	*/
		div#profQ{
		/*	Affects entire Profile Questions block
			Look for classes with 'prof' in name
		*/
		/*
		position: relative;
		width: 100%;
		*/
		padding: 0px;
		margin: 0px;
		}
		
		fieldset#profQ    {
		/* 	Affects the Profile Questions section of the page.
			Useful for placing a box around the labels and input boxes but not the title or banner.
		*/
		padding: 0px;
		margin: 0px;
		}

		span.profRespPair {
		/*	Used to set placement and appearance of both the response selctor and the associated text string
		*/
			width: 100%;
			margin-left: 40%;
			clear: both;
			display: block;
			text-align: left;
			font-size: 12px;
		}
		
		span.profSelect {
		/*	Used to set placement and appearance of both the response selctor and the associated text string
		*/
		width: 100%;
		/* margin-left: 10%;*/
		clear: both;
		display: block;
		margin: 0 auto;
  		text-align: center;
		}
		
		span#profQ1Set {
		/*	Span acts as a collector of all elements of a single optional question. Change the numeral to specifiy 		which question is to be modified.
		Add'l statements like this one can be added to include as many optional questions as necessary.
		*/
		position: relative;
		}
	
		span#profQ2Set {
		/*	Span acts as a collector of all elements of a single optional question.  Change the numeral to specifiy 		which question is to be modified.
		Add'l statements like this one can be added to include as many optional questions as necessary.
		*/
		}

		span#profQ3Set {
		/*	Span acts as a collector of all elements of a single optional question.  Change the numeral to specifiy 		which question is to be modified.
		Add'l statements like this one can be added to include as many optional questions as necessary.
		*/	
		}

		span.profRespAll {
		/*	Span acts as a collector of all elements of a single optional question
		*/
		width: 100%;
		text-align: center;
		margin: 0 auto;
		}
		
		span#profChkAll {
		/* Span ID used to modify or hide the words 'Check all that apply' when checkboxes are used in optional 		questions fieldset. (eg. display: inline-block; or 
		*/
			clear: both;
			font-style: italic;
			width: 100%;
			text-align: center;
			display: block;
			font-size: 12px;
			color: #999999;
		}

		h3#optq {
		/* Used to modify placment, appearance, or hide Add'l Questions separator
		*/
		}

		input.profText    {
		/* 	CLASS affects the placement and appearance of chkBoxes that appear in the Optinal Questions section only.
		*/
		  margin-right: 10px;
		  margin-left: 10px
		}

		input.profChkBox    {
		/* 	CLASS affects the placement and appearance of chkBoxes that appear in the Optinal Questions section only.
		*/
		  margin-right: 10px;
		  margin-left: 10px;
		}

		label.profile {
			color: #999999;
		}

		label#profq {
		}




/* 
	Survey Questions Modifiers
	*/
		div#survQ{
			/*	Affects entire Survey Questions block
				Look for classes with 'surv' in name
			*/
		}
		
		fieldset#survQ    {
		/* 	Affects the Survey Questions section of the page.
			Useful for placing a box around the labels and input boxes but not the title or banner.
		*/
		}
		
		span#survChkAll {
		/* Span ID used to modify or hide the words 'Check all that apply' when checkboxes are used in optional 		questions fieldset. (eg. display: inline-block; or 
		*/
		display: none;
		}

		span#release {
		/* Modify or Display standard Release or Waiver Text
		*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .7em;
	font-weight: normal;}




/* 
		Accomodations block Modifiers
	*/
		div#accom{
		/*	Affects entire Accomodations block
			Look for classes with 'accom' in name
		*/
		}		
		
		fieldset#accom    {
		}
			
	
	
	/* 
		Pay Manager block Modifiers
	*/ 
		div#paymgr{
		/*	Affects entire PayManager Block
			This is the small table at the bottom seen only by logged in producers where they can enter recieved payments.
			This is not to be confused with Payment Manager page accessed via the Prodcuers Tools menu.
		*/
		display: none;
		}
	

	
	/* 
		Sponsors block Modifiers
	*/
		div#sponsors{
		/*	Affects entire seldomly used Sponsors Block
		*/
		}
		
		div#sponsors h3    {
		/*	This will override H3 settings for the Sponsors block only
			Especially useful to render invisible (i.e. display: none;)
		*/
		}
		
		div#sponsors span.title{
		/*	This will override span.title settings for the Sponsors block only
			Especially useful to render invisible (i.e. display: none;)
		*/
		}
		
		div#sponsors p.p1    {
		/*	This will override span.title settings for the Sponsors block only
			Especially useful to render invisible (i.e. display: none;)
		*/
		}
		
				
		

	/* 
		Button block Modifiers
	*/
		div#ButtonBlock {
		/*	Will effect entire Button Block at bottom of page
			Especially useful to move buttons on page or change background colours 
			See also classes with 'button' in name
		*/
		}
		
		fieldset#theButtons    {
			width: 100%;
			text-align: center;
			padding-top:10px;
		}
		
		input.submitButton {
		}

		input.ResetButton {
		}