<style>

.pnAntEvento{
 width:230px;
 padding:3px;
 margin-bottom:5px;
 float:left;
}

.pnParaEvento{
 width:230px;
 padding:3px;
 float:left;
 margin-left:5px;
 margin-right:5px;
 margin-bottom:5px;

}

.pnDepoisEvento{
 width:230px;
 padding:3px;
 margin-bottom:5px;
 float:left;

}
.titulos{
	height:20px;
	margin-bottom:5px;
 	
}
.pnCan{
 clear:both;	
}

.pnBtn{
	float:left;
	margin:3px;
	cursor:pointer;	
}
.Confimado{
 font-size:9px;
 color:#CCC;	
}

.ConfimadoConfirmado{
 font-size:9px;
 color:#CCC;
 cursor:pointer;	
}

</style>

<script>
		$(document).ready(function(e){
			
			$('.btnMuldar').live('click',function(){
				var attr = $(this).attr('src');
				
				if(attr == 'img/check-on.png'){
			      $(this).attr('src','img/check-off.png');
				  show('Gostaria de Retirar a Confirmação da produção do Material?');	 
				}
				else {
				$(this).attr('src','img/check-on.png');
				show('Confirma a produção do Material');
				}
			 
			})
		})
 
</script>

    <div align="center" class="sombra pnAntEvento dados titulos">Antes do Evento</div>
    <div align="center" class="sombra pnParaEvento dados titulos">Para o Evento</div>
    <div align="center" class="sombra pnDepoisEvento dados titulos">Depois do Evento</div>
    
    
    
  <div id="pnAntEvento" class="sombra pnAntEvento">
    <div id="pnBtnAnt" class="pnBtn"><img class='btnMuldar' src="img/check-on.png" width="21" height="21"></div>
    Bioombo 10x15 8 ft. Emprestado para o dia do evento para o dia do evento
    <div id="pnAntConfimacao" title="Clik para Ver Detalhes" class="ConfimadoConfirmado">Feito dia 15/02/2012 10:30:20</div>
  </div>
 
  <div id="pnParaEvento" class="sombra pnParaEvento">
    <div id="pnBtnAnt" class="pnBtn"><img class='btnMuldar' src="img/check-on.png" width="21" height="21"></div>
    1 Ampliação 120x80 tecido
    <div id="pnAntConfimacao" class="Confimado">Feito dia 15/02/2012 10:30:20 Francisco </div>
  </div>
 
  <div id="pnDepoisEvento" class="sombra pnDepoisEvento">
    <div id="pnBtnAnt" class="pnBtn"><img class='btnMuldar' src="img/check-off.png" width="21" height="21"></div>
    1 Album stylo panoramico 11 paginas Vertical 
    <div id="pnDepoisEventoConf" title="Clik para Ver Detalhes" class="ConfimadoConfirmado">Feito dia 15/02/2012 10:30:20</div>
  </div>
  
  
  <div class="pnCan"></div>
  <!--/////////////////////////////////////////////////////////////////////////////////////////-->
 
 
   <div id="pnAntEvento" class="sombra pnAntEvento">
    <div id="pnBtnAnt" class="pnBtn"><img src="img/check-on.png" width="21" height="21"></div>
    Bioombo 10x15 8 ft. Emprestado para o dia do evento para o dia do evento
    <div id="pnAntConfimacao" class="ConfimadoAnt">Feito dia 15/02/2012 10:30:20</div>
  </div>
 
  <div id="pnParaEvento" class="sombra pnParaEvento">
    <div id="pnBtnAnt" class="pnBtn"><img src="img/check-on.png" width="21" height="21"></div>
    1 Ampliação 120x80 tecido
    <div id="pnAntConfimacao" class="Confimado">Feito dia 15/02/2012 10:30:20 Francisco </div>
  </div>
 
  <div id="pnDepoisEvento" class="sombra pnDepoisEvento">
    <div id="pnBtnAnt" class="pnBtn"><img src="img/check-on.png" width="21" height="21"></div>
    1 Album stylo panoramico 11 paginas Vertical
    <div id="pnDepoisEventoConf" title="Clik para Ver Detalhes" class="ConfimadoConfirmado">Feito dia 15/02/2012 10:30:20</div> 
  </div>
 
    
    
    <div class="pnCan"></div>





<div class="Sombra">
Novo Processo
</div>
