/* -- FORM REGISTRATION PANEL ---------------------------------------------------------------------------------------------------------------------------------------------- */

.registerPanelContent								{width: 968px; margin: 0 auto; position: relative; /*background-color: #333;*/}

.registerPanelStep									{float: left; position: relative; /*background-color: #ff6600;*/}
.registerPanelStep .number							{width: 117px; height: 190px; float: left; position: relative; /*background-color: #caffde;*/}
.registerPanelStep .container						{display: none; float: left; position: relative; /*background-color: #cae9ff;*/}
.registerPanelStep .container .content				{display: none; font: 11px arial, helvetica, sans-serif; color: #000; position: relative;}

.registerPanelStep .next							{width: 38px; height: 38px; display: block; text-decoration: none; background: transparent url(../images/utilizador/register_bt_next.jpg) no-repeat left top;}
.registerPanelStep .next:hover						{background-position: left -38px;}
.registerPanelStep .back							{width: 38px; height: 38px; display: block; text-decoration: none; background: transparent url(../images/utilizador/register_bt_back.jpg) no-repeat left top;}
.registerPanelStep .back:hover						{background-position: left -38px;}

.registerPanelStep .submitConfig					{position: absolute; top: 40%; right: 20px; z-index: 10;}
.registerPanelStep .submit							{width: 38px; height: 38px; display: block; text-decoration: none; background: transparent url(../images/utilizador/register_bt_next.jpg) no-repeat left top;}
.registerPanelStep .submit:hover					{background-position: left -38px;}

.registerPanelStep .title							{font: 34px/34px arial, helvetica, sans-serif; color: #4b6a81; text-transform: uppercase; background-color: #fff;}
.registerPanelStep .subtitle						{font: 24px/24px arial, helvetica, sans-serif; color: #4b6a81;  background-color: #fff;}
.registerPanelStep .desc							{padding-top: 5px; font: 10px arial, helvetica, sans-serif; color: #4b6a81; background-color: #fff;}




.registerPanelContent .active .container			{display: block; width: 500px; /*width: 841px;*/ position: relative;}
.registerPanelContent .active .container .content	{display: block; position: relative;}

.registerPanelContent .columnRight					{width: 38px; float: right; padding: 76px 20px 76px 20px; /*background-color: #ffddc6;*/}
.registerPanelContent .columnLeft					{width: 38px; float: left; padding: 76px 20px 76px 20px; /*background-color: #ffddc6;*/}

.registerPanelContent .step1 .number				{background: transparent url(../images/utilizador/register_step1_on.jpg) no-repeat left center;}
.registerPanelContent .step1 .inactive				{background: transparent url(../images/utilizador/register_step1_inactive.jpg) no-repeat left center;}
.registerPanelContent .step1 .off					{background: transparent url(../images/utilizador/register_step1_off.jpg) no-repeat left center;}
.registerPanelContent .step1 .columnCenter			{padding-top: 40px;}

.registerPanelContent .step2 .number				{background: transparent url(../images/utilizador/register_step2_on.jpg) no-repeat left center;}
.registerPanelContent .step2 .inactive				{background: transparent url(../images/utilizador/register_step2_inactive.jpg) no-repeat left center;}
.registerPanelContent .step2 .off					{background: transparent url(../images/utilizador/register_step2_off.jpg) no-repeat left center;}
.registerPanelContent .step2 .columnCenter			{padding-top: 20px;}

.registerPanelContent .step3 .number				{background: transparent url(../images/utilizador/register_step3_on.jpg) no-repeat left center;}
.registerPanelContent .step3 .inactive				{background: transparent url(../images/utilizador/register_step3_inactive.jpg) no-repeat left center;}
.registerPanelContent .step3 .off					{background: transparent url(../images/utilizador/register_step3_off.jpg) no-repeat left center;}
.registerPanelContent .step3 .columnCenter			{padding-top: 20px;}

.registerPanelContent .step4 .number				{background: transparent url(../images/utilizador/register_step4_on.jpg) no-repeat left center;}
.registerPanelContent .step4 .inactive				{background: transparent url(../images/utilizador/register_step4_inactive.jpg) no-repeat left center;}
.registerPanelContent .step4 .off					{background: transparent url(../images/utilizador/register_step4_off.jpg) no-repeat left center;}
.registerPanelContent .step4 .columnCenter			{padding-top: 40px; width: 500px;}






/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */














/* -- FORM REGISTRATION PANEL ---------------------------------------------------------------------------------------------------------------------------------------------- */

.formContainer								{width: 763px; float: left; position: relative; /*background-color: #b0ddd0;*/}
.formContainer .formColumn					{float: left; width: 250px; margin-right: 15px; position: relative; /*background-color: #ccc;*/}
.formContainer .phtConfig					{width: 233px; margin-right: -18px;}

.formContainer .formRow						{width: 100%; margin-bottom: 7px; position: relative; /*background-color: #999;*/}
.formContainer .formRow .left				{width: 48%; float: left; position: relative; /*background-color: #faf074;*/}
.formContainer .formRow .right				{width: 48%; float: right; position: relative; /*background-color: #faf074;*/}

.formContainer .formRow .label				{font: 10px/11px arial, helvetica, sans-serif; color: #000; white-space: nowrap; position: absolute; top: 4px; left: 3px; z-index: 10; background-color: #f2f2f2;}
.formContainer .formRow .mandatory			{font: 10px/11px arial, helvetica, sans-serif; color: #cc0000; padding-left: 2px;}
.formContainer .formRow .alert				{font: 9px/10px arial, helvetica, sans-serif; color: #cc0000; padding-left: 4px;}
.formContainer .formRow .checkbox			{width: 13px; height: 13px; float: left;}
.formContainer .formRow .checkboxDesc		{float: left; padding: 1px 0 0 4px; font: 10px/11px arial, helvetica, sans-serif; color: #000;}
.formContainer .formRow .radio				{width: 12px; height: 12px; float: left;}
.formContainer .formRow .radioDesc			{float: left; padding: 1px 0 0 4px; font: 10px/11px arial, helvetica, sans-serif; color: #000;}
.formContainer .formRow .labelSelect		{font: 10px/11px arial, helvetica, sans-serif; color: #000;}
.formContainer .formRow .select				{font: 10px/11px arial, helvetica, sans-serif; color: #000; background-color: #f2f2f2;}
.formContainer .formRow input				{height: 14px; padding: 1px 0 0 2px; font: 10px/11px arial, helvetica, sans-serif; color: #000; background-color: #f2f2f2;}
.formContainer .formRow textarea			{padding: 1px 2px 1px 2px; font: 10px/11px arial, helvetica, sans-serif; color: #000; background-color: #f2f2f2;}

.userPhtResize								{width: 233px; height: 119px; position: relative; background: transparent url(../images/utilizador/register_mask_pht_user.gif) no-repeat left center;}
.userPhtResize .loading						{display: none; width: 16px; height: 16px; position: absolute; top: 52px; left: 50px; z-index: 11;}
.userPhtResize .controlConfig				{width: 110px; padding-top: 12px; position: absolute; top: 0; right: 0; z-index: 30; /*background-color: #e2dcee;*/}
.userPhtResize .controlDesc					{font: 10px/11px arial, helvetica, sans-serif; color: #000;}
.userPhtResize .controlLink					{padding-bottom: 10px;}
.userPhtResize .controlLink a				{font: 10px/11px arial, helvetica, sans-serif; color: #000;}
.userPhtResize .controlLink a:hover			{text-decoration: none;}
.userPhtResize .removePhoto					{display: none; padding: 20px 0 0 0;}
.userPhtResize .controlLabel				{display: none; padding: 5px 0 2px 0; font: 10px/11px arial, helvetica, sans-serif; color: #000;}
.userPhtResize .controlLabel .result		{font: 10px/11px arial, helvetica, sans-serif; color: #000;}
.userPhtResize .controlSlider				{display: none; width: 95px; height: 13px; background: transparent url(../images/utilizador/register_bg_slider.gif) no-repeat left center;}
.userPhtResize .mask						{position: absolute; top: 0; left: 0; z-index: 20;}
.userPhtResize .pht							{width: 108px; height: 112px; position: absolute; top: 4px; left: 4px;  z-index: 10; overflow: hidden;}
.userPhtResize .pht .containment			{position: absolute; /*background-color: #ff7a7a;*/}


.confirmContainer							{width: 685px; float: left; position: relative; /*background-color: #b0ddd0;*/}
.confirmContainer .confirmColumn			{float: left; width: 272px; margin-right: 15px; position: relative; /*background-color: #99cc99;*/}
.confirmContainer .confirmColumnPht			{float: left; width: 108px; position: relative; background-color: #fff;}
.confirmContainer .confirmRow				{width: 100%; padding: 4px 0 4px 0; margin-bottom: 5px; position: relative; background-color: #f3f3f3;}
.confirmContainer .confirmRow .label		{padding-left: 7px; font: 11px/11px arial, helvetica, sans-serif; color: #000; }
.confirmContainer .confirmRow .data			{font: bold 11px/11px arial, helvetica, sans-serif; color: #000;}

.confirmColumnPht .confirmTitle				{padding: 4px 0 4px 7px; font: bold 11px/11px arial, helvetica, sans-serif; color: #000;}
.confirmColumnPht .confirmPht				{width: 108px; height: 112px; position: relative; overflow: hidden; /*background-color: #ccc;*/}
.confirmColumnPht .confirmPht .containment	{position: absolute;}

.confirmLoading								{display: none; width: 16px; height: 16px; position: absolute; top: 80px; left: 350px; z-index: 500;}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */











/* -- MESSAGES PANEL ---------------------------------------------------------------------------------------------------------------------------------------------- */

.messagesPanelContent								{width: 783px; margin: 0 auto; position: relative; /*background-color: #333;*/}
.messagesPanelContent .active .container			{display: block; width: 783px; position: relative;}
.messagesPanelContent .active .container .content	{display: block; position: relative;}
.messagesPanelContent .step1 .columnCenter			{padding-top: 20px;}


.messageContent						{width: 100%;}
.messageContent .column				{float: left;}
.messageContent	.title				{font: 36px/48px arial, helvetica, sans-serif; color: #4b6a81;}
.messageContent	.title span			{font: 36px/48px arial, helvetica, sans-serif; color: #4b6a81;}
.messageContent	.desc				{font: 10px/11px arial, helvetica, sans-serif; color: #4b6a81;}
.messageContent	.bt					{padding: 3px; margin-top: 10px; background-color: #4b6a81;}
.messageContent	.bt a				{display: block; font: 10px/11px arial, helvetica, sans-serif; color: #fff; text-decoration: none;}
.messageContent .fillContent		{width: 345px; position: absolute; top: 0; right: 0; z-index: 20;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ */