/* 
	lista de cores 

	HEX		RGB				Descrição
	
	333333	051 051 051		Cor do texto normal - cinza escuro
	0317FD	003 023 253		Cor do link normal - cinza escuro com saturation
	E5ECF2	229 236 242		Cor da linha de baixo do H1 - cinza-azulado muito claro
	101918	016 025 024		Cor da fonte do h1 parecida com o fundo - cinza quase preto
	DDDAD5	221 218 213		Cor da borda de baixo do H2 - cinza-azulado claro
*/


body
{
	margin-bottom:4em;
}


					
/* ---- CONTEUDO --------------------------------------- */

#pnlContent
{	
	/*
	margin-left:22em;
	
	*margin-left:0;
	*position:absolute;
	*left:22em;
	*top:2.5em;
	*width:60em;
	*/
	width:60em;
	/*background-color:#ececec;*/
	
}

h3
{
	margin-top:-4px;
	margin-left:1.4em;
		
	padding:1.5em 0 0 4px;
	
	font-size:1.1em;
	
	background-image:url(Img/h3_seta.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	
}

h3.FullPage
{
	margin:auto; 
	padding:0;
	
	margin-top:-2em;
	margin-bottom: 1em;
	margin-top:10px;
	
	width:18%;
	text-align:center;
		
	background-image:none;
}

h3.FullPage1
{
	margin:auto; 
	padding:0;
	
	margin-top:-2em;
	margin-bottom: 1em;
	
	width:58%;
	text-align:center;
		
	background-image:none;
}

/* ---- HEADER  --------------------------------------- */

h1
{
	display:block;
	
	width:100%;
	height:36px;
	
	color:White;
	font-weight:normal;
	font-size:14px;
	
	min-width:800px;
	
	z-index:100;
	
	background-color:#0E0E10;
	background-image:url(img/h1_page_fd.png);
}

	h1 span.e
	{
		float:left;
		
		padding:9px 0 0 14px;
		
		width:374px;
		height:20px;
		
		
		/*background-image:url(img/header_MercurySGF.png);*/
	}

	h1 span.d
	{
		float:right;
		width:411px;
		height:36px;
		background-image:url(img/h1_page.png);
	}



/* ---- MENU ESQUERDO  --------------------------------------- */

ul, li
{
	margin:0;
	padding:0;
	list-style-type:none;
}


div.menu
{
	float:left;
	width:22em;
	
	margin-top:0em;
	
	font-size:0.9em;
	
	/*background-color:Aqua;*/	
}


ul.menu_main
{
	float:left;
	width:8em;
	
	height:36em;
	
	margin:2em 0 6em 0;

    margin-top:0;
	
	/*border-right:1px solid black;*/
	/*background-color:Aqua;*/
}

	ul.menu_main li
	{
		height:2.0em;
		
	}
	
	ul.menu_main li a
	{
		display:block;
		
		width:90%;
		height:1.8em;
		
		font-family:Arial;
		font-size:0.8em;
		color:Black;
		font-weight:bold;
		
		text-align:right;
		
		padding-top:0.4em;
		border-bottom:1px solid #E5E5E5;
				
		/*background-color:Aqua;*/
	}
	
	ul.menu_main li a:hover
	{
		text-decoration:none;
	}
			
		ul.submenu
		{
			display:none;
			margin-top:60px;
		}

		ul.menu_main li.exp
		{
			*margin-bottom:-2px;
		}
		
		ul.menu_main li.exp ul.submenu
		{
			display:block;
			position:absolute;
			left:8.2em;
			top:5.6em;

			width:12em;

			border-left:1px solid black;
			
			padding-left:0.8em;
			/*background-color:lime;*/
		}

		ul.menu_main li.exp a
		{
			color:#E37204;
		}

		ul.menu_main li.exp ul.submenu li a
		{
			text-align:left;
			color:#999;
			border:0;
		}
		
		ul.menu_main li.exp ul.submenu li a:hover
		{
			color:#333;
		}
		
			ul.submenu ul
			{
				display:none;
			}
				
				ul.menu_main li.exp ul.submenu li.subexp
				{
					height:auto;
				}
				
					ul.menu_main li.exp ul.submenu li.subexp ul
					{
						display:block;
						margin-bottom:1.4em;
					}
					
					li.subexp ul li 
					{
						border-top:1px solid #E5E5E5;
					}
					
					ul.menu_main li.exp li.subexp ul li a
					{
						color:Black;
						padding:0.8em 0em 0em 3em;
						width:11em;
						
						margin-top:0em;
						
						background-repeat:no-repeat;
						background-position:4px 5px;
					}

					ul.menu_main li.exp li.subexp ul li a:hover, ul.menu_main li.exp li.subexp ul li a.sel
					{
						color:#E37204;
					}
					
					a.ico_provider_form		{ background-image:url(Img/Icons/ico_provider_form.png);		}
					a.ico_provider_account	{ background-image:url(Img/Icons/ico_provider_account.png);		}
					
					a.ico_orders_cards		{ background-image:url(Img/Icons/ico_orders_cards.png);			}
					a.ico_orders_reissue	{ background-image:url(Img/Icons/ico_orders_reissue2.png);		}
					a.ico_orders_recharge	{ background-image:url(Img/Icons/ico_orders_recharge.png);		}
					a.ico_orders_payment	{ background-image:url(Img/Icons/ico_orders_payment.png);		}
					
					a.ico_orders_history	{ background-image:url(Img/Icons/ico_orders_history.png);		}

					a.ico_group_form		{ background-image:url(Img/Icons/ico_group_form.png);		}
					a.ico_group_list		{ background-image:url(Img/Icons/ico_group_list.png);		}
					
					a.ico_card_block	 {background-image:url(Img/Icons/ico_card_block.png);		}						
					a.ico_card_cancel	 {background-image:url(Img/Icons/ico_card_cancel.png);		}
					a.ico_card_statement {background-image:url(Img/Icons/ico_card_statement.png);	}
					a.ico_card_list		 {background-image:url(Img/Icons/ico_card_list.png);		}
					
					
					
					a.ico_lista			{ background-image:url(Img/Icons/ico_lista.gif);		}
					
					a.ico_add_provider	{ background-image:url(Img/Icons/ico_add_provider.gif);	}
					a.ico_add_user		{ background-image:url(Img/Icons/ico_add_user.gif);		}
					
					a.ico_configuration_parameters	{ background-image:url(Img/Icons/ico_configuration_parameters.png);	}
					a.ico_configuration_users		{ background-image:url(Img/Icons/ico_configuration_users.png);		}
					
					
					a.ico_import_instructions	 {background-image:url(Img/Icons/import-instruction-icon.png);	}
					a.ico_import_process		 {background-image:url(Img/Icons/import-process-icon.png);		}
					a.ico_import_status			 {background-image:url(Img/Icons/import-status-icon.png);		}
					


/* ---- RODAPE  --------------------------------------- */


#pnlFooter
{
	display:block;
	position:fixed;
	
	left:0;
	bottom:0;
	
	width:100%;
	padding:0.8em 0em 0.8em 0em;
	
	font-size:0.9em;
	color:#a9a9a9;
	
	background-color:black;
}

	#pnlFooter span.e
	{
		float:left;
		margin-left:2em;
	}
	#pnlFooter span.d
	{
		float:right;
		margin-right:2em;
	}

	#pnlFooter a
	{
		color:white;
		padding:0.2em;
	}
	
	#pnlFooter a:hover
	{
		/*color:Black;
		background-color:White;
		text-decoration:none;*/
		padding:0.2em;
	}


/* ---- FORMS  --------------------------------------- */

	h5
	{
		margin:2.8em 0em -1.4em 0em;
		
	}

	fieldset.MainForm
	{
		border: 0;
	}
	
	fieldset.Horizontal
	{
		margin-left:0;
		min-width:44em;
		/*background-color: Red;*/
	}
	
		input.campo_invalido
		{
			/*color:red;	*/
		}
		
		input.campo_valido
		{
			/*color:green;	*/
		}
		
		input.valCard, input.valNum
		{
			text-align:right;
		}
		
		
		fieldset.MainForm p
		{
			float:left;
			width: 90%;
			height: 1.4em;
			margin-bottom: 0.8em;
			/*background-color: Red;*/
		}
		
		
		fieldset.Horizontal p
		{
			width: 20em;
			/*background-color: Red;*/
		}
				
		fieldset.Horizontal p.btnAdd
		{
			width:4em;
			margin-bottom:3em;
			/*background-color:Aqua;*/
		}
		
		fieldset.Horizontal p.btnAdd input
		{
			float:right;
			width:2em;
			cursor:pointer;
		}
		
		fieldset.MainForm div.fieldArea
		{
			float:left;
			width: 90%;
			height: 1.4em;
			margin-bottom: 0.8em;			
			clear:both;
			height:auto;
			text-align: center;
		}
		
		fieldset.MainForm label
		{
			float:left;
			width:16.5em;			
			height: 1.6em;
			text-align:left;
		    font-family:Tahoma;
		    font-size:11px;
		    padding-right: 1em;
			text-align: right;
			 margin-left: 0.3em;
			
		}
		
		.campoTexto
		{
			border: 1px solid black;
			color: black;
			font-family: tahoma;
			font-size: 11px;
			height: 18px;
			text-align: left;
			width: 20em;
			float:left;
		}
		
		.campoTextoIndex {
			 border: 1px solid black;
			color: black;
			float: left;
			font-family: tahoma;
			font-size: 11px;
			height: 18px;
			margin-left: 5em;
			text-align: right;
			width: 2em;
		}
		
		fieldset.MainForm span.valMsg 
		{
			
			float:right;
			font-size:0.7em;
			color:Red;
		}
		
		fieldset.MainForm input
		{
			/*float:right;*/
			padding:0.1em 0.2em 0.1em 0.2em;
			border:1px solid #8F8F8F;
			
			/*background-color: Green;*/						
		}
		
		fieldset.MainForm select
		{
			border:1px solid #8F8F8F;
		}
	
		fieldset.MainForm input.valF1Num, fieldset.MainForm input.valF2Num, fieldset.MainForm input.valF3Num
		{
			text-align:right;
		}
	
		fieldset.MainForm p.linkList
		{
			width:62%;			/* para centralizar os links junto com os campos do form */
			text-align:center;
			
			margin-bottom:2em;
		}
	
		fieldset.MainForm p.linkList a
		{
			padding:0em 0.8em 0em 0.8em;
		}		
	

		fieldset.MainForm p.btnOk
		{	
			text-align:center;
			/*background-color:Aqua;*/
		}
		
		fieldset.MainForm p.btnBack
		{	
			text-align:center;
			/*background-color:Aqua;*/
		}
		
		fieldset.MainForm p.btnOk input, fieldset.MainForm p.btnOk button, input.btnOk, button.btnOk
		{
			display:inline;				
			float:left;
			padding:0.1em 0.6em 0.1em 0.6em;
			margin-left:0.5em;
			*margin-left:0.4em;
			
			border:1px solid black;
			cursor:pointer;		
		}
			
			fieldset.MainForm p.btnOk span
			{
				display:block;
				margin:auto;
				
				width:86%;
			}
				
			fieldset.MainForm p.btnOk
			{
				margin-top:1.2em;
			}
			
				fieldset.MainForm p.btnOk:first-child
				{
					margin-left:27.8%;
					*margin-left:17.6%;
				}
				

			fieldset.Horizontal p.btnOk
			{
				width:44em;
				
				margin:10;
				padding:0;
				
				text-align:center;
				/*background-color:Aqua;*/
			}
			
			fieldset.Horizontal p.btnOk button, fieldset.Horizontal p.btnOk input
			{
				padding:0.4em 1em 0.4em 1em;
				cursor:pointer;
			}
			
			
			fieldset.Horizontal p.btnOk button.btnBack, 
			fieldset.Horizontal p.btnOk input.btnBack,
			fieldset.Horizontal p.btnOk button.btnPrint, 
			fieldset.Horizontal p.btnOk input.btnPrint
			{
				margin-right:1em;
			}
		
		p.list
		{
			margin-bottom:5em !important;
		}
			
			
		div.list
		{
			display:block;
			float:left;
			width:14em;
			height:5em;
			
			margin-left:-42%;
			
			/*background-color:Aqua;*/
		}
		
			div.list input
			{
				margin:0.2em 0.4em 1em 0;
				*margin:0;
				
				width:10%;
				border:0px;
			}
			
			div.list label
			{
				font-size:0.8em;
				
				text-align:left;
				margin:0.2em 0 1em 0;
				
				width:86%;
			}
			
		
	fieldset.Subscribe p
	{
		width:58%;
	}
	
	fieldset.Subscribe p label
	{
		width:47.6%;
	}
	
	
button.icoBtn, input.icoBtn, a.icoBtn
{
	border:0;
	width:18px !important;
	height:18px;
	display:block ;
		
	background:no-repeat center center;
	
	border:0px solid transparent !important;
	cursor:pointer;
}

 a.icoBtn:hover
 {
 	text-decoration:none !important;
 }

input.addToCart
{
	background-image:url(Img/Icons/ico_add_cart.png);
}

button.remFromCart
{
	background-image:url(Img/Icons/ico_rem_cart.png);
}

a.icoDel
{
	background-image:url(Img/Icons/delete_icon.png);
	}

a.icoDetails
{
	background-image:url(Img/Icons/ico_card_list.png);
	}
	
input.icoUpdate
{
	background-image:url(Img/Icons/ico_add_cart.png);
}

	
/* ---- DIV DE MENSAGEM  --------------------------------------- */




div.pnlMessage
{
	width:96%;
	
	margin:1.2em 0.4em 0.4em 0.4em;
	
	background-position:left bottom;
	background-repeat:repeat-x;
	
}

div.LoginMessage
{
	margin:-3.6em 1em 4em 1.4em;
}

div.pnlMessage p
{
	font-size:0.8em;
	padding:0.8em;
}

	div#pnlErrorMessage
	{
		background-color:#FDFBCD;
		
		background-image:url(Img/pnlErrorMessage_fd.gif);
		
		border:3px solid #B9B7B7;
	}

		div#pnlErrorMessage p
		{
			color:#7A1310;
		}

	div#pnlHelpMessage
	{
		background-color:#EEFAFE;
		
		border:1px solid #AAE5E7;
	}

		div#pnlHelpMessage p
		{
			color:#325F69;
		}
		
		div#pnlHelpMessage p a
		{
			color:#366BC3;
			font-weight:bold;
		}
		
		
		
li.sel
{
	color:Red;
}

/* Números */

/* As classes "pos" e "neg" podem estar num span ou numa td */

span.pos:before, 
span.neg:before, 
td.pos:before, 
td.neg:before,
span.C:before, 
span.D:before, 
td.C:before, 
td.D:before		/* símbolo "R$" */
{
	content:"R$";
	margin-right:0.4em;
	
	color:#999;
	font-size:0.8em;
}


span.rs:before, 
td.rs:before 	/* símbolo "R$" */
{
	content:"R$";
	margin-right:0.4em;
	
	color:#999;
	font-size:0.8em;
}

span.pos, td.pos, span.C, td.C				/* números positivos */
{
	color:#5064D0;
}

span.neg, td.neg, span.D, td.D				/* números negativos */
{
	color:#D15353;
}

	span.pos:after, td.pos:after, span.C:after, td.C:after
	{
		content:"+";

		margin-left:0.3em;
		font-size:0.6em;
	}

	span.neg:after, td.neg:after, span.D:after, td.D:after
	{
		content:"-";

		margin-left:0.3em;
		font-size:0.6em;
	}




/* tabelas */

h4.table_separator
{
	width:44em;
	*width:39em;
	
	text-align:center;
	
	margin:0.2em;
	padding:0.4em;
	
	border-bottom:1px solid #999;
}



td a.NONDELETE
{
	display:none;
}



/* primeira tabela da página ---------------------------------------------- */

	table.first
	{
		width:44em;
		
		margin:2em 1em 1em 1em;
		/*border:1px solid #333;*/
	}

/* tabela horizontal ---------------------------------------------- */

	table.hTable thead, table.statement thead
	{
		display:none;
	}

	table.hTable td
	{
		padding:0.4em;
	}
	
	table.hTable td.label
	{
		text-align:right;
		font-size:0.8em;
	}
	
	table.hTable td.val		/*valor numerico*/
	{
		 font-family: tahoma;
		 font-size: 11px;
		 text-align: left;
	}
		
		table.hTable td.label:after
		{
			content:":";
		}

/* tabela de extrato ---------------------------------------------- */


table.statement
{
	width:44em;
	
	margin:2em 1em 1em 1em;
	/*border:1px solid #333;*/
}

	table.statement td
	{
		font-size:0.8em;
		padding:0.3em;
	}

	table.statement td.val
	{
		font-size:1em;
		text-align:right;
	}

	table.statement tbody tr.alt
	{
		background-color:#F4F3E7;
	}

	table.statement tbody td.val span
	{
		display:inline-block;
		width:8em;
		/*background-color:Aqua;*/
	}
	
	table.statement td.totalvalue
	{
		text-align:right;
	}
	
	table.statement td.data
	{
		font-size:0.7em;
		color:#333;
		text-align:right;
	}
	
	table.statement td.C:after, table.statement td.D:after 
	{
		display:inline-block;
		width:1.5em;
		/*background-color:Yellow;*/
	}
	
	table.statement td.C span, table.statement td.D span 
	{
		display:inline-block;
		width:7.4em;
		/*background-color:Yellow;*/
	}

	table.statement tfoot td, table.list tfoot td
	{
		border-top:1px dashed #999;
		padding-top:1em;
	}

	table.statement tfoot td.label
	{
		text-align:right;
	}

	
	
/* tabela de lista ---------------------------------------------- */


table.list
{
	width:44em;
	
	margin:2em 1em 3em 1em;
	/*border:1px solid #333;*/
}

	table.list tbody td
	{
		padding:0.8em 0.4em 0.8em 0.4em;
	}

	table.list thead td
	{
		font-weight:bold;
		font-size:0.8em;
		color:#999;
		padding:0.4em 0.4em 1em 0.4em  ;
	}
	
	table.empty, tr.empty
	{
		width:43.1em !important;
	}
	
	table.empty tbody tr td, tr.empty td
	{
		padding:3em !important;
		text-align:center !important;
		background-color:#FBFCE6 !important;
		border:1px solid #ececec !important;
	}
	
	table.empty tfoot tr td, table.empty thead tr td
	{
		display:none;
	}
		
	table.list td.val
	{
		text-align:right;
	}
	
	table.list td button
	{
		cursor:pointer;
	}
	
	table.list tfoot td.label
	{
		padding-top:1.6em;
		text-align:right;
		
		font-size:0.8em;
	}

	table.list tfoot td.totalvalue
	{
		padding-right:0.4em;
	}
	
/* Tabela de parâmetros ------------------------*/

table.ParamTable
{
	margin:1em;
}
	
	
/* Resumo de Pedido  */

fieldset#pnlStep1
{
}

fieldset#pnlStep2, fieldset#pnlStep3
{
	display:none;	
}

table.ordersummary
{
	width:24.5em;
	
	margin:3em 0em 3em 10.3em;
	
	background-color:#ececec;
}

table.ordersummary td
{
	padding:1em;
}

table.ordersummary td.val
{
	text-align:right;
}

span.list
		{			
		}
			span.list span
			{				
				display:inline;
				margin: 0px 0px 0px 3px;								
				position:absolute;
				margin-left:400px;
			}
			
			span.list table
			{
				width:auto;
				display:inline;
			}
			
			span.list input
			{								
				width:auto;
				border:0px none;				
				margin-top:0.4em;			
				/**margin: 0.0em 0.0em 0.0em 0em;				*/
			}			
			
			span.list label
			{
				width:5em;
				margin: 0.2em 0 0 1em;				
									
				float:left;
				height:auto;
				
				text-align:left;
				/*width:6.0em;*/
				width:auto;
			}	

div.list
		{			
		}
			span.list span
			{				
				display:inline;
				margin: 0px 0px 0px 3px;								
				position:absolute;
			}
			
			span.list table
			{
				width:auto;
				display:inline;
			}
			
			span.list input
			{							
				
				width:auto;
				border:0px none;				
				/*margin: 0.4em 0.0em 0.0em 1em;												
				*margin: 0.0em 0.0em 0.0em 1em;		*/
				margin-top:0.4em;										
				float:left;
				margin-left: 0.4em;
			}			
			
			span.list label
			{
				width:5em;
				margin: 0.2em 0 0 1em;				
				*margin: 0.1em 0 0 0.5em;				
									
				float:left;
				height:auto;
				
				text-align:left;
				/*width:6.0em;*/
				width:auto;
			}
			
.datePicker
{
	position:absolute;
	width:205px;
	height:220px;
	background-color:white;
	
	border:1px solid #5880A4;
	z-index:1000;
}

.datepicker_icon
{
	cursor:hand;
	position:relative;
	left:0px;
	top:4px;
	*top:3px;
}	

.fontrecibo{
	font-family:arial;
	font-size:11px;
	font-style: normal;
	color:#000000;
	font-stretch:normal;
	marks:none;
	word-spacing:normal;
	text-decoration:none;
	font-weight: normal;
	}
	.fontreciboi{
	font-family:arial;
	font-size:11px;

	color:#000000;	
	font-weight: bold;
	}				
	
.CampoObrigatorio
{		
	margin-left: 0.3em;
	color:Red;
	/*margin-left:430px;*/	
}

.botao {
    background-color: #F3F1EC;
    background-image: none;
    border: 1px solid #999999;
    color: black;
    cursor: pointer;
    font-family: tahoma;
    font-size: 11px;
    font-weight: normal;
    padding: 0.2em 0.8em !important;
}

.radio{
    float: left;
    height: 1.4em;
    margin-bottom: 0.8em;
    width: 90%;
    margin-left:13.5em;
}

  .detailLabel {
    float: left;
    font-family: Tahoma;
    font-size: 11px;
    height: 1.6em;
    margin-left: 0.3em;
    padding-right: 1em;
    text-align: left;
    width: 16.5em;
    font-style:inherit;
}