/* -- Global Panel Configurations ------------------------------------------------------------------------------------------------------------------------------------ */

#mainPanelConfig						{width: 100%; position: fixed; left: 0; bottom: 0; z-index: 999999; /*background-color: #b5e6ff;*/}
#mainPanelContainer						{width: 100%; /*min-height: 125px; height: auto !important; height: 125px;*/ position: relative; background: transparent url(../images/global/navigation_bg_yellow_panel.png) no-repeat center top; /*background-color: #333;*/ /*background-color: #ffef00;*/}
.mainPanelAlign							{width: 980px; margin: 0 auto; position: relative; z-index: 100; /*background-color: #a162a8;*/}
.mainPanelBgWrap						{width: 100%; position: absolute; top: 0; left: 0; z-index: 50; display: none;}

#userPanelConfig						{width: 100%; position: fixed; left: 0; bottom: 0; z-index: 9999; /*background-color: #ccffcc;*/}
#userPanelContainer						{width: 100%; /*min-height: 125px; height: auto !important; height: 125px;*/ position: relative; /*background-color: #ffef00;*/}
.userPanelAlign							{width: 980px; height: 175px; margin: 0 auto; position: relative; z-index: 100; /*background-color: #ccc;*/}

#formsPanelConfig						{width: 100%; position: fixed; left: 0; bottom: 0; z-index: 99; /*background-color: #b5e6ff;*/}
#formsPanelContainer					{width: 100%; /*min-height: 125px; height: auto !important; height: 125px;*/ position: relative; background: transparent url(../images/global/navigation_bg_white_panel.png) no-repeat center top; /*background-color: #333;*/ /*background-color: #ffef00;*/}
.formsPanelAlign						{/*width: 980px;*/ width: 100%; padding-top: 12px; position: relative; z-index: 100; /*background-color: #ccc;*/}
.formsPanelAlign .close					{position: absolute; top: 20px; right: 10px;}
.formsPanelAlign .close a				{font: bold 14px arial, helvetica, sans-serif; color: #000; text-decoration: none;}
.formsPanelAlign .close a:hover			{color: #d52b00;}
.formsFRMContainer						{height: 1px; overflow: hidden;}
.formsFRMContainer iframe				{display: none;}
.formsPanelBgWrap						{width: 100%; position: absolute; top: 0; left: 0; z-index: 50; display: none;}

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





/* -- NAVIGATION PANEL ---------------------------------------------------------------------------------------------------------------------------------------------- */

.mainPanelLogo							{width: 186px; float: left; padding-top: 9px; position: relative; background: transparent url(../images/global/logo_lipton.png) no-repeat center 10px; /*background-color: #e5efc7;*/}
.mainPanelLogo a						{width: 186px; height: 118px; display: block; position: relative; cursor: pointer; text-decoration: none;}


.mainPanelMedia							{width: 222px; float: left; padding-top: 9px; position: relative; text-align: center; /*background-color: #d8c7ef;*/}
.mainPanelMedia #userTickerId			{margin-top: 41px;}
.mainPanelMedia #musicPlayerId			{margin-top: 25px;}



.mainPanelNavigation					{width: 572px; /*min-height: 118px; height: auto !important; height: 118px;*/ float: left; padding-top: 20px; position: relative; margin-right: -3px; /*background-color: #cc0000;*/}
.mainPanelNavigation ul					{list-style: none; margin-left: 20px;}
.mainPanelNavigation .last				{border: none; background: none;}

.mainNavigation							{width: 550px; /*background-color:#666;*/}
.mainNavigation li						{display: inline; margin-right: 10px; padding-left: 1px; font: bold 14px arial, helvetica, sans-serif; color: #000;}
.mainNavigation li a					{font: bold 14px arial, helvetica, sans-serif; color: #000; text-decoration: none;}
.mainNavigation li a:hover				{color: #d52b00;}
.mainNavigation li .active				{font: bold 14px arial, helvetica, sans-serif; color: #d52b00; text-decoration: none;}

.subNavigation							{display: none; width: 550px; border-top: 1px solid #aea300; margin-top: 5px; padding: 1px 0 3px 0; position: relative; /*background-color:#999;*/}
.subNavigation li						{width: 548px; display: inline; margin-right: 8px; padding-left: 2px; font: bold 12px arial, helvetica, sans-serif; color: #000;}
.subNavigation li a						{font: bold 11px arial, helvetica, sans-serif; color: #000; text-decoration: none;}
.subNavigation li a:hover				{color: #d52b00;}
.subNavigation li .active				{font: bold 11px arial, helvetica, sans-serif; color: #d52b00; text-decoration: none;}

.subSubNavigation						{display: none; width: 550px; border-top: 1px solid #aea300; /*margin-bottom: 40px;*/ position: relative; /*background-color:#ccc;*/}
.subSubNavigation li					{width: 548px; padding: 2px 0 4px 2px; font: bold 11px arial, helvetica, sans-serif; color: #000; position: relative; background: transparent url(../images/global/navigation_border_dotted.gif) repeat-x left bottom;}
.subSubNavigation li a					{clear: both; font: bold 11px arial, helvetica, sans-serif; color: #000; text-decoration: none;}
.subSubNavigation li a:hover			{color: #d52b00;}
.subSubNavigation li .active 			{clear: both; font: bold 11px arial, helvetica, sans-serif; color: #d52b00; text-decoration: none;}

.subSubNavigation .itemsWrap			{display: none; width: 548px; position: relative; /*background-color: #f3f3f3;*/}
.subSubNavigation .itemsWrap p			{/*width: 60px;*/ float: left; margin: 10px 12px 10px 0; position: relative; /*background-color: #b0e2ff;*/}
.subSubNavigation .itemsWrap p span		{opacity: 0.0; filter: alpha(opacity=0); width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10; text-align: center; /*background-color: #ffef00;*/}

.navigationStampNew						{position: absolute; top: -25px; z-index: 200;}

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









/* -- USER PANELS ---------------------------------------------------------------------------------------------------------------------------------------------- */

.userRegisterCall						{width: 354px; height: 174px; color: #fff; position: absolute; top: 0; left: 123px; z-index: 5; background: transparent url(../images/utilizador/round_panel_bg_large.png) no-repeat center top;}
.userRegisterCall .config				{width: 173px; height: 40px; position: absolute; top: 23px; left: 90px;}
.userRegisterCall .register				{display: block;}
.userRegisterCall .register 			{background: transparent url(../images/utilizador/round_panel_bt_register_here.gif) no-repeat center top;}
.userRegisterCall .change				{display: none;}
.userRegisterCall .change				{background: transparent url(../images/utilizador/round_panel_bt_change_data.gif) no-repeat center top;}
.userRegisterCall .on					{background-position: left -40px;}



.userLogInCall							{width: 354px; height: 139px; color: #fff; position: absolute; top: 40px; left: 123px; z-index: 10; background: transparent url(../images/utilizador/round_panel_bg_small.png) no-repeat center top;}
.userLogInCall .loading					{display: none; width: 16px; height: 16px; position: absolute; top: 55px; left: 167px; z-index: 500;}

.userLogOutContent						{width: 140px; position: absolute; top: 22px; left: 110px; /*background-color: #999;*/}
.userLogOutContent .formContainer		{/*background-color: #ccc;*/}
.userLogOutContent .title				{padding: 0 0 10px 49px;}
.userLogOutContent .title a				{font: bold 11px/12px arial, helvetica, sans-serif; color: #000; text-decoration: none; text-transform: uppercase; background-color: #fff;}
.userLogOutContent .title a:hover		{color: #cc0000;}
.userLogOutContent .title .on			{color: #cc0000;}
.userLogOutContent .row					{width: 110px; margin-bottom: 4px; position: relative; /*background-color: #ff3300;*/}
.userLogOutContent .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;}
.userLogOutContent .alert				{font: 9px/10px arial, helvetica, sans-serif; color: #cc0000; padding-left: 4px;}
.userLogOutContent input				{width: 104px; height: 12px; padding: 1px; font: 10px/11px arial, helvetica, sans-serif; color: #000; background-color: #f2f2f2;}
.userLogOutContent .submitBt			{padding-top: 8px; width: 25px; height: 25px; float: right;}
.userLogOutContent .submitBt a			{width: 100%; height: 100%; display: block; text-decoration: none; background: transparent url(../images/utilizador/login_bt_arrow.jpg) no-repeat center top;}
.userLogOutContent .submitBt a:hover	{background-position: left -25px;}
.userLogOutContent .recover				{padding: 0 0 0 3px;}
.userLogOutContent .recover a			{font: 10px arial, helvetica, sans-serif; color: #58758a;}
.userLogOutContent .recover a:hover		{text-decoration: none;}

.userErrorContent						{display: none; width: 165px; padding-top: 18px; position: relative; position: absolute; top: 25px; left: 100px; /*background-color: #999;*/}
.userErrorContent .icon					{float: left; padding: 1px 4px 0 0;}
.userErrorContent .desc					{padding: 0 0 8px 0; font: 11px/11px arial, helvetica, sans-serif; color: #000;}
.userErrorContent .desc a				{font: 11px/11px arial, helvetica, sans-serif; color: #000;}
.userErrorContent .desc a:hover			{text-decoration: none;}

.userLogInContent						{display: none; width: 100px; position: relative; position: absolute; top: 20px; left: 127px; text-align: center; /*background-color: #ccc;*/}
.userLogInContent .name					{font: bold 12px/12px arial, helvetica, sans-serif; color: #000; text-transform: uppercase; background-color: #fff;}


/* estes botoes estao escondidos no painel principal (amarelo), para resolver o hover dos botoes */
.hiddenRegisterConfig					{width: 175px; height: 50px; position: absolute; top: -30px; left: 210px; z-index: 10; /*border: 1px solid #000;*/}
.hiddenChangeConfig						{display: none; width: 175px; height: 50px; position: absolute; top: -30px; left: 210px; z-index: 10; /*border: 1px solid #000;*/}
.hiddenLoginConfig						{width: 50px; height: 15px; position: absolute; top: 11px; left: 273px; z-index: 10; /*border: 1px solid #000;*/}
.hiddenLoginConfig a					{width: 100%; height: 100%; display: block; text-decoration: none;}


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









/* -- FOOTER CONTENT -------------------------------------------------------------------------------------------------------------------------------------------- */

.mainFooterContainer					{width: 572px; position: absolute; bottom: 10px; right: 0; /*background-color: #ccc;*/}
.mainFooterContainer p					{float: left; font: 9px arial, helvetica, sans-serif; color: #000;}
.mainFooterContainer a					{font: 9px arial, helvetica, sans-serif; color: #000; text-decoration: none;}
.mainFooterContainer a:hover			{color: #d52b00;}

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