/*------------------------------------------------------
	Membership and Migration Application forms
------------------------------------------------------*/
/*
	Resets
*/
body								{color:#666666;}										/*	to satisfy color contrast guidelines	*/
tr.noshade						{background-color:#F2F2F2;}								/*	to achieve consistent backgrounds for form fields	*/
fieldset table						{border:none;width:100%;}								/*	to achieve consistent layout of columns	*/
fieldset table table					{width:auto;}											/*	to achieve consistent layout of columns	*/
fieldset tr.noshade					{background-color:transparent;}							/*	to achieve consistent backgrounds for form fields	*/
fieldset td 							{background-color:transparent;}							/*	to achieve consistent backgrounds for form fields	*/
label								{clear:none;float:none;font-weight:normal;width:auto;}	/*	to override <label>s outside of a .pathwaysTableStyling container	*/
.pathwaysTableStyling			{width:100%;}											/*	to 	*/
.pathwaysTableStyling label b		{font-weight:normal;}									/*	to override the <b> element wrapping some labels	*/
.pathwaysTableStyling b			{color:#5F5F5F;font-weight:normal;}						/*	to match labels created using <b> elements, but no <label> element	*/
.validationSummaryPanel ul li img	{display:none;} 										/* 	to hide the orange icon that is embedded in requiredvalidator text */
.fonterror img					{display:none;} 										/* 	to hide the orange icon that is embedded in requiredvalidator text */
table.qualificationWrapper		{border:none;width:100%;}								/*	to achieve consistent layout of columns	*/
table.qualificationWrapper table {width:auto;}											/*	to achieve consistent layout of columns	*/
table.qualificationWrapper tr.noshade  {background-color:transparent;}							/*	to achieve consistent backgrounds for form fields	*/
table.qualificationWrapper td 		{background-color:transparent;}							/*	to achieve consistent backgrounds for form fields	*/


/*
	Terms and Conditions
*/
.termsWrapper 						{border:1px solid #CFCFCF;padding:1em;min-height:50px;}
.scrollingTermsWrapper				{margin:0 0 1em 0;}
.scrollingTermsWrapper .termsWrapper {border:1px solid #CFCFCF;padding:1em;height:180px;overflow:auto;}
/*
	Stage table - indicates the user's current location in the application process
*/
table.stageTable 						{width:100%;border:1px solid #CFCFCF;}
table.stageTable .stageHeaderRow td	{width:32% !important;}								/*	for CSS1	*/
table.stageTable .stageHeaderRow td.stage_selected	{width:36% !important;}					/*	for CSS1	*/
table.stageTable .stage				{background:#D2D2D2 url(images/pagenav-arrow-stage.png) no-repeat top left;text-align:center;padding:4px;color:#5F5F5F;}
table.stageTable .stage_selected		{background:#D2D2D2 url(images/pagenav-arrow-stage.png) no-repeat top left;text-align:center;padding:4px;color:#5F5F5F;font-weight:bold;}
table.stageTable .section				{color:#666666;text-align:center;}
table.stageTable .section_selected	{color:#666666;text-align:center;}
table.stageTable .section_selected span{background-image: url(images/bullets/i_person_small.gif);background-repeat: no-repeat;background-position: 0px;margin-right:14px;padding-left: 14px;}
table.stageTable .stageWarning {color: #9c132e; vertical-align:middle;}
table.stageTable .stageFuture {background:url("images/pagenav-arrow-stage.png") no-repeat scroll left top #f8f8f8; text-align:center;}

/*
	Form columns
*/
.eligibilityAnswer 				{text-align: center!important}

col								{vertical-align:top;}
col.ColFormLabel 					{width:10em!important;}
col.ColFormInput 					{width:24em!important;}
col.ColFormInfo 					{vertical-align:top;}

col.TwoColFormLabel 				{width:50%!important;}
col.TwoColFormInput 				{width:50%!important;}

.inputcolalign 					{margin:0 0 0 10em!important;}	/* aligns the element with the left of the input (2nd) column */

/*
	Form rows
*/
.pathwaysTableStyling td			{vertical-align:top;}

/*
	Fieldsets and Legends
*/
fieldset							{overflow:hidden;border-width:1px 0 0 0;border-style:solid;border-color:#CFCFCF;padding:12px 0;background:transparent;font-size:100%;}
fieldset.inner						{overflow:hidden;border:none;padding:0 0 0 60px;background:transparent;}
legend							{overflow:hidden;font-weight:bold;background: transparent;}

/*
	Form elements
*/
.pathwaysTableStyling label		{color:#5F5F5F;font-weight:normal;}
.pathwaysTableStyling .fieldInfo	{color:#666666;font-size:0.9em;}
.pathwaysTableStyling .fieldHint	{color:#666666;font-size:0.9em;}
.pathwaysTableStyling select 		{width: 98.5% !important;color:#5F5F5F;}
.pathwaysTableStyling .filterRow select {width:85% !important;color:#5F5F5F;}
.pathwaysTableStyling input.txt	{width: 97% !important;color:#5F5F5F;} 								/* class, ".txt missing" would need to be added to HTML */

/*
	Validation and error handling
*/
.validationSummaryPanel			{border:1px solid #9c132e;background:#FFEFF2;padding:1em;margin:0 0 1.5em;}
.validationSummaryPanel .header	{color:#9c132e;font-size:123.1%;font-weight:bold;}	
.notificationSummaryPanel 		{border:1px solid #CD5A13;background:#FFF5EF;padding:1em;margin:0 0 1.5em;}
.notificationSummaryPanel .header{color:#CD5A13;font-size:123.1%;font-weight:bold;}
.successNotificationPanel 		{border:1px solid #009a49;background:#EFFFF6;padding:1em;margin:0 0 1.5em;}
.successNotificationPanel .header{color:#009a49;font-size:123.1%;font-weight:bold;}
								
.validationSummaryPanel ul,
.notificationSummaryPanel ul, 	
.successNotificationPanel ul 		{margin:1em 0 0 1em;}
.validationSummaryPanel ul li,
.notificationSummaryPanel ul li, 	
.successNotificationPanel ul li 	{font-size:1em;margin:0;}

.fonterror						{display:block;vertical-align:middle;margin:4px 0;color:#9c132e;}					

/*
	Action bar - page navigator
*/
#pageNavigator					{background:#EEEEEE;border:solid 1px #CFCFCF;padding:.75em;margin:1.5em 0 2em;}
#pageNavigator span.orSeparator	{margin-left:10px;}
#pageNavigator span				{border:0;display:inline-block;}
#pageNavigator span.left			{width:19%;text-align:left;}
#pageNavigator span.middle		{width:60%;text-align:center;}
#pageNavigator span.right		{width:19%;text-align:right;}

/*
	Action bar - agreement navigator
*/
#agreementNavigator					{border:solid 1px #CFCFCF;padding:.75em;margin:1.5em 0 2em;}
#agreementNavigator span				{border:0;display:inline-block;width:100%;text-align:center;}
#agreementNavigator input.primary,
#agreementNavigator input.secondary	{width:8em !important;}

#enrolDiv #pageNavigator span.left	{width:35% !important;text-align:left;}
#enrolDiv #pageNavigator span.middle	{width:14% !important;text-align:center;}
#enrolDiv #pageNavigator span.right	{width:50% !important;text-align:right;}


/*
	Buttons
*/
#main input.button, 
#main input.submit,
#pageNavigator input.button, 
#pageNavigator input.submit,
#agreementNavigator input.button, 
#agreementNavigator input.submit		{float:none;padding:0.25em 0.5em;margin:0 2px 0 0;font-size:100%;} 												/* TODO: padding will need to be adjusted to accomodate icons */

input.primary							{background:#FEC92E;cursor:pointer;}
input.primary:hover					{background:#FEC92E;border-color:#1348A3 !important;}
input.primary.next					{background:url(/images/contentimages/bn-carousel-right.gif) no-repeat scroll right bottom;}					/* TODO: icons + HTML class definition */

input.secondary						{cursor:pointer;}
input.secondary.prev					{background:url(/images/contentimages/bn-carousel-left.gif) no-repeat scroll left bottom;}						/* TODO: icons + HTML class definition  */
input.secondary.save					{background:url(/images/contentimages/bn-carousel-left.gif) no-repeat scroll left bottom;}						/* TODO: icons + HTML class definition  */

input.tertiary						{background:none;border:none !important;color:#00759B;font-weight:bold;text-decoration:none;cursor:pointer;}

input.disabled                      {color:#808080;}
input.disabled:hover                {color:#808080!important;background:#D2D2D2;}


input.button {overflow:visible;}
input {overflow:hidden;} 


/*++++++++++++++++++++++++++++++++++
	JS enhancements
++++++++++++++++++++++++++++++++++*/
input.fieldInfoButton {border:none;padding:0;margin:0 2px 0 0;width:16px;height:16px;background:transparent url(images/bullets/i_info.gif) no-repeat center middle;cursor:pointer;}

/*------------------------------------------------------
	Manage Your CPA Program
------------------------------------------------------*/
/*
	Resets
*/
#main .ul-segmentList li				{margin:0;}													/*	to remove margin around segment tiles	*/

/*

*/

/*   */
.manageCPAProgram #leftCol 			{float:left;margin:1em 0em;}
.manageCPAProgram #contentCol 		{float:left;width:510px;margin:1em 2.25em;}
.manageCPAProgram #rightCol 			{float:right;margin:1em 0em;}
.manageCPAProgram .textRight 		{text-align:right;margin:0 0 1.5em 0;}

.manageCPAProgram .clearFloats 		{clear:both;}
.manageCPAProgram #headerBlock 		{margin: 0.5em 0 1em 0;}
.manageCPAProgram .programStatusBlock {margin: 0.5em 0 1em 0;display:table;}
.manageCPAProgram .programStatusBlock  div {display: table-row;}
.manageCPAProgram .programStatusBlock  div span{display: table-cell;padding: 0 2em 0 0;}
.manageCPAProgram .intro 			{margin: 0.5em 0 1em 0;}

/* segment tile list */
.ul-segmentList 						{margin:1em 0;padding:0;border-top:none;border-right:1px solid #CFCFCF;border-bottom:none;border-left:1px solid #FFFFFF;}
.ul-segmentList .segment				{list-style:none;margin:0;padding:.5em 1em .5em 1em;min-width:15em;text-align:left;font-weight:normal;border-top:1px solid #FFFFFF;border-bottom:1px solid #CFCFCF;}

/* segment title & status */
.ul-segmentList .segment h3			{font-size:2.4em;color:#999999;cursor:default;margin:0;}
.ul-segmentList .segmentStatus		{}

/* segment status color coding */
/* bg color */
.ul-segmentList .exempt,
.ul-segmentList .pass,
.ul-segmentList .credit,
.ul-segmentList .distinction,
.ul-segmentList .highDistinction,	/*{background:#9c9a00;}*/
.ul-segmentList .notAttempted,
.ul-segmentList .fail,
.ul-segmentList .didNotSit,			/*{background:#34B5D0;}*/
.ul-segmentList .enrolled,			/*{background:#00759B;}*/
.ul-segmentList .deferred, 			/*{background:#86D1EF;}*/
.ul-segmentList .notAvailable		{background:#EEEEEE;}
/* default text color */
.ul-segmentList .exempt h3,
.ul-segmentList .pass h3,
.ul-segmentList .credit h3,
.ul-segmentList .distinction h3,
.ul-segmentList .highDistinction h3	{color:#555555;}
.ul-segmentList .notAttempted h3,
.ul-segmentList .fail h3,
.ul-segmentList .didNotSit h3		{color:#00759B;}
.ul-segmentList .enrolled h3,		
.ul-segmentList .deferred h3 			{color:#34B5D0;}
.ul-segmentList .notAvailable h3		{color:#999999;}


/* segment hover colors */
.ul-segmentList .segment:hover 		{background:#FFFFFF;}	/*	active panel background changes on mouseover to communicate action available to user	*/
.ul-segmentList .exempt:hover,
.ul-segmentList .pass:hover,
.ul-segmentList .credit:hover,
.ul-segmentList .distinction:hover,
.ul-segmentList .highDistinction:hover,	
.ul-segmentList .notAvailable:hover 	{background:#EEEEEE;} 	/*	no change - reenforce the segment as disabled */


/* segment action buttons - enrol, manage */	
.ul-segmentList .segmentActions 		{text-align:right;clear:both;}
.ul-segmentList .segmentActions input	{width:6em;}

/**/
.manageCPAProgram .longDesc 			{font-size:77%;margin: .5em 0 .5em .5em;}
.manageCPAProgram .longDescToggle 	{border:none;border-bottom:1px solid #0015FF;background:none;padding:0 0;margin:0 0;cursor:pointer;font-size:77%;color:#0015FF;}

/**/
.manageCPAProgram .toggleButton 		{background:none;border:none;cursor:pointer;float:right;vertical-align:text-bottom;}