[Gesior Acc] Donate.php Com erro de estilização CSS

[PaulinhoAraujo 23]

Galera do TK

Queria saber como faço para organizar essas imagens e por elas na ordem certa ?

Veja como as imagens estão:

Hidden Content

Give reaction to this post to see the hidden content.

Uploaded with

Hidden Content

Give reaction to this post to see the hidden content.

A expectativa era essa a baixo ↓

Hidden Content

Give reaction to this post to see the hidden content.

Uploaded with

Hidden Content

Give reaction to this post to see the hidden content.

não sei se o problema estar na basic.css ou se estar no donate.php então irei mandar os 2

Donate.Php

  Mostrar conteúdo oculto

<?PHP

if($action == '')

{

  $main_content .='

<div id="ProgressBar">  <div id="Headline">Informações Iniciais</div>  <div id="MainContainer"> <div id="BackgroundContainer">  

<img id="BackgroundContainerLeftEnd" src="layouts/tibiacom/images/vips/stonebar-left-end.gif">	<div id="BackgroundContainerCenter">	

<div id="BackgroundContainerCenterImage" style="background-image: url(layouts/tibiacom/images/content/stonebar-center.gif);"></div>	   </div>

<img id="BackgroundContainerRightEnd" src="layouts/tibiacom/images/vips/stonebar-right-end.gif">		</div>  

<img id="TubeLeftEnd" src="layouts/tibiacom/images/vips/progress-bar-tube-left-blue.gif">

<img id="TubeRightEnd" src="layouts/tibiacom/images/vips/progress-bar-tube-right-blue.gif">  

<div id="FirstStep" class="Steps">

		  <div class="SingleStepContainer">

				 <img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-0-blue.gif">

<div class="StepText" style="font-weight: bold;">Regras da Doação</div>

		  </div>

		</div>

		<div id="StepsContainer1">

		  <div id="StepsContainer2">  

<div class="Steps" style="width: 25%;">

				  <div class="TubeContainer">

						<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-blue.gif">  

</div>

				  <div class="SingleStepContainer">

						<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-1-blue.gif">			

<div class="StepText" style="font-weight: normal;">Metodo de Pagamento</div>

				  </div>

				</div>

				<div class="Steps" style="width: 25%;">		

<div class="TubeContainer">

						<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-blue.gif">

				  </div>

				  <div class="SingleStepContainer">

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-2-blue.gif">

						<div class="StepText" style="font-weight: normal;">Informações do Pedido</div>  

</div>

				</div>

				<div class="Steps" style="width: 25%;">

				 <div class="TubeContainer">  

<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-blue.gif">

				  </div>

				  <div class="SingleStepContainer">	  

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-3-blue.gif">

						<div class="StepText" style="font-weight: normal;">Confirmação</div>  

</div>

				</div>

				<div class="Steps" style="width: 25%;">

				  <div class="TubeContainer">		  

<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-blue.gif">				  </div>				  <div class="SingleStepContainer">			

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-4-blue.gif">				  <div class="StepText" style="font-weight: normal;">Pedido Realizado</div>  

</div>		  </div>	</div>		</div>  </div></div><div class="TableContainer">  <div class="CaptionContainer">		  <div class="CaptionInnerContainer">  

  <span class="CaptionEdgeLeftTop" style="background-image: url(layouts/tibiacom/images/content/box-frame-edge.gif);"></span>	

  <span class="CaptionEdgeRightTop" style="background-image: url(layouts/tibiacom/images/content/box-frame-edge.gif);"></span>  

  <span class="CaptionBorderTop" style="background-image: url(layouts/tibiacom/images/content/table-headline-border.gif);"></span>  

  <span class="CaptionVerticalLeft" style="background-image: url(layouts/tibiacom/images/content/box-frame-vertical.gif);"></span>  

  <div class="Text">Informações Iniciais para sua doação.</div>  

  <span class="CaptionVerticalRight" style="background-image: url(layouts/tibiacom/images/content/box-frame-vertical.gif);"></span>	

  <span class="CaptionBorderBottom" style="background-image: url(layouts/tibiacom/images/content/table-headline-border.gif);"></span>  

  <span class="CaptionEdgeLeftBottom" style="background-image: url(layouts/tibiacom/images/content/box-frame-edge.gif);"></span>  

  <span class="CaptionEdgeRightBottom" style="background-image: url(layouts/tibiacom/images/content/box-frame-edge.gif);"></span>	  

  </div>

		</div>

		<table class="Table1" cellpadding="0" cellspacing="0">

   <tbody><tr>

		  <td>

				<div class="InnerTableContainer">		

  <table style="width: 100%;"><tbody><tr><td>

Informamos aos jogadores e colaboradores que o '.$config['server']['serverName'].' não tem nenhum interesse financeiro. Toda a renda obtida é diretamente reaplicada para a manutenção do servidor - isto significa que ao fazer uma doação, você está garantindo a estabilidade e aumentando a qualidade do mesmo.</br></br>

Os pontos que são repassados aos jogadores que efetuam as doações não representam nada mais além de nossa gratificação, isto é, você não está comprando pontos e sim recebendo uma gratificação simbólica (em formas de pontos) que te beneficie dentro do jogo; você poderá usar os seus pontos da maneira que desejar.</br></br>

O espírito deste sistema é simples: com o intuito de nos aproximarmos dos jogadores e fazer com que vocês se sintam em casa, entendemos a sua doação como uma via de mão dupla no quesito credibilidade. Ao acreditar que vale a pena investir na manutenção do servidor, nós investimos em vocês creditando-os com pontos, que como já dito anteriormente, podem ser utilizados da maneira que mais os couber.</br></br>

Confira as <a href="?subtopic=beneficiospremium">Vantagens Vips</a> e o <a href="?subtopic=shopsystem">'.$config['server']['serverName'].' Shop</a> e saiba como aproveitar os seus pontos da maneira mais proveitosa à sua situação.</br>

<h3>Dúvidas Frequentes</h3></br>

<b>Mas o que são Premium Points?</b>

Premium Points faz parte do nosso sistema de doação, com eles você pode adquirir uma VIP ou algo mais que esteja disponível no Shopping Online.</br></br>

<b>O que é uma VIP Account?</b>

Uma VIP Account traz habilidades e vantagens adicionais dentro e fora do jogo por um determinado período de tempo. Para saber mais sobre os beneficios por favor visite a seção <a href="?subtopic=beneficiospremium">Vantagens Vips</a>.</br></br>

<b>Como efetuar a doação?</b>

<br>Clique no botão <b>"Continue"</b> e siga todos os procedimentos para realizar sua doação.

  </td></tr>			  </tbody></table>			  </div>

  </td></tr></tbody></table></div><br><center><table border="0" cellpadding="0" cellspacing="0">

  <tbody><tr><td style="border: 0px none;">

  <div class="BigButton" style="background-image: url(layouts/tibiacom/images/buttons/sbutton.gif);">

  <div onmouseover="MouseOverBigButton(this);" onmouseout="MouseOutBigButton(this);"><div class="BigButtonOver" style="background-image: url(layouts/tibiacom/images/buttons/sbutton_over.gif);"></div>

  <a href="?subtopic=donate&action=rules"><input class="ButtonText" name="Continue" alt="Continue" onclick=location.href="index.php?subtopic=donate&action=rules" src="layouts/tibiacom/images/vips/_sbutton_continue.gif" type="image"></a></div></div></td></tr></tbody></table></center>



';

}

elseif($action == 'rules')

{

  if(!$logged) {

  $main_content .= 'You are not logged in. <a href="?subtopic=accountmanagement">Log in</a> first to make a donate..';

  }

  else

  {

  $main_content .='<div id="ProgressBar">  <div id="Headline">Regras & Informações</div>  <div id="MainContainer">	  <div id="BackgroundContainer">	<img id="BackgroundContainerLeftEnd" src="layouts/tibiacom/images/vips/stonebar-left-end.gif">		  <div id="BackgroundContainerCenter">		  <div id="BackgroundContainerCenterImage" style="background-image: url(layouts/tibiacom/images/content/stonebar-center.gif);"></div>	   </div>		  <img id="BackgroundContainerRightEnd" src="layouts/tibiacom/images/vips/stonebar-right-end.gif">	  </div>  <img id="TubeLeftEnd" src="layouts/tibiacom/images/vips/progress-bar-tube-left-green.gif">	  <img id="TubeRightEnd" src="layouts/tibiacom/images/vips/progress-bar-tube-right-blue.gif">	 <div id="FirstStep" class="Steps">		<div class="SingleStepContainer">			 <img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-0-green.gif">		 <div class="StepText" style="font-weight: bold;">Regras da Doação</div>   </div>		</div>  <div id="StepsContainer1">		<div id="StepsContainer2">			<div class="Steps" style="width: 25%;">		   <div class="TubeContainer">				   <img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-green-blue.gif">			</div>				  <div class="SingleStepContainer">					 <img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-1-blue.gif">				  <div class="StepText" style="font-weight: normal;">Metodo de Pagamento</div>			  </div>				</div>		  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">				   <img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-blue.gif">				  </div>				  <div class="SingleStepContainer">					 <img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-2-blue.gif">				  <div class="StepText" style="font-weight: normal;">Informações do Pedido</div>			</div>				</div>		  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">				   <img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-blue.gif">				  </div>				  <div class="SingleStepContainer">					 <img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-3-blue.gif">				  <div class="StepText" style="font-weight: normal;">Confirmação</div>			  </div>				</div>		  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">				   <img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-blue.gif">				  </div>				  <div class="SingleStepContainer">					 <img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-4-blue.gif">				  <div class="StepText" style="font-weight: normal;">Pedido Realizado</div>				 </div>				</div>	</div>		</div>  </div></div><div class="TableContainer">  <div class="CaptionContainer">		  <div class="CaptionInnerContainer">		   <span class="CaptionEdgeLeftTop" style="background-image: url(layouts/tibiacom/images/content/box-frame-edge.gif);"></span>			 <span class="CaptionEdgeRightTop" style="background-image: url(layouts/tibiacom/images/content/box-frame-edge.gif);"></span>			<span class="CaptionBorderTop" style="background-image: url(layouts/tibiacom/images/content/table-headline-border.gif);"></span>				<span class="CaptionVerticalLeft" style="background-image: url(layouts/tibiacom/images/content/box-frame-vertical.gif);"></span>				<div class="Text">Leia as Regras das Doações</div>			  <span class="CaptionVerticalRight" style="background-image: url(layouts/tibiacom/images/content/box-frame-vertical.gif);"></span>			   <span class="CaptionBorderBottom" style="background-image: url(layouts/tibiacom/images/content/table-headline-border.gif);"></span>			 <span class="CaptionEdgeLeftBottom" style="background-image: url(layouts/tibiacom/images/content/box-frame-edge.gif);"></span>		  <span class="CaptionEdgeRightBottom" style="background-image: url(layouts/tibiacom/images/content/box-frame-edge.gif);"></span>   </div>		</div>  <table class="Table1" cellpadding="0" cellspacing="0">  <tbody><tr>	   <td>		  <div class="InnerTableContainer">				 <table style="width: 100%;"><tbody><tr><td valign="middle" width="25px;">

<B>Antes de fazer uma doação, lembre-se de estar de acordo com as regras vigentes e ciente de todas as informações necessárias.</B><TEXTAREA ROWS="5" WRAP="physical" COLS="80" READONLY="true" style="float:right;">

1. Gerais

a) O '.$config['server']['serverName'].' é um servidor alternativo de Tibia planejado, construído e executado dentro das regras vigentes que possibilitam o funcionamento do mesmo sem infringir nenhuma lei (seja ela nacional ou não).

b) Todo o dinheiro depositado e creditado no servidor é diretamente aplicado em sua própria manutenção, isto é, todo o capital girado em torno do mesmo é diretamente canalizado para o rumo de sua autossuficiência.

c) O '.$config['server']['serverName'].' luta pela sua estabilidade, entretando, não podemos impedir que erros venham a acontecer.

d) O histórico de doações está sendo salvado, ou seja, você nunca será esquecido.

e) O nome designado à central de trocas de pontos - '.$config['server']['serverName'].'Shop - é fictício; o '.$config['server']['serverName'].' não vende nenhum tipo de produto.

e) O '.$config['server']['serverName'].' é uma empresa sem fins lucrativos.

2. Perdas & Danos

a) Guarde o seu comprovante de doação. É o único documento que comprova a sua ajuda para a manutenção do servidor.

b) Em caso de resets, todas as doações que foram realizadas no prazo de dois meses (contando a partir do dia do reset) serão recreditadas integralmente nas contas dos jogadores. Lembrem-se que o histórico de doações está sendo salvo, porém você também precisa comprovar a sua participação nas doações.

c) Em caso de quedas e(ou) problemas que façam com que o '.$config['server']['serverName'].' fique off-line, em modo de segurança ou de espera por três dias consecutivos ou mais, os jogadores que optaram por debitar seus pontos em tempo VIP serão recreditados, da mesma maneira, com os dias perdidos (contando a partir do terceiro dia).

d) Em caso de paralização inesperada das atividades, não haverá reposição ou recreditação de capital investida no servidor, posto que toda doação é diretamente encaminhada à manutenção do mesmo. Neste caso, os jogadores serão comunicados pelos veículos de informação (site oficial ou fórum).

e) Em caso de paralização pré-programada das atividades, os jogadores serão informados através de nossos veículos de informação e a partir da data referida o sistema de doações encontrar-se-á fora do ar.

f) O '.$config['server']['serverName'].' oferece e investe na segurança básica para o servidor, cabe a você mantê-lo seguro; ou seja, não nos responsabilizamos pelos seus pertencens, personagens e contas.

3. Denotação # Doação

a) Ato ou efeito de doar.

b) Aquilo que se doa.

c) Contrato, ou documento que assegura e legaliza a doação simples: a que é feita por exclusiva resolução do doador.

</TEXTAREA>As regras e informações dispostas na caixa de diálogo acima podem ser modificadas sem aviso prévio.<br>

Caso você não concorde com a contratação sobre a doação simples por favor não prossiga.


		   </tbody></table>			 </div>  </td></tr></tbody></table></div><br><table width="100%"><tbody><tr align="center"><td><table border="0" cellpadding="0" cellspacing="0">

		<tbody><tr><td style="border: 0px none;">

		<a href="javascript:void();" onclick=location.href="?subtopic=donate&action=pag_form">

		<div class="BigButton" style="background-image: url(layouts/tibiacom/images/buttons/sbutton.gif);">

		<div onmouseover="MouseOverBigButton(this);" onmouseout="MouseOutBigButton(this);"><div class="BigButtonOver" style="background-image: url(layouts/tibiacom/images/buttons/sbutton_over.gif);"></div>

		<input class="ButtonText" name="Continue" alt="Continue" src="layouts/tibiacom/images/vips/_sbutton_continue.gif" type="image">

		</div></div></a></td></tr><tr></tr></tbody></table></td><td><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="border: 0px none;">

		<a href="javascript:void();" onclick=location.href="?subtopic=donate"><div class="BigButton" style="background-image: url(layouts/tibiacom/images/buttons/sbutton.gif);">

		<div onmouseover="MouseOverBigButton(this);" onmouseout="MouseOutBigButton(this);"><div class="BigButtonOver" style="background-image: url(layouts/tibiacom/images/buttons/sbutton_over.gif); visibility: hidden;"></div>

		<input class="ButtonText" name="Back" alt="Back" src="layouts/tibiacom/images/vips/_sbutton_back.gif" type="image">

		</table></td></tr></tbody></table>



';

  }

}

elseif($action == 'selectchar')

{

		 if(!$logged) {

  $main_content .= 'You are not logged in. <a href="?subtopic=accountmanagement">Log in</a> first to make a donate..';

  }

  else

  {


  $main_content .= '

<h1>Selecione o player</h1><BR>

   <form action="index.php?subtopic=donate&action=pag_form" method=POST>

   <table border="0" cellpadding="1" cellspacing="1" width="100%">

   <tr bgcolor="#505050"><td colspan="2"><font color="#FFFFFF"><b>Select the character you want receive the donate.</b></font></td></tr>

   <tr bgcolor="#D4C0A1"><td width="110"><b>Nome:</b></td><td width="550"><select name="buy_name">';

						$players_from_logged_acc = $account_logged->getPlayersList();

						if(count($players_from_logged_acc) > 0)

						{

						  $players_from_logged_acc->orderBy('name');

						  foreach($players_from_logged_acc as $player)

						  {

								$main_content .= '<option>'.$player->getName().'</option>';

						  }

						}

						else

						{

						  $main_content .= 'Voce não tem nenhum char nessa account.';

						}

  $main_content .= '</table>

  <br><center><input type="image" value="submit" src="layouts/tibiacom/images/buttons/sbutton_submit.gif"/>

  </form>';

  }

}

elseif($action == 'pag_form')

{

		 if(!$logged) {

  $main_content .= 'You are not logged in. <a href="?subtopic=accountmanagement">Log in</a> first to make a donate..';

  }

  else

  {

  $buy_name = stripslashes(urldecode($_POST['buy_name']));

  $main_content .= '<div id="ProgressBar">  <div id="Headline">Método de Pagamento</div>  <div id="MainContainer">	  <div id="BackgroundContainer">  

<img id="BackgroundContainerLeftEnd" src="layouts/tibiacom/images/vips/stonebar-left-end.gif">	<div id="BackgroundContainerCenter">	

<div id="BackgroundContainerCenterImage" style="background-image: url(layouts/tibiacom/images/content/stonebar-center.gif);"></div>	

</div>	<img id="BackgroundContainerRightEnd" src="layouts/tibiacom/images/vips/stonebar-right-end.gif">	  </div>  

<img id="TubeLeftEnd" src="layouts/tibiacom/images/vips/progress-bar-tube-left-green.gif">  

<img id="TubeRightEnd" src="layouts/tibiacom/images/vips/progress-bar-tube-right-blue.gif">	 <div id="FirstStep" class="Steps">	  

<div class="SingleStepContainer">			   <img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-0-green.gif">  

<div class="StepText" style="font-weight: normal;">Regras da Doação</div>		 </div>		</div>  <div id="StepsContainer1">	  

<div id="StepsContainer2">			  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">		  

<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-green.gif">				 </div>				  <div class="SingleStepContainer">	  

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-1-green.gif">		   <div class="StepText" style="font-weight: bold;">Metodo de Pagamento</div>  

</div>		  </div>		  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">		  

<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-green-blue.gif">			</div>				  <div class="SingleStepContainer">			  

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-2-blue.gif">				  <div class="StepText" style="font-weight: normal;">Informações do Pedido</div>  

</div>		  </div>		  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">		  

<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-blue.gif">				  </div>				  <div class="SingleStepContainer">			

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-3-blue.gif">				  <div class="StepText" style="font-weight: normal;">Confirmação</div>

</div>		  </div>		  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">		  

<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-blue.gif">				  </div>				  <div class="SingleStepContainer">	

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-4-blue.gif">				  <div class="StepText" style="font-weight: normal;">Pedido Realizado</div>  

</div>		  </div>	</div>		</div>  </div></div>Você está prestes a escolher um método de pagamento para fazer a sua doação!<br><br>


<TABLE BORDER=0 CELLSPACING=1 CELLPADDING=4 WIDTH=100%>

		<form action="index.php?subtopic=donate&action=tipo" method="POST"><input type="hidden" name="char_name" value="">

		<TR BGCOLOR="#505050">

		 <TD CLASS=white COLSPAN=3><B>Escolha o Método de Pagamento</B></TD>

		</TR>

		<TR BGCOLOR=#D4C0A1>

				<TD><input type="radio" name="method" value="1" checked="checked"> PagSeguro - Cartão de crédito/Boleto</TD>

		</TR>

		<TR BGCOLOR="#505050">

		<TR BGCOLOR=#D4C0A1>


		 <TD><input type="radio" name="method" value="3"> Banco do Brasil - Depósitos/DOCS/Transferencias Bancárias</TD>

		</TR>

				<TR BGCOLOR="#505050">

		<TR BGCOLOR=#D4C0A1>


		</TR>

   </TABLE>

		   </tbody></table>			 <br><table width="100%"><tbody><tr align="center"><td><table border="0" cellpadding="0" cellspacing="0">

		<tbody><tr><td style="border: 0px none;">

		<a href="javascript:void();" onclick=location.href="?subtopic=donate&action=pag_form">

		<div class="BigButton" style="background-image: url(layouts/tibiacom/images/buttons/sbutton.gif);">

		<div onmouseover="MouseOverBigButton(this);" onmouseout="MouseOutBigButton(this);"><div class="BigButtonOver" style="background-image: url(layouts/tibiacom/images/buttons/sbutton_over.gif);"></div>

		<input class="ButtonText" name="Continue" alt="Continue" src="layouts/tibiacom/images/vips/_sbutton_continue.gif" type="image">

		</table></td></tr></tbody></table>';

  }$_SESSION["nome"] = stripslashes(urldecode($_POST['method']));

}

elseif($action == 'tipo')

{

		 if(!$logged) {

  $main_content .= 'You are not logged in. <a href="?subtopic=accountmanagement">Log in</a> first to make a donate..';

  }

  else

  {

  $buy_tipo = stripslashes(urldecode($_POST['method']));

  if($buy_tipo == 1) {

				$main_content .= '

<form target="pagseguro" method="post" action="https://pagseguro.uol.com.br/checkout/checkout.jhtml">

<input type="hidden" name="email_cobranca" value="'. $config['pagseguro']['email']. '">

<input type="hidden" name="tipo" value="CP">

<input type="hidden" name="moeda" value="BRL">

<input type="hidden" name="item_id_1" value="1">

<input type="hidden" name="item_descr_1" value="' . $config['pagseguro']['produtoNome'] . '">

<input type="hidden" name="item_frete_1" value="0">

<input type="hidden" name="item_quant_1" value="1">

<input type="hidden" name="item_peso_1" value="0">

<input type="hidden" name="ref_transacao" value="'.$account_logged->getCustomField("name").'-points">

<table border="0" cellpadding="4" cellspacing="1" width="100%" id="#estilo"><tbody>

<div id="ProgressBar">  <div id="Headline">Informações do Pedido</div>  <div id="MainContainer">		<div id="BackgroundContainer">

<img id="BackgroundContainerLeftEnd" src="layouts/tibiacom/images/vips/stonebar-left-end.gif">	<div id="BackgroundContainerCenter">

<div id="BackgroundContainerCenterImage" style="background-image: url(layouts/tibiacom/images/content/stonebar-center.gif);"></div>

</div>	<img id="BackgroundContainerRightEnd" src="layouts/tibiacom/images/vips/stonebar-right-end.gif">	  </div>

<img id="TubeLeftEnd" src="layouts/tibiacom/images/vips/progress-bar-tube-left-green.gif">

<img id="TubeRightEnd" src="layouts/tibiacom/images/vips/progress-bar-tube-right-blue.gif">	 <div id="FirstStep" class="Steps">

<div class="SingleStepContainer">			   <img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-0-green.gif">

<div class="StepText" style="font-weight: normal;">Regras da Doação</div>		 </div>		</div>  <div id="StepsContainer1">

<div id="StepsContainer2">			  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">

<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-green.gif">				 </div>				  <div class="SingleStepContainer">

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-1-green.gif">		   <div class="StepText" style="font-weight: normal;">Metodo de Pagamento</div>

</div>		  </div>		  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">

<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-green.gif">				 </div>				  <div class="SingleStepContainer">

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-2-green.gif">				 <div class="StepText" style="font-weight: bold;">Informações do Pedido</div>

</div>		  </div>		  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">

<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-green-blue.gif">			</div>				  <div class="SingleStepContainer">

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-3-blue.gif">				  <div class="StepText" style="font-weight: normal;">Confirmação</div>

</div>		  </div>		  <div class="Steps" style="width: 25%;">		   <div class="TubeContainer">

<img class="Tube" src="layouts/tibiacom/images/vips/progress-bar-tube-blue.gif">				  </div>				  <div class="SingleStepContainer">

<img class="StepIcon" src="layouts/tibiacom/images/vips/progress-bar-icon-4-blue.gif">				  <div class="StepText" style="font-weight: normal;">Pedido Realizado</div>

</div>		  </div>	</div>		</div>  </div></div>Escolha quantos pontos deseja comprar:<br><br>

		</tr>

		<tr>

				<td width="10%">Sua conta</td>

				<td><strong>'.$account_logged->getCustomField("name").'</strong></td>

		</tr>

		<tr>

				<td width="10%">Pontos</td>

				<td>

				<select name="item_valor_1">

<option value="1000">10</option>

<option value="1500">15</option>

<option value="2000">20</option>

<option value="2500">25</option>

<option value="3000">30</option>

<option value="3500">35</option>

<option value="4500">45</option>

<option value="5500">55</option>

<option value="6000">60</option>

<option value="7500">75</option>

<option value="9000">90</option>

<option value="11500">115</option>

</select>

				</td>

				</tr>

		<tr>

				<td colspan="2">

						<input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/carrinhoproprio/btnFinalizar.jpg" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />

				</td>

				</tr>

</tbody></table></form><p style="font-size: 18px">Ao doar pelo PagSeguro você não precisa confirmar seu pagamento, assim que PagSeguro aprovar o pagamento, os pontos serão adicionados automaticamente na sua conta.</p>'; }  

if($buy_tipo == 3) {

				$main_content .= '

<table border="0" cellspacing="1" cellpadding="4" width="100%">

				<tr bgcolor="#505050"><td colspan="1" class="white"><b>Banco do Brasil</b></tr></td>

				<tr bgcolor="#D4C0A1"><td><img src="http://img526.imageshack.us/img526/2645/bancodobrasil2300x300.jpg"><br>

<br>

Favorecido: Nome Favorecido<br>

Conta Corrente: xxx.xxx <br>

Agência: xxx-xxx<br>

<br>

*O Pagamento pode ser feito através de Deposito ou Transferência Bancária (Não esqueça de confirmar a doação no link "Confirmar Doação").

</td></tr>

				</table><br/>';

								$main_content .= '

<table border="0" cellspacing="1" cellpadding="4" width="100%">

				<tr bgcolor="#505050"><td colspan="1" class="white"><b>Informações sobre Valores</b></td></tr>

				<tr bgcolor="#D4C0A1"><td>R$ 5,00: 5 Premium Points<br>

R$ 10,00: 10 Premium Points<br>

R$ 20,00: 20 Premium Points<br>

R$ 30,00: 35 Premium Points*<br>

<br>

*O valor de cada Premium Point é de R$ 1,00. Porém, se a compra for acima de R$ 30,00 você ganha um bonus de + 15% em Premium Points de acordo com o valor comprado.<br>

Exemplo: Na compra de R$ 50,00 em Premium Points, você leva 58 Premium Points ao invés de 50 Premium Points. (Bonus de +15% em cima do valor).<br>

</td></tr>

				</table><br/>';


}

		if($buy_tipo == 4) {

				$main_content .= '

<center><h1>Onebip - Sistema de Pagamento pelo celuar via SMS</center></h1>

';


$main_content .= '<center>

<table border="0" cellspacing=1 cellpadding=4 width="80%">

<tr bgcolor="'.$config['site']['vdarkborder'].'">

<center><th width="100%"><font class=black><b>Planos disponíveis</b></font></th>

</tr>

</table>

<table border="0" cellspacing=1 cellpadding=4 width="80%">

<tr>

<center><td bgcolor="'.$config['site']['darkborder'].'" witdh="2%"><center><b>Doação - 5R$</center></b></td>

<td bgcolor="'.$config['site']['darkborder'].'" witdh="2%"><center><b>Doação - 10R$</center></b></td>

<td bgcolor="'.$config['site']['darkborder'].'" witdh="2%"><center><b>Doação - 20R$</center></b></td>

<td bgcolor="'.$config['site']['darkborder'].'" witdh="2%"><center><b>Doação - 30R$</center></b></td>

<td bgcolor="'.$config['site']['darkborder'].'" witdh="2%"><center><b>Doação - 50R$</center></b></td>

</tr>

<tr>

<td bgcolor="'.$config['site']['lightborder'].'" witdh="2%"><center><b><a href="https://www.onebip.com/tinyurl/a1197d7b3e9048f56a29f82569a5d7aa" title="Mobile payment: send and receive money with your mobile phone">

<img src="http://www.onebip.com/tools/bts/btn04.gif" alt="Transfer money with your mobile phone credit" border="0"/>

</a></center></b></td>

<td bgcolor="'.$config['site']['lightborder'].'" witdh="2%"><center><b><a href="https://www.onebip.com/tinyurl/78232439f44d5cba6ff3a5873dd59472" title="Mobile payment: send and receive money with your mobile phone">

<img src="http://www.onebip.com/tools/bts/btn04.gif" alt="Transfer money with your mobile phone credit" border="0"/>

</a></center></b></td>

<td bgcolor="'.$config['site']['lightborder'].'" witdh="2%"><center><b><a href="https://www.onebip.com/tinyurl/a9f667a07c3e3719be57381b4910898e" title="Mobile payment: send and receive money with your mobile phone">

<img src="http://www.onebip.com/tools/bts/btn04.gif" alt="Transfer money with your mobile phone credit" border="0"/>

</a></center></b></td>

<td bgcolor="'.$config['site']['lightborder'].'" witdh="2%"><center><b><a href="https://www.onebip.com/tinyurl/af26c76894856e21393b672ad4043076" title="Mobile payment: send and receive money with your mobile phone">

<img src="http://www.onebip.com/tools/bts/btn04.gif" alt="Transfer money with your mobile phone credit" border="0"/>

</a></center></b></td>

<td bgcolor="'.$config['site']['lightborder'].'" witdh="2%"><center><b><a href="https://www.onebip.com/tinyurl/81fe3a8e3d6148bd733134f55c615ed8" title="Mobile payment: send and receive money with your mobile phone">

<img src="http://www.onebip.com/tools/bts/btn04.gif" alt="Transfer money with your mobile phone credit" border="0"/>

</a></center></b></td>

</tr>

<tr>

<td bgcolor="'.$config['site']['lightborder'].'" witdh="2%"><center><b>Faça sua Doação</center></b></td>

<td bgcolor="'.$config['site']['lightborder'].'" witdh="2%"><center><b>Faça sua Doação</center></b></td>

<td bgcolor="'.$config['site']['lightborder'].'" witdh="2%"><center><b>Faça sua Doação</center></b></td>

<td bgcolor="'.$config['site']['lightborder'].'" witdh="2%"><center><b>Faça sua Doação</center></b></td>

<td bgcolor="'.$config['site']['lightborder'].'" witdh="2%"><center><b>Faça sua Doação</center></b></td></center>

</tr>

</table>

<table border="0" cellspacing=1 cellpadding=4 width="80%">

<tr bgcolor="'.$config['site']['vdarkborder'].'">

<td width="100%"></td>

</tr>

</table>

<br>

';


$main_content.='

<table border="0" cellspacing=1 cellpadding=4 width="100%">

<tr bgcolor="'.$config['site']['vdarkborder'].'">

<th width="100%"><font class=black>Observações</b></th>

</tr>

</table>

<table border="0" cellspacing=1 cellpadding=4 width="100%">

<tr bgcolor="'.$config['site']['darkborder'].'">

<td width="100%"><ul><li>Para efetuar com sucesso sua doação utilizando o sistema <b>Onebip</b> é necessário de atenção: Ao enviar a mensagem você recebera os créditos em sua conta Onebip e depois transferir para a conta do servidor, caso não seja feito isso seus pontos não vão chegar.</li></ul></td>

</tr>

<tr bgcolor="'.$config['site']['darkborder'].'">

<td width="100%"><ul><li>Todas as doações efetuadas no sistema <b>Onebip</b> precisam ser <a href="http://tibera-world.com/index.php?subtopic=confirmacao">Confirmadas</a> para serem creditas em sua account, caso contrário seus pontos não serão creditados</li></ul></td>

</tr>

</table>';

}  

   elseif($buy_tipo == 2)

{

		 if(!$logged) {

  $main_content .= 'You are not logged in. <a href="?subtopic=accountmanagement">Log in</a> first to make a donate..';

  }

  else

  {

  $main_content .= '<center>Ao clicar no botão submit você será redirecionado para a página de doações do PayPal, onde você deverá preencher os dados e concluir a doação.</center>

   <br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=4 WIDTH=100%>

   <tr bgcolor="#505050"><td colspan="3"><font color="white" size="4"><b>Pedido</b></font></td></tr>

   <tr bgcolor="#D4C0A1"><td width="100"><b>Método de pagamento:</b></td><td width="550" colspan="2">PayPal</TD></tr>

   <tr bgcolor="#D4C0A1"><td width="100"><b>Account:</b></td><td width="550" colspan="2">'.$account_logged->getName().'</td></tr>

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">

   <tr bgcolor="#D4C0A1"><td width="100"><b>Pontos:</b></td><td width="550" colspan="2"><select name="amount">

  <option value="10.00">10 R$</option>

  <option value="20.00">20 R$</option>

  <option value="30.00">30 R$</option>

  <option value="40.00">40 R$</option>

  <option value="50.00">50 R$</option>

</select></td></tr>

   </TABLE><BR>

<input type="hidden" name="cmd" value="_donations">

<input type="hidden" name="business" value="EMAILPAYPALAQUI">

<input type="hidden" name="lc" value="BR">

<input type="hidden" name="item_name" value="Pontos na account de nome: '.$account_logged->getCustomField("name").'">

<input type="hidden" name="custom" value="'.$account_logged->getCustomField("name").'">

<input type="hidden" name="item_number" value="1">

<input type="hidden" name="currency_code" value="BRL">

<input type="hidden" name="no_note" value="0">

<input type="hidden" name="no_shipping" value="0">

<input type="hidden" name="notify_url" value="http://tibera-world.com/ipn/ipn.php">

<input type="hidden" name="return" value="http://tibera-world.com">

<input type="hidden" name="rm" value="0">

<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG_global.gif:NonHosted">

<BR>

   <table style="width:100%;" ><tr align="center" ><td>

   <a href="index.php?subtopic=donate"><img border="0" src="layouts/tibiacom/images/buttons/sbutton_back.gif"></a> </TD>

   <td><input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online."></TR>

   </TABLE></form>';

  }

}

  }

}

elseif($action == 'finalps')

{

		 if(!$logged) {

  $main_content .= 'You are not logged in. <a href="?subtopic=accountmanagement">Log in</a> first to make a donate..';

  }

  else

  {

  $buy_quant = stripslashes(urldecode($_POST['quant']));

  $main_content .= '<center>Ao clicar no botão submit você será redirecionado para a página de doações do PagSeguro, onde você deverá preencher os dados e concluir a doação.</center>

   <br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=4 WIDTH=100%>

   <form target="pagseguro" action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx" method="post"><input type="hidden" name="char_name" value="">

   <tr bgcolor="#505050"><td colspan="3"><font color="white" size="4"><b>Confirme seus dados</b></font></td></tr>

   <tr bgcolor="#D4C0A1"><td width="100"><b>Método de pagamento:</b></td><td width="550" colspan="2">PagSeguro</TD></tr>

   <tr bgcolor="#D4C0A1"><td width="100"><b>Account:</b></td><td width="550" colspan="2">'.$account_logged->getName().'</td></tr>

   <tr bgcolor="#D4C0A1"><td width="100"><b>Pontos:</b></td><td width="550" colspan="2">'.$buy_quant.'</td></tr>

   <tr bgcolor="#D4C0A1"><td width="100"><b>Valor:</b></td><td width="550" colspan="2">'.$buy_quant.',00</td></tr>

   </TABLE><BR>

		<center>

<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->

<form target="pagseguro" action="https://pagseguro.uol.com.br/checkout/checkout.jhtml" method="post">

<input type="hidden" name="email_cobranca" value="daniel_freire2109@hotmail.com" />

<input type="hidden" name="tipo" value="CP" />

<input type="hidden" name="moeda" value="BRL" />

<input type="hidden" name="item_id_1" value="'.$buy_quant.'" />

<input type="hidden" name="item_descr_1" value="Pontos" />

<input type="hidden" name="item_quant_1" value="'.$buy_quant.'" />

<input type="hidden" name="item_valor_1" value="100" />

<input type="hidden" name="item_peso_1" value="0" />

<input type="hidden" name="ref_transacao" value="'.$account_logged->getName().'" />

<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->

<BR>

   <table style="width:100%;" ><tr align="center" ><td>

   <a href="index.php?subtopic=donate"><img border="0" src="layouts/tibiacom/images/buttons/sbutton_back.gif"></a> </TD>

   <td><input type="image" src="layouts/tibiacom/images/buttons/sbutton_submit.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" /></TR>

   </TABLE></form>';

  }

}

elseif($action == 'finalpp')

{

		 if(!$logged) {

  $main_content .= 'You are not logged in. <a href="?subtopic=accountmanagement">Log in</a> first to make a donate..';

  }

  else

  {

  $main_content .= '<center>Ao clicar no botão submit você será redirecionado para a página de doações do PayPal, onde você deverá preencher os dados e concluir a doação.</center>

   <br><TABLE BORDER=0 CELLSPACING=1 CELLPADDING=4 WIDTH=100%>

   <tr bgcolor="#505050"><td colspan="3"><font color="white" size="4"><b>Pedido</b></font></td></tr>

   <tr bgcolor="#D4C0A1"><td width="100"><b>Método de pagamento:</b></td><td width="550" colspan="2">PayPal</TD></tr>

   <tr bgcolor="#D4C0A1"><td width="100"><b>Account:</b></td><td width="550" colspan="2">'.$account_logged->getName().'</td></tr>

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">

   <tr bgcolor="#D4C0A1"><td width="100"><b>Pontos:</b></td><td width="550" colspan="2"><select name="amount">

  <option value="10.00">10 R$</option>

  <option value="20.00">20 R$</option>

  <option value="30.00">30 R$</option>

  <option value="40.00">40 R$</option>

  <option value="50.00">50 R$</option>

</select></td></tr>

   </TABLE><BR>

<input type="hidden" name="cmd" value="_donations">

<input type="hidden" name="business" value="frizman@o2.pl">

<input type="hidden" name="lc" value="BR">

<input type="hidden" name="item_name" value="Pontos na account de nome: '.$account_logged->getCustomField("name").'">

<input type="hidden" name="custom" value="'.$account_logged->getCustomField("name").'">

<input type="hidden" name="item_number" value="1">

<input type="hidden" name="currency_code" value="BRL">

<input type="hidden" name="no_note" value="0">

<input type="hidden" name="no_shipping" value="0">

<input type="hidden" name="notify_url" value="http://tibera-world.com/ipn/ipn.php">

<input type="hidden" name="return" value="http://tibera-world.com">

<input type="hidden" name="rm" value="0">

<input type="hidden" name="bn" value="PP-DonationsBF:btn_donateCC_LG_global.gif:NonHosted">

<BR>

   <table style="width:100%;" ><tr align="center" ><td>

   <a href="index.php?subtopic=donate"><img border="0" src="layouts/tibiacom/images/buttons/sbutton_back.gif"></a> </TD>

   <td><input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online."></TR>

   </TABLE></form>';

  }

}

?>

Basic.Css

  Mostrar conteúdo oculto

body {

  margin: 0px;

  padding:  0px;

  background-color: #061222;

}


#ArtworkHelper {

  text-align: center;

  background-position: top center;

  background-attachment: scroll;

  background-repeat: no-repeat;

  width: 100%;

  height: 100%;

  min-width: 1000px;

  min-height: 800px;

}


/* container to implement min/max width */

#Bodycontainer {

  text-align: left;

  min-width: 1000px;

  max-width: 1200px;

  width: 100%;

  height: 100%;

  margin: 0px;

  margin-left: auto;

  margin-right: auto;

  padding: 0px;

  display: table;

}


#ContentRow {

  position: relative;

  top: 155px;

}


/* "star-HTML-hack" to correct the position of the content row */

* html #ContentRow {

  display: inline-block;

}


#MenuColumn {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 180px;

  margin-right: 15px;

  margin-left: 15px;

  padding: 0px;

  font-family:  Arial, sans-serif;

  font-size: 10pt;

  font-weight: bold;

  line-height: 12pt;

}


#ContentColumn {

  position: relative;

  margin: 0px;

  margin-left: 205px;

  margin-right: 205px;

}


#ThemeboxesColumn {

  text-align:  center;

  position: absolute;

  top: 0px;

  right: 0px;

  width: 180px;

  margin: 0px;

  margin-right: 15px;

  margin-left: 25px;

}


#Footer {

  font-family: Verdana, Arial, Times New Roman, sans-serif;

  font-size: 7pt;

  font-weight: normal;

  text-align: center;

  position: relative;

  width: 100%;

  padding-bottom: 20px;

  color: white;

}

* html #Footer {

  padding-bottom: 120px;

  margin-bottom: 50px;

}


/* Footer linkes */

#Footer a:link	{ color: white; text-decoration: none; }

#Footer a:visited { color: white; text-decoration: none; }

#Footer a:focus   { color: white; text-decoration: none; }

#Footer a:active  { color: white; text-decoration: underline; }

#Footer a:hover   { color: white; text-decoration: underline; }


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

*  Stylesheet declarations for the

*  HEADER AREA

*  -------------------------------

*/


#LeftArtwork {

  position: absolute;

  height: 140px;

  width: 166px;

  top: -140px;

  left: 4px;

  background-repeat: no-repeat;

  z-index:5;

}


#LeftArtwork #TibiaLogoArtworkTop {

  position: absolute;

  top: 20px;

  left: 0px;

  height: 82px;

  width: 166px;

  z-index: 5;

  cursor: pointer;

}


#LeftArtwork #TibiaLogoArtworkBottom {

  position: absolute;

  top: 102px;

  left: 0px;

  height: 43px;

  width: 166px;

  z-index: 5;

}


#LeftArtwork #Statue_1{

  position: absolute;

  top: 0px;

  left: 5px;

  height: 30px;

  width: 32px;

  z-index:10;

}


#LeftArtwork #Statue_2 {

  position: absolute;

  top: 0px;

  right: 25px;

  height: 30px;

  width: 32px;

  z-index:10;

}


#LeftArtwork #LogoLink {

  position: absolute;

  bottom: 14px;

  left: 58px;

  height: 14px;

  width: 50px;

  z-index: 99;

  cursor: pointer;

}


#RightArtwork {

  text-align: left;

  position: absolute;

  top: -1px;

  right: 24px;

  width: 132px;

  background-repeat: no-repeat;

  z-index: 90;

}


#RightArtwork #Monster {

  position: absolute;

  height: 80px;

  width: 80px;

  top: -137px;

  left: 8px;

  z-index: 15;

  cursor: pointer;

}


#PedestalAndOnline {

  position: absolute;

  top: -105px;

  width: 132px;

  height: 111px;

}


#RightArtwork #PlayersOnline {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  font-size: 7pt;

  line-height: 8pt;

  text-align: center;

  position: absolute;

  width: 92px;

  bottom: 11px;

  left: 21px;

  color: #cfa600;

  border-bottom: 1px solid #010101;

  cursor: pointer;

}


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

*  Stylesheet declarations for the

*  LOGINBOX

*  -------------------------------

*/


#Loginbox {

  position: relative;

  left: 5px;

  top: 8px;

  width: 100%;

  margin-bottom: 42px;

  background-repeat: no-repeat;

}


#Loginbox #LoginTop {

  position: absolute;

  left: -5px;

  top: -12px;

  height: 12px;

  width: 180px;

  background-repeat: no-repeat;

}


#Loginbox #LoginBottom {

  position: absolute;

  top: 52px;

  left: -5px;

  height: 12px;

  width: 180px;

  background-repeat: no-repeat;

}


#Loginbox .LoginBorder {

  position: absolute;

  top: 0px;

  height: 52px;

  width: 8px;

  background-repeat: repeat-y;

  z-index: 10;

}


#Loginbox #BorderRight {

  right: 9px;

}


#Loginbox .Loginstatus {

  position: relative;

  top: 0px;

  left: 5px;

  height: 13px;

  width: 160px;

}


#Loginbox .LoginstatusText {

  position: absolute;

  top: 1px;

  left: 18px;

  width: 124px;

  height: 11px;

  cursor: pointer;

}


#Loginbox #LoginstatusText_1 {

  top: 2px;

  cursor: default;

}


#Loginbox #LoginstatusText_2_1 {

  visibility: visible;

}


#Loginbox #LoginstatusText_2_2 {

  visibility: hidden;

}


#Loginbox #LoginButtonContainer {

  margin-left: 5px;

  height: 26px;

  width: 160px;

  background-repeat: repeat-y;

}


#Loginbox #LoginButton {

  position: relative;

  top: 1px;

  left: 12px;

  height: 25px;

  width: 135px;

}


#Loginbox #LoginButton .Button {

  position: relative;

  top: 0px;

  left: 0px;

  width: 135px;

  height: 25px;

  visibility: hidden;

}


#Loginbox #LoginButton #ButtonText {

  position: absolute;

  top: 0px;

  left: 0px;

  height: 22px;

  width: 135px;

  z-index: 15;

  cursor: pointer;

}


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

*  Stylesheet declarations for the

*  MENU

*  -------------------------------

*/


#Menu {

  position: relative;

  left: 5px;

  background-repeat: no-repeat;

}


#MenuTop {

  position: absolute;

  left: -5px;

  top: -12px;

  height: 12px;

  width: 180px;

  background-repeat: no-repeat;

}


#MenuBottom {

  position: relative;

  left: -5px;

  bottom: 0px;

  height: 12px;

  width: 180px;

  background-repeat: no-repeat;

}


/* Menuitems */


.MenuButton {

  position: relative;

  height: 32px;

  width: 170px;

  display: block;

  cursor: pointer;

}


.Button {

  position: relative;

  height: 32px;

  width: 170px;

  visibility: hidden;

  display: block;

}


.Extend {

  position: absolute;

  top: 20px;

  right: -2px;

  height: 12px;

  width: 12px;

  background-repeat: no-repeat;

}


.Lights {

  visibility: hidden;

}


.Light_lu {

  position: absolute;

  top: 2px;

  left: 3px;

  height: 2px;

  width: 2px;

  background-repeat: no-repeat;

}


.Light_ru {

  position: absolute;

  top: 2px;

  right: 3px;

  height: 2px;

  width: 2px;

  background-repeat: no-repeat;

}


.Light_ld {

  position: absolute;

  height: 2px;

  width: 2px;

  top: 28px;

  left: 3px;

}


.Icon {

  position: absolute;

  height: 32px;

  width: 32px;

  top: 0px;

  left: 8px;

}


.Label {

  position: absolute;

  height: 22px;

  width: 116px;

  top: 6px;

  left: 42px;

}


/* Submenus(items) */


.LeftChain {

  position: absolute;

  top: 0px;

  left: -5px;

  height: 33px;

  width: 7px;

  background-repeat: repeat-y;

}


.RightChain {

  position: absolute;

  top: 0px;

  right: -4px;

  height: 33px;

  width: 7px;

  background-repeat: repeat-y;

}


.Submenu {

  position: relative;

  margin-left: 5px;

  margin-right: 5px;

  background-color: #0D2E2B;

  width: 160px;

}


.Submenuitem {

  position: relative;

  margin: 0px;

  padding: 0px;

}


.ActiveSubmenuItemIcon {

  position: absolute;

  top: 5px;

  left: 3px;

  width: 10px;

  height: 10px;

  background-repeat: no-repeat;

  visibility: hidden;

}


.SubmenuitemLabel {

  margin: 0px;

  border-top: 0;

  padding-top: 2px;

  padding-bottom: 2px;

  padding-left: 15px;

  border-bottom: 1px solid #4b7874;

  overflow: hidden;

}


/* Submenu links */

.Submenu a:link	{ color: #d7d7d7; text-decoration: none; }

.Submenu a:visited { color: #d7d7d7; text-decoration: none; }

.Submenu a:focus   { color: #d7d7d7; text-decoration: none; }

.Submenu a:active  { color: white; text-decoration: none; }

.Submenu a:hover   { color: white; text-decoration: none; }


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

*  Stylesheet declarations for the

*  CONTENT AREA

*  -------------------------------

*/


.Content .BoxContent {

  padding: 10px;

}


/* "tanhack" for correction of IE bug */

* html .Content {

  top: -5px;

}


.Content {

  position: relative;

  top: 0px;

  width: 100%;

}


/* "star-HTML-hack" to correct the position of the content area */

* html .Content {

  position: relative;

  top: 796px;

  margin: 20px;

  border: 0px dashed #061222;

  border-right-width: 550px;

}


#ContentHelper {

  position: relative;

}


/* "star-HTML-hack" to to implement min-width in IE */

* html #ContentHelper {

  display: inline-block;

  position: relative;

  top: -800px;

  margin: -20px;

  margin-right: -570px;

}


.Content .Box {

  font-size: 0pt;

  position: relative;

  margin: 5px;

  margin-bottom: 18px;

  color: #5A2800;

  border-left: 2px solid #3a3738;

  border-right: 2px solid #3a3738;

  background-color: #debb9d;

  background-repeat: no-repeat;

  overflow: visible;

}


.Content .BoxContent {

  font-family: Verdana, Arial, Times New Roman, sans-serif;

  font-size: 9pt;

  background-color: #FFF2db;

  color: #5A2800;

  min-height: 395px;

  height: auto !important;

  height: 415px;

}


/* "star-HTML-hack" to correct Box width in IE */

* html .Content .Box {

  width: 100%;

}

/* "star-HTML-hack" to correct BoxContent width in IE */

* html .Content .BoxContent {

  width: 100%;

}


.Content th {

  font-family: Verdana, Arial, Times New Roman, sans-serif;

  font-size: 10pt;

  font-weight: bold;

  text-align: left;

  color: white;

  background-color: #505050;

}


.Content .BoxContent td {

  font-family: Verdana, Arial, Times New Roman, sans-serif;

  font-size: 10pt;

  color: #5A2800;

}


/* Content Links */


.Content a {

  font-family: Verdana, Arial, Times New Roman, sans-serif;

  font-weight: bold;

  color: #004294;

  text-decoration: none;

}

.Content a:hover {

  font-family: Verdana, Arial, Times New Roman, sans-serif;

  font-weight: bold;

  text-decoration: underline;

  color: #0063DC;

}

.Content .HelpLink {

  font-size: 7pt;

  cursor: pointer;

}


/* Corners */


.Content .Corner-tl {

  position: absolute;

  top: -4px;

  left: -5px;

  width: 17px;

  height: 17px;

  z-index: 50;

}


.Content .Corner-tr {

  position: absolute;

  top: -4px;

  right: -5px;

  width: 17px;

  height: 17px;

  z-index: 50;

}


.Content .BottomCornersHelper {

  position: absolute;

  width: 100%;

}


.Content .CornerWrapper-b {

  position: absolute;

  width:100%;

}


.Content .Corner-bl {

  position: absolute;

  bottom: -4px;

  left: -6px;

  width: 17px;

  height: 17px;

  z-index: 50;

}


.Content .Corner-br {

  position: absolute;

  bottom: -4px;

  right: -6px;

  width: 17px;

  height: 17px;

  z-index: 50;

}


/* Borders */


.Content .Border_1 {

  position: relative;

  height: 6px;

  width: 100%;

  background-repeat: repeat-x;

}


.Content .BorderTitleText {

  position: relative;

  height: 24px;

  background-repeat: repeat-x;

}


.Content .Title {

  position: absolute;

  top: 6px;

  left: 5px;

}


.Content .Border_2 {

  margin: 4px;

  padding: 0px;

  background-color: #793d03;

}


.Content .Border_3 {

  margin: 1px;

  border-top: 1px solid #793d03;

  border-bottom: 1px solid #793d03;

}


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

*  Stylesheet declarations for the

*  THEMEBOXES of the Tibia

*  website

*  -------------------------------

*/


.Themebox {

  position: relative;

  margin-bottom: 10px;

  top: -4px;

  width: 180px;

  height: 154px;

}

#Themeboxes div {

  font-size: 10pt;

  background-repeat: no-repeat;

}

#Themeboxes .ThemeboxButton {

  position: absolute;

  bottom: 20px;

  left: 22px;

  height: 25px;

  width: 137px;

  cursor: pointer;

}

#Themeboxes .Bottom {

  position: absolute;

  bottom: 0px;

  left: 0px;

  height: 12px;

  width: 180px;

}

/* "star-HTML-hack" to correct the position of the bottom element */

* html #Themeboxes .Bottom {

  bottom: -3px;

}

#Themeboxes #PremiumBox {

  height: 164px;

}

#Themeboxes #ScreenshotBox #ScreenshotContent {

  position: relative;

  height: 111px;

  width: 170px;

  top: 31px;

  left: 0px;

  margin-left: 5px;

  margin-right: 5px;

  border: 0;

  cursor: pointer;

}

#Themeboxes #CurrentPollBox #CurrentPollText {

  font-family: Verdana, Arial, sans-serif;

  font-weight: bold;

  line-height: 11pt;

  color: #5A2800;

  position: absolute;

  height: 90px;

  width: 150px;

  top: 37px;

  left: 15px;

  padding-top: 5px;

  overflow: hidden;

}

#Themeboxes #SkyscraperBanner {

  border: 0;

}


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

*  OLD Stylesheet declarations for

*  the CONTENT AREA

*  -------------------------------

*/


.Content .BoxContent td .white {

  color: #EFEFEF;

  visibility: visible;

}


.Content .BoxContent td .whites {

  color: #EFEFEF;

  visibility: visible;

  font-size: 9pt;

}


.Content .BoxContent .white {

  color : #EFEFEF;

  visibility : visible;

}


.Content .BoxContent td .green {

  color : #00BF00;

}


.Content .BoxContent td .yellow {

  color : #FFBB05;

}


.Content .BoxContent td .red {

  color : #EF0000;

}


.Content .BoxContent td .grey {

  color : #808080;

}


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

*  OLD Stylesheet declarations for

*  the CONTENT AREA (forum)

*  -------------------------------

*/


.Content .BoxContent .ff_info {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  font-size : 10pt;

  color : #5A2800;

  visibility : visible;

}


.Content .ff_white a {

  color: #FFFFFF;

}


.Content .BoxContent .ff_white {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  color : #EFEFEF;

  visibility : visible;

  font-size : 7pt;

  font-weight: bold;

}


.Content .BoxContent .ff_red {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  color : #EF0000;

  visibility : visible;

  font-size : 8pt;

  font-weight: bold;

}


.Content .BoxContent .ff_whitelarge {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  color : #EFEFEF;

  visibility : visible;

  font-size : 9pt;

  font-weight: bold;

}


.Content .BoxContent .ff_info {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  font-size : 8pt;

  color : #5A2800;

  visibility : visible;

}


.Content .BoxContent .ff_infotext {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  font-size : 8pt;

  color : #5A2800;

  visibility : visible;

  line-height: 12pt;

}


.Content .BoxContent .ff_smallinfo {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  font-size : 7pt;

  color : #5A2800;

  visibility : visible;

}


.Content .BoxContent .ff_large {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  font-size : 12pt;

  color : #5A2800;

  visibility : visible;

}


.Content .BoxContent .ff_pagetext {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  font-size : 9pt;

  color : #5A2800;

  visibility : visible;

  line-height: 13pt;

}


.Content .BoxContent .ff_pagetextgrey {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  font-size : 9pt;

  color : #505050;

  visibility : visible;

  line-height: 13pt;

}


.Content .BoxContent .ff_pagetextred {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  font-size : 9pt;

  color : #F00;

  visibility : visible;

  line-height: 13pt;

}


.Content .BoxContent .ff_correct {

  font-family : Verdana, Arial, Times New Roman, sans-serif;

  font-size : 11pt;

  color : #FF0000;

  visibility : visible;

  font-weight: bold;

}


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

*  ### not final versions for tests

*  ### concerning the new payment process

*  --------------------------------------

*/


/* new error handling concept tests */


.FormFieldError {

  font-size: 8pt;

  color: red;

}

.SmallBox {

  position: relative;

  font-size: 1px;

}

.SmallBox .ErrorMessage {

  font-size: 8pt;

  position: relative;

  color: red;

  height: 100%;

  background-color: #d4c0a1;

  padding: 5px;

  padding-left: 43px;

}

.SmallBox .Message {

  font-size: 10pt;

  position: relative;

  height: 100%;

  background-color: #d4c0a1;

  padding: 10px;

}

.SmallBox .ErrorMessage ul {

  padding-left: 15px;

}

.SmallBox .BoxFrameHorizontal {

  position: relative;

  height: 4px;

}

.SmallBox .BoxFrameVerticalRight {

  position: absolute;

  right: 0px;

  top: 0px;

  width: 3px;

  background-repeat: repeat-y;

  height: 100%;

}

.SmallBox .BoxFrameVerticalLeft {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 3px;

  background-repeat: repeat-y;

  height: 100%;

}

.SmallBox .MessageContainer {

  position: relative;

  height: 100%;

}

.SmallBox .BoxFrameEdgeLeftTop {

  position: absolute;

  left: -1px;

  top: -1px;

  width: 5px;

  height: 5px;

}

.SmallBox .BoxFrameEdgeLeftBottom {

  position: absolute;

  left: -1px;

  bottom: -1px;

  width: 5px;

  height: 5px;

}

.SmallBox .BoxFrameEdgeRightTop {

  position: absolute;

  right: -1px;

  top: -1px;

  width: 5px;

  height: 5px;

}

.SmallBox .BoxFrameEdgeRightBottom {

  position: absolute;

  right: -1px;

  bottom: -1px;

  width: 5px;

  height: 5px;

}

.SmallBox .AttentionSign {

  position: absolute;

  top: 3px;

  left: 8px;

  width: 30px;

  height: 26px;

}



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

*  ### not finished versions for the

*  ### payment process PROGRESS BAR

*  ---------------------------------

*/


#ProgressBar #Headline {

  text-align: center;

  font-size: 12pt;

  font-weight: bold;

  margin-bottom: 5px;

}

#ProgressBar #MainContainer {

  position: relative;

  top: 10px;

  height: 50px;

  margin-bottom: 25px;

}

#ProgressBar #BackgroundContainer {

  position: relative;

  width: 100%;

}


#ProgressBar #BackgroundContainerLeftEnd {

  position: absolute;

  float: left;

}

#ProgressBar #BackgroundContainerCenter {

  position: absolute;

  left: 0px;

  top: 0px;

  height: 17px;

  width: 100%;

}

#ProgressBar #BackgroundContainerCenterImage {

  position: relative;

  margin-left: 25px;

  margin-right: 25px;

  height: 17px;

}

#ProgressBar #BackgroundContainerRightEnd {

  position: absolute;

  right: 0px;

  top: 0px;

  float: right;

}

#ProgressBar #TubeLeftEnd {

  position: absolute;

  left: 25px;

  top: 4px;

}

#ProgressBar #TubeRightEnd {

  position: absolute;

  right: 25px;

  top: 4px;

  z-index: 0;

}

#ProgressBar .Steps {

  position: relative;

  height: 39px;

  font-size: 9px;

  float: left;

  top: -11px;

  margin-left: -1px;

}

#ProgressBar #StepsContainer1 {

  text-align: right;

  margin-left: 92px;

  margin-right: 40px;

  height: 10px;

}

#ProgressBar #StepsContainer2 {

  width: 100%;

  height: 10px;

}

#ProgressBar .TubeContainer {

  position: relative;

  padding-right: 47px;

}

#ProgressBar .Tube {

  position: relative;

  top: 16px;

  left: 0px;

  width: 100%;

  height: 7px;

  background: #FFFFFF none repeat scroll 0%;

}

* html #ProgressBar .Tube {

  top: 13px;

}

#ProgressBar .SingleStepContainer {

  position: absolute;

  top: 0px;

  width: 47px;

  height: 30px;

  right: 0px;

  text-align: center;

}

#ProgressBar #FirstStep .SingleStepContainer {

  left: 45px;

  width: 47px;

  position: absolute;

}

#ProgressBar .StepIcon {

  position: absolute;

  right: 0px;

}

* html #ProgressBar .StepIcon {

  right: -1px;

}

#ProgressBar #FirstStep .StepIcon {

  top: 0px;

  left: 0px;

}

#ProgressBar .StepText {

  top: 40px;

  position: absolute;

  width: 200px;

  right: -77px;

}



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

*  Stylesheet declarations for the

*  NEW TABLES

*  -------------------------------

*/


.TableContainer {

  border: 1px solid black;

  position: relative;

  width: 100%;

  font-size: 1px;

}

.TableContainer .Odd {

  background-color: #f1e0c6;

}

.TableContainer .Even {

  background-color: #d5c0a1;

}


/* TABLEHEADER DECORATION */

.TableContainer .CaptionContainer {

  position: relative;

  font-size: 1pt;

  background-color: #5f4d41 !important;

  height: 100%;

  width: 100%;

  text-align: left;

}

.TableContainer .CaptionContainer .CaptionInnerContainer {

position: relative;

  background-color: #5f4d41;

  width: 100%;

  height: 100%;

  padding-top: 3px;

  padding-bottom: 4px;

}

.TableContainer .CaptionContainer .Text {

font-family: Verdana, Arial, Times New Roman, sans-serif;

  font-size: 10pt;

  font-weight: bold;

  text-align: left;

  color: white;

  padding-left: 10px;

  padding-top: 0px;

  padding-bottom: 0px;

}

.TableContainer .CaptionContainer .CaptionEdgeLeftTop {

position: absolute;

  width: 5px;

  height: 5px;

top: -2px;

  left: -2px;

  z-index: 50;

}

.TableContainer .CaptionContainer .CaptionEdgeRightTop {

position: absolute;

  width: 5px;

  height: 5px;

top: -2px;

  right: -2px;

  z-index: 50;

}

.TableContainer .CaptionContainer .CaptionEdgeLeftBottom {

position: absolute;

  width: 5px;

  height: 5px;

left: -2px;

bottom: -3px;

  z-index: 50;

}

.TableContainer .CaptionContainer .CaptionEdgeRightBottom {

position: absolute;

  width: 5px;

  height: 5px;

right: -2px;

bottom: -3px;

  z-index: 50;

}

.TableContainer .CaptionContainer .CaptionBorderTop {

  position: absolute;

  width: 100%;

  height: 4px;

  left: 0px;

  top: -1px;

}

.TableContainer .CaptionContainer .CaptionBorderBottom {

  position: absolute;

  width: 100%;

  height: 4px;

  left: 0px;

  bottom: -2px;

}

.TableContainer .CaptionContainer .CaptionVerticalLeft {

  position: absolute;

  height: 100%;

  width: 3px;

  left: -1px;

  top: 0px;

}

.TableContainer .CaptionContainer .CaptionVerticalRight {

  position: absolute;

  height: 100%;

  width: 3px;

  right: -1px;

  top: 0px;

}

* html .TableContainer .CaptionContainer .CaptionEdgeRightTop {

  right: -3px;

}

* html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {

  bottom: -4px;

}

* html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {

  right: -3px;

  bottom: -4px;

}

* html .TableContainer .CaptionContainer .CaptionBorderBottom {

  bottom: -3;

}

* html .TableContainer .CaptionContainer .CaptionVerticalRight {

  right: -2px;

}

/* TABLE CONTENT */

.TableContentContainer {

  border: 1px solid #5F4D41;

  position: relative;

  margin-right: 4px;

  height: 100%;

  background-color: #d4c0a1;

  padding: 0px;

}

.TableContent {

  width: 100%;

  border-collapse: collapse;

}

.TableContent td {

  padding-left: 5px;

  padding-top: 2px;

  padding-right: 5px;

  padding-bottom: 2px;

}

/* INNERLYOUT 1 */

.TableContainer .Table1 {

  width: 100%;

  background-color: #d4c0a1;

  border: 2px solid #55636c;

}

.TableContainer .Table1 .InnerTableContainer {

  padding: 5px;

}

/* INNERLYOUT 2 */

.TableContainer .Table2 {

  width: 100%;

  border: 2px solid #55636c;

  background-color: #f1e0c5;

  padding: 0px;

  margin: 0px;

  border-collapse: collapse;

}

.TableContainer .Table2 td {

  padding: 0px;

  margin: 0px;

}

.TableContainer .Table2 .InnerTableContainer {

  margin-top: 1px;

}

.TableContainer .Table2 .InnerTableContainer table {

  border-collapse: collapse;

}

.TableContainer .Table2 .InnerTableContainer td {

  padding-top: 2px;

  padding-left: 5px;

  padding-bottom: 2px;

  padding-right: 5px;

  border: 1px solid #faf0d7;

}

/* INNERLYOUT 3 */

.TableContainer .Table3 {

  width: 100%;

  border: 2px solid #55636c;

  background-color: #f1e0c5;

}

.TableContainer .Table3 .InnerTableContainer {

  width: 100%;

  position: relative;

  margin-top: 5px;

  margin-left: 3px;

}

.TableContainer .Table3 .TableContentAndRightShadow td {

  border: 1px solid #faf0d7;

}

/* INNERLYOUT 4 */

.TableContainer .Table4 {

  width: 100%;

  border: 2px solid #55636c;

  background-color: #f1e0c5;

}

.TableContainer .Table4 .InnerTableContainer {

  width: 100%;

  position: relative;

  margin-top: 3px;

}

.TableContainer .Table4 .TableContentAndRightShadow .TableContent td {

  padding-left: 4px;

  padding-top: 2px;

  padding-bottom: 2px;

}

/* INNERLYOUT 5 */

.TableContainer .Table5 {

  width: 100%;

  border: 2px solid #55636c;

  background-color: #f1e0c5;

}

.TableContainer .Table5 .InnerTableContainer {

  width: 100%;

  position: relative;

  margin-top: 5px;

  margin-left: 3px;

}

.TableContainer .Table5 .TableContentAndRightShadow .TableContent td {

  padding-left: 4px;

  padding-top: 2px;

  padding-bottom: 2px;

}

/* SHADOWS */

.TableShadowContainerRightTop {

  position: relative;

  top: 0px;

  right: 3px;

  margin-right: 0px;

  font-size: 1px;

  float: right;

  z-index: 99;

}

.TableShadowRightTop {

  position: absolute;

  top: 0px;

  right: 0px;

  width: 4px;

  height: 5px;

  z-index: 99;

}

.TableContentAndRightShadow {

  position: relative;

  background-repeat: repeat-y;

  background-position: top right;

  margin-right: 3px;

  font-size: 1px;

}

.TableShadowContainer {

  position: relative;

  widht: 100%;

  margin-right: 5px;

}

.TableBottomShadow {

  position: relative;

  font-size: 1px;

  height: 5px;

  width: 100%;

  padding: 0px;

  margin: 0px;

}

.TableBottomLeftShadow {

  position: relative;

  height: 5px;

  width: 4px;

  float: left;

  padding: 0px;

  margin: 0px;

}

.TableBottomRightShadow {

  position: relative;

  float: right;

  right: -2px;

  top: 0px;

  height: 5px;

  width: 4px;

}

/* LABELS */

.LabelV {

  font-weight: bold;

  padding-right: 10px;

  white-space: nowrap;

  vertical-align: top;

}

.LabelH {

  font-weight: bold;

  padding-right: 10px;

  white-space: nowrap;

  background-color: #d5c0a1;


}

.LabelH td {

  background-color: #d5c0a1;

  padding-left: 5px;

  padding-top: 2px;

  padding-right: 5px;

  padding-bottom: 2px;

}


/* BUTTONS */

.InnerTableButtonRow {

  width: 100%;

  padding-left: 1px;

  padding-right: 0px;

  padding-bottom: 4px;

  border: 0px;

}

.InnerTableButtonRow td {

  padding-right: 4px;

}

.BigButton {

  position: relative;

  width: 135px;

  height: 25px;

  z-index: 10;

}

.BigButtonOver {

  position: absolute;

  top: 0px;

  left: 0px;

  width: 137px;

  height: 25px;

  visibility: hidden;

  z-index: 15;

}

.ButtonText {

  position: absolute;

  top: 0px;

  left: 0px;

  height: 25px;

  width: 135px;

  z-index: 20;

}

.TopButtonContainer {

  position: relative;

  right: 4px;

  top: 4px;

  z-index: 60;

}

* html .TopButtonContainer {

  right: 27px;

}

.TopButtonContainer .TopButton {

  position: absolute;

  right: 0px;

  z-index: 55;

}

.Content .BoxContent .Odd {

  background-color: #D4C0A1;

  padding: 2px;

}


.Content .BoxContent .Even {

  background-color: #F1E0C6;

  padding: 2px;

}


.Content .NewsCategoryIconSmall {

  position: absolute;

  top: 1px;

  left: 1px;

  height: 16px;

  width: 16px;

  background-repeat: no-repeat;

}

.Content .BoxContent .Odd {

  background-color: #D4C0A1;

  padding: 2px;

}


.Content .BoxContent .Even {

  background-color: #F1E0C6;

  padding: 2px;

}


.Content .NewsCategoryIconSmall {

  position: absolute;

  top: 1px;

  left: 1px;

  height: 16px;

  width: 16px;

  background-repeat: no-repeat;

}

.Content .BoxContent .Odd {

  background-color: #D4C0A1;

  padding: 2px;

}


.Content .BoxContent .Even {

  background-color: #F1E0C6;

  padding: 2px;

}


.Content .NewsCategoryIconSmall {

  position: absolute;

  top: 1px;

  left: 1px;

  height: 16px;

  width: 16px;

  background-repeat: no-repeat;

}


/* News Ticker */


.Content #NewsTicker .BoxContent {

  padding: 5px;

  min-height: 90px;

  height: auto !important;

  height: 100px;

}


.Content #NewsTicker .BoxContent .Row {

  position: relative;

  width: 100%;

}


.Content #NewsTicker .NewsTickerIcon {

  position: absolute;

  top: 1px;

  left: 1px;

  height: 16px;

  width: 16px;

  background-repeat: no-repeat;

}


.Content #NewsTicker .NewsTickerText {

  font-size: 9pt;

  position: relative;

  margin-left: 20px;

}


.Content #NewsTicker .NewsTickerDate {

  font-size: 7pt;

  position: absolute;

  top: 0px;

  float: left;

}


.Content #NewsTicker .NewsTickerShortText {

  margin-left: 85px;

  height: 14px;

}


.Content #NewsTicker .NewsTickerFullText {

  margin-left: 85px;

  margin-right: 20px;

  display: none;

}


.Content #NewsTicker .NewsTickerExtend {

  position: relative;

  right: 0px;

  top: 1px;

  right: 1px;

  height: 12px;

  width: 12px;

  background-repeat: no-repeat;

  float: right;

  cursor: pointer;

  z-index: 10;

}


/* Featured Article */


.Content #FeaturedArticle .BoxContent {

  position:relative;

  height: 100px;

  padding: 5px;

  padding-left: 10px;

  min-height: 100px;

  height: auto !important;

  height: 110px;

  line-height: 10.5pt;

}


.Content #FeaturedArticle #TeaserThumbnail {

  position: relative;

  top: 0px;

  right: 0px;

  height: 100px;

  width: 150px;

  margin-left: 10px;

  background-color: black;

  z-index: 90;

  float: right;

}


#ContentHelper #FeaturedArticle:first-child .BoxContent {

  padding: 10px;

}


.Content #FeaturedArticle #TeaserText {

  height: 100px;

  overflow: hidden;

  z-index: 0;

}


.Content #FeaturedArticle #Link {

  position: absolute;

  top: 0px;

  right: 0px;

  margin: 89 165 0 0;

  z-index: 99;

}


.Content #FeaturedArticle .NewsHeadlineBackground {

  position: relative;

  height: 28px;

  margin-bottom: 5px;

  background-repeat: repeat-x;

  border-left: 1px solid #000000;

  border-right: 1px solid #000000;

}


.Content #FeaturedArticle .NewsHeadlineIcon {

  position: absolute;

  top: -1px;

  left: 0px;

  margin-left: 5px;

  margin-right: 5px;

  float:left;

}


.Content #FeaturedArticle .NewsHeadlineDate {

  font-size: 7pt;

  position: absolute;

  top: 9px;

  left: 50px;

  width: 85px;

  color: white;

}


.Content #FeaturedArticle .NewsHeadlineText {

  position: relative;

  top: 8px;

  left: 135px;

  font-size: 10pt;

  font-weight: bold;

  color: white;

}


/* News */


.Content #News .BoxContent {

  min-height: 100px;

  height: auto !important;

  height: 110px;

}


.Content #News .NewsHeadlineBackground {

  position: relative;

  height: 28px;

  margin-bottom: 5px;

  background-repeat: repeat-x;

  border-left: 1px solid #000000;

  border-right: 1px solid #000000;

}


.Content #News .NewsHeadlineIcon {

  position: absolute;

  top: -1px;

  left: 0px;

  margin-left: 5px;

  margin-right: 5px;

}


.Content #News .NewsHeadlineDate {

  font-size: 7pt;

  position: absolute;

  top: 10px;

  left: 50px;

  width: 85px;

  color: white;

}


.Content #News .NewsHeadlineText {

  position: relative;

  top: 7px;

  left: 135px;

  font-size: 10pt;

  font-weight: bold;

  color: white;

}


/* News Archive */


.Content #NewsArchive .NewsHeadlineBackground {

  position: relative;

  height: 28px;

  margin-bottom: 5px;

  background-repeat: repeat-x;

  border-left: 1px solid #000000;

  border-right: 1px solid #000000;

}


.Content #NewsArchive .NewsHeadlineIcon {

  position: absolute;

  top: -1px;

  left: 0px;

  margin-left: 5px;

  margin-right: 5px;

}


.Content #NewsArchive .NewsHeadlineDate {

  font-size: 7pt;

  position: absolute;

  top: 9px;

  left: 50px;

  width: 85px;

  color: white;

}


.Content #NewsArchive .NewsHeadlineText {

  position: relative;

  top: 7px;

  left: 135px;

  font-size: 10pt;

  font-weight: bold;

  color: white;

}

REP+

[PaulinhoAraujo 23]

!bump