@CHARSET "ISO-8859-1";
html,body {
	background: url(../images/bk_fundoCompleto.jpg) no-repeat top center #1B0C09;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	height:100%;
	padding:0;
	margin:0;
}
img
{
    border: 0;
    margin:0;
    padding:0;
    }
    
 form
 {
    margin:0;
    padding:0;
    }

 fieldset
 {
    
    width:410px;
    margin:0;
    padding:0;
    border:0;
    }
    
  #form_login
 {
    margin-top:28px;
   
    
    
    }
    
    .email
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
		background:transparent;
        border:0;
        padding-left:10px;
        padding-top:10px;
        width:160px;
        height:23px;
        margin-top:10px;
        margin-bottom:10px;
    }
    
    .password1
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        background:transparent;
        border:0;
        padding-left:10px;
        padding-top:10px;
        width:160px;
        height:23px;
        margin-top:8px;
        margin-bottom:10px;	
    }
    
       
          
    

    #form_registo
    {
        margin-top:2px;
        padding:0;
        
        
        }
    
    .email2
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        background:transparent;
        border:0;
        width:160px;
        height:23px;
        padding-left:10px;
        padding-top: 10px;
        margin-bottom:15px;
        margin-top:10px;

    }
    
    .nickname
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        background:transparent;
        border:0;
        width:160px;
        height:23px;
        padding-left:10px;
        padding-top: 10px;
        margin-bottom:15px;
        margin-top:10px;
		margin-left:48px;

    }
    
    .password2
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        background:transparent;
        border:0;
        width:160px;
        height:23px;
        padding-left:10px;
        padding-top: 4px;
        margin-top:17px;

    }
    
    .confirm_pass
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:13px;
        background:transparent;
        border:0;
        width:160px;
        height:23px;
        padding-left:10px;
        padding-top: 4px;
        margin-top:7px;
		margin-left:48px;
    }

#container{
	width:100%;
	height:100%;
	position:relative;
	margin: 0 auto;
	padding:0;
	top:0;
	
}

    #siteframe
    {
       width:970px; 
        margin:0 auto;
     }
    
    #info
    {
     position:absolute;
     background: url(../images/bk_logo2.jpg) no-repeat top;
     margin-left:1px;
     padding:0; 
     float:left;
     width:257px; 
     height:545px; 
     
    }
    
    
    
        #info p
        {
          margin:0;
          padding:0;
        }
        
        #info p.welcome
        {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 14px;
         color: #ffffff;
         font-weight:bold;
         margin-top: 238px;
         margin-left:20px;
        }
        
        #info p.name
        {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 18px;
         font-weight:bold;
         color: #ffffff;
         font-weight:bold;
         margin-left:20px;
         padding-top:2px;
         
         
        }
        
        
        
        #info p.convidar a
        {
         font-family: Arial, Helvetica, sans-serif;
         font-size: 16px;
         color: #eaa000;
         font-weight:bold;
         text-decoration:none;
         
         
        }
        
        #info UL
        {
           
		    padding:0;
		    list-style: none;
            margin-left:20px;
            }
            
          #info LI
        {
          font-family: Arial, Helvetica, sans-serif;
          font-size:14px;
          color:#ffffff;
          font-weight:bold;
          padding-top:13px;
          padding-bottom:10px;
         
            
            }
            
         #info LI.ranking
        {
           background: url(../images/border_name.gif) no-repeat top left;
            
            }
         
          #info LI.creditos
        {
           background: url(../images/border_ranking.gif) no-repeat top left;
            
            }
            
           #info LI.convidados
        {
           background: url(../images/border_creditos.gif) no-repeat top left;
            
            }
            
            #info LI.registados
        {
           background: url(../images/border_convidados.gif) no-repeat top left;
            
            }
            
     #left_contents
    {
     position:absolute;
     background: url(../images/bk_logo.jpg) no-repeat top left;
     padding:0; 
     float:left;
     width:257px; 
     height:545px; 
     
    }
    
    #left_contents_link_logged_out
    {
     position:absolute;
     margin-top:60px;
     padding:0; 
     float:left;
     width:250px; 
     height:200px; 
     margin-left:0px;
     z-index:10;
     cursor:pointer;
     background:url(images/pixel.gif);
    }
    
     #left_contents_link_logged_in
    {
     position:absolute;
     margin-left:70px;
     margin-top:25px;
     padding:0; 
     float:left;
     width:200px; 
     height:200px; 
     z-index:10;
     cursor:pointer;
     background:url(images/pixel.gif);
    }
    
        #bt_jogar
        {
         padding-top:281px;
         }
                       
    
	#login{
		margin-right:20px;
		padding:0;
		float:right;
	}

	#menu{
		
		float:right;
		margin-right:20px;
		
		padding:0;
		clear: both;
	}
	
	#menu UL{
		
		margin:0;
		padding:0;
		list-style: none;
		
	}
	
	#menu LI{
		display: inline;
		float:left;
	}
	
	.textStatus{
		margin: 0;
		padding:0;
		font-size:13px;
	}
	
	

#contain
{
    position:relative;
    margin-top:-3px;
    padding:0;
    float:right;
    width:720px;
    height:470px;
    clear:both;
    top:0;
    }
    
 #contain_html_ranking
{
    
    background: url(../images/bk_ranking1.jpg) no-repeat top right;
    position:relative;
    margin-top:-3px;
    padding:0;
    float:right;
    width:690px;
    height:470px;
    clear:both;
    top:0;
    }

	#ranking_title
	{
		margin-top: 50px;
		margin-left:60px;
	}

	#ranking_table
	{
		padding-left: 40px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		margin-top:27px;
	}

	#ranking_logged_user
	{
		padding-left: 40px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}

	#ranking_navigation 
	{
		font-weight: normal; 
		margin-bottom: 5px; 
		float: right; 
		padding-right: 186px;
		text-decoration: none; 
	}

	#ranking_navigation a
	{
		text-decoration: underline; 
		color: #efe3d3; 
	}
	
	.ranking_info{
		font-size:10px;
		margin-left:65px;
		margin-top:3px;
	}

 #contain_html
{
    
    position:relative;
    margin-top:-3px;
    
    padding:0;
    float:right;
    width:690px;
    height:470px;
    clear:both;
    top:0;
    }
    
    #log
    {
        width:220px;
        height:340px;
        position:relative;
        float:left; 
        padding-top:102px;
        padding-left:38px;
        margin:0;
        }
    #registo
    { 
     width:396px;
     position:relative;
     float:left; 
     padding-top:85px;
    }   
    
    
        #registo p.text_registo
        {
        margin:0;
		font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin-bottom: 20px;
        color: #fffcef;
        text-align:justify;
		height:145px;
        }
        
    #instrucoes_sombra
    {
       background: url(../images/instrucoes_sombra.gif) no-repeat top; 
       width:659px;
       height:106px;
       margin-top:0;
       padding:0;
    }
    
        #instrucoes_sombra p
        {
            padding:0;
            margin:0;
        }
        
        #instrucoes_sombra p.text_instrucoes
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size:13px;
            text-align:justify;
            text-decoration: none;
            color:#ffffff;
            margin-left: 38px;
            margin-right: 22px;
            padding-top: 16px;
            
        }
        
        #instrucoes_sombra p.text_instrucoes a
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size:14px;
            color: #fe9430;
            font-weight:bold;
            text-decoration: none;
            
            
        }
        
        #instrucoes_sombra p.text_instrucoes a:hover
        {
 
            text-decoration: none;
        }
    
    #text_box
    {
        width:600px;
		padding-right:5px;
        height:336px;
        overflow:auto;
        margin-top:20px;    
    }    

    #podium
    {
          
        width:332px;
        height:476px;
        position:relative;
         float:left; 
         padding-top:0px;
         padding-left:0px;
         
          
        }
    #winners
    {  
     width:358px;
     height:417px; 
     position:relative;
     float:left; 
     padding-top:59px;
     padding-left:0px;
    }    

    #tooltip_pink
    {  
     display: none;
     position:absolute;
     top:320px;
     left:14px;
    }    

    #tooltip_blue
    {  
     display: none;
     position:absolute;
     top:300px;
     left:155px;
    }   
    
    #tooltip_mac
    {  
     display: none;
     position:absolute;
     top:244px;
     left:108px;
    }   

    #winners_table
    {  
	width:286px;
	height:255px; 
	position:relative;
	float:left; 
	padding-left:0px;
    }
    
    *.weekTitle {
   	background: url(../images/tabela_vencedores_title.png) no-repeat top left;   
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
    color: #FFFFFF;
	height: 37px;
	vertical-align: middle;
	padding: 0px;
    }    

    *.weekWinners {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align: middle;
	clear: both;
	display: none;
	padding: 0px;
	margin: 0px;
    }

    
    #convidar_amigo
    {
        position:relative;
        float:left;
        width:425px;
        margin-top:50px;
		padding-left:60px;
		
    }
    
        .myName
        {
			font-family: Arial, Helvetica, sans-serif;
			color:#000000;
			border: none;
			width:360px;
			height:20px;
			padding-left: 0px;
			padding-top:6px;
			margin:11px 0px 13px 5px;
			font-size:16px;
			background:white;
			float:left;
	    }
        
        .myEmail
        {
			font-family: Arial, Helvetica, sans-serif;
			color:#000000;
			border: none;
			width:360px;
			height:20px;
			padding-left: 0px;
			padding-top:6px;
			margin:2px 0px 13px 5px;
			font-size:16px;
			background:white;
        }
        
        .mailFriends
        {
			font-family: Arial, Helvetica, sans-serif;
			color:#000000;
			border: none;
			width:360px;
			height:100px;
			padding:5px;
			margin-top:12px;
			margin-bottom: 30px;
			overflow-y:auto;
            font-size:16px;
            background: #ffffff;
        }
		
		.convidarEnviar{
			float:left;
		}
    
    #download_contain
    {
        
      background: url(../images/bk_downloadContain.jpg) no-repeat top;
      margin:0;
      padding:0;
      top:0; 
      width: 623px;
      height:361px;     
     
    }
    
        #badge
        {
            
            position:absolute;
            margin-top:170px;
            margin-left:45px;
        }
        
        #banner
        {
            
            position:absolute;
            margin-top:327px;
            margin-left:45px;
        }
        
        #assinatura
        {
           
            position:absolute;
            margin-top:327px;
            margin-left:358px;
        }
        
        #video
        {
           
            position:absolute;
            margin-top:140px;
            margin-left:358px;
            text-align:right;
        }
    
    #download_containOff
    {
        
      background: url(../images/bk_downloadContain_off.jpg) no-repeat top;
      margin:0;
      padding:0;
      top:0; 
      width: 656px;
      height:476px;     
     
    }
    

#footer
{
    width:972px;
    position:relative;
    padding-top:8px;
    margin-bottom:10px;
    float:right;
    clear:both;
	background:url(../images/bk_footer_top.gif) no-repeat top right;
    }
	
	#logo_zon
    {
        position:absolute;
		float:left;
        top:14px;
		left:10px;
        }
        
    #footer_info
    {
		position:relative;
        text-align: right;
        clear:both;
        margin:0;
		padding:0;
		height:50px;
		background: url(../images/bk_footer.gif) no-repeat top center;
    }
    
    #footer_info UL
    {
       list-style: none;
       margin:0;
       padding-top:30px;
        
    }

    #footer_info LI
    {
          display:inline;
          font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
          color:#c69c6d;
          font-weight:bold;
         
         
    }
	
	#footer_info SPAN
    {
          color:#c69c6d;         
    }
    
    #footer_info LI a
    {
          display:inline;
          font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
          color:#c69c6d;
          text-decoration:none;
          font-weight:bold;
         
         
    }
    
    #footer_info LI a:hover
    {
          color:#FACF80;
          text-decoration:none;
         
         
    }

#contentOverlay{
	    display:none;
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	    height:1200px;
	    z-index:100;
	    background-color:#000000;
	    -moz-opacity: 0.8;
	    opacity:.80;
	    filter: alpha(opacity=80);
	}
	#contentOverlay[id]{
	    position:fixed;
	}
	
.overlay{
	    display:block;
	    position:absolute;
	    top:0;
	    left:0;
	    width:100%;
	    height:1200px;
	    z-index:100;
	    background-color:#000000;
	    -moz-opacity: 0.8;
	    opacity:.80;
	    filter: alpha(opacity=80);
	}
	.overlay[id]{
	    position:fixed;
	}
	
	
.button
{
    margin-left:67px;
	margin-top:5px;
}

.panel_message 
{
    background: url(../images/bk_popup.png) no-repeat;
    position:absolute;
    color:#4a0256;
    width:406px;
    left: 40%;
    top: 200px;
    height:154px;
    z-index:101;
}

.message_content 
{
    width:406px;
    height:114px;
    text-align:center;
    padding-top:40px;
    vertical-align:middle;
    display:block;
}

	.message_content  h1
	{
		color:#ffffff;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		text-align:center;
		margin:0;
	}
	
	.message_content p
	{
		color:#ffe7bc;
		font-size:14px;
		font-family: Arial, Helvetica, sans-serif;
		text-align:center;
		padding-top:10px;
		margin:0;
	}
	
	.message_content img
	{
		text-align:center;
		padding-top:10px;
		cursor:pointer;
	}

.validator_messageEmail {
    position:absolute;
    top:98px;
	left:45px;
}

.validator_messagePassword {
    position:absolute;
    top:150px;
	left:45px;
}

.validator_message1 {
    position:absolute;
    font-family: Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-weight:bolder;
    font-size:11px;
	left:55px;
	top:10px;
}

.validator_message2{
    position:absolute;
    font-family: Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-weight:bolder;
    font-size:11px;
	left:300px;
	top:10px;
}

.validator_message3 {
    position:absolute;
    font-family: Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-weight:bolder;
    font-size:11px;
	top:71px;
	left:85px;
}

#PopupMac{
  		background: no-repeat url(../images/bk_popup_mac.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:507px;
		height:339px;
  }
  
 #PopupIpod{
  		background: no-repeat url(../images/bk_popup_ipod.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:508px;
		height:263px;
  }
  
 #PopupNoCredits{
  		background: no-repeat url(../images/bk_popup.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:332px;
		height:150px;
  } 
  
  #PopupInvalidDate{
  		background: no-repeat url(../images/bk_popup.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:332px;
		height:150px;
  } 
  
  #PopupConviteSucesso{
  		background: no-repeat url(../images/bk_popup.png);
		display:none;
		position:absolute;
		z-index:101;
		width:406px;
		height:154px;
  } 
  
  #PopupConviteErro{
  		background: no-repeat url(../images/bk_popup.png);
		display:none;
		position:absolute;
		z-index:101;
		width:406px;
		height:154px;
  } 
  
  #PopupConfirmar{
  		background: no-repeat url(../images/bk_popup.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:332px;
		height:150px;
  } 
  
  
  #completeRanking 
  {
    position: absolute;
  }
  
  .PopupRanking{
  		background: no-repeat url(../images/bk_popupRanking.png);
		display:none;
		position:absolute;
		z-index:150;
		width:393px;
		height:434px;
		color:#3b1e07;
  }