@CHARSET "ISO-8859-1";
html,body {
	background: url(../images/bk_fundo.gif) repeat-x top #08000b;
	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:11px;
        color:#000000;
        background: url(../images/input_email.gif) no-repeat;
        border:0;
        padding-left:10px;
        padding-top:6px;
        width:170px;
        height:23px;
        margin-top:6px;
        margin-bottom:15px;
    }
    
    .password1
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#000000;
        background: url(../images/input_password1.gif) no-repeat;
        border:0;
        padding-left:10px;
        padding-top:6px;
        width:170px;
        height:23px;
        margin-top:4px;
        margin-bottom:13px;
        
        
    }
    
       
          
    

    #form_registo
    {
        margin-top:2px;
        padding:0;
        
        
        }
    
    .email2
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#000000;
        background: url(../images/input_nickname.gif) no-repeat;
        border:0;
        width:170px;
        height:23px;
        padding-left:10px;
        padding-top: 6px;
        margin-bottom:24px;
        margin-top:7px;
        
     

    }
    
    .nickname
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#000000;
        background: url(../images/input_nickname.gif) no-repeat;
        border:0;
        width:170px;
        height:23px;
        padding-left:10px;
        padding-top: 6px;
        margin-bottom:24px;
        margin-top:7px;
        margin-left:10px;

    }
    
    .password2
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#000000;
        background: url(../images/input_confirm.gif) no-repeat;
        border:0;
        width:170px;
        height:23px;
        padding-left:10px;
        padding-top: 6px;
        
        margin-top:7px;

    }
    
    .confirm_pass
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#000000;
        background: url(../images/input_confirm.gif) no-repeat;
        border:0;
        width:170px;
        height:23px;
        padding-left:10px;
        padding-top: 6px;
        margin-left:10px;
        margin-top:7px;

    }

#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;
         text-align:center;
         margin-top: 290px;
         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;
         text-align:center;
         
         
        }
        
        
        
        
        
        #info UL
        {
           margin-top:8px;
           margin-bottom:18px;
		    padding:0;
		    text-align:center;
		    list-style: none;
            margin-left:20px;
            }
            
          #info LI
        {
          font-family: Arial, Helvetica, sans-serif;
          font-size:14px;
          color:#ffffff;
          margin:0;
          padding-bottom:9px;
         
            
            }
            
     /*    #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_logo4.jpg) no-repeat top;
     padding:0; 
     float:left;
     width:257px; 
     height:545px; 
     
    }
    
    #left_contents_link_logged_out
    {
     position:absolute;
     margin-top:50px;
     padding:0; 
     float:left;
     width:250px; 
     height:170px; 
     margin-left:20px;
     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:170px; 
     z-index:10;
     cursor:pointer;
     background:url(images/pixel.gif);
    }
    
        #BT_ComoJogar
        {
            position:absolute;
            margin-top:307px;
            margin-left:68px;
            } 
            
        #BT_Registar
        {
            position:absolute;
            margin-top:338px;
            margin-left:89px;
            }       
    
        #exprimentar
        {
         margin-top:380px;
         margin-left:42px;
         padding:0;
         }
         
         #text_regist
        {
         margin-top:45px;
         margin-left:18px;
         padding:0;
         }
    
               
    
	#login{
		padding-right:90px;
		padding:0;
		float:right;
	}

	#menu{
		
		float:right;
		padding-right:90px;
		
		padding:0;
		clear: both;
	}
	
	#menu UL{
		
		margin:0;
		padding:0;
		list-style: none;
		
	}
	
	#menu LI{
		display: inline;
	}
	
	

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

	#ranking_title
	{
		margin-top: 70px;
		margin-left:75px;
	}

	#ranking_table
	{
		padding-left: 20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		margin-top:45px;
	}

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

	#ranking_navigation 
	{
	    position:absolute;
		font-weight: normal; 
		margin-top: -30px; 
		right:310px;
		
		
	}

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

 #contain_html
{
    
    position:relative;
    margin-top:-3px;
    background: url(../images/bk_container.jpg) no-repeat top ;  
    padding:0;
    float:right;
    width:720px;
    height:471px;
    clear:both;
    top:0;
    }
    
    #log
    {
        background: url(../images/bk_login1.jpg) no-repeat bottom;  
        width:207px;
        height:401px;
        position:relative;
         float:left; 
         padding-top:70px;
         padding-left:72px;
         margin:0;
         
          
        }
    #registo
    {
     background: url(../images/border_registo.gif) no-repeat top left;   
     width:390px;
     height:401px; 
     position:relative;
     float:left; 
     margin-top:70px;
     padding-left: 30px;
     
    }   
    
    
        #registo p.text_registo
        {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin-bottom: 20px;
        color: #ffffff;
        text-align:justify;
        }
        
    #instrucoes_sombra
    {
       background: url(../images/instrucoes_sombra.gif) no-repeat top; 
       width:720px;
       height:120px;
       margin-top:0px;
       padding:0;
    }
    
        #instrucoes_sombra p
        {
            padding:0;
            margin-top:0;
            margin-left:78px;
            padding-top:30px;
            width: 605px;
            
        }
        
        #instrucoes_sombra p.text_instrucoes
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size:12px;
            text-align:justify;
            text-decoration: none;
            color:#ffffff;
          
            
        }
        
        #instrucoes_sombra p.text_instrucoes a
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size:12px;
            color: #c71e61;
            font-weight:bold;
            text-decoration: none;
            
            
        }
        
        #instrucoes_sombra p.text_instrucoes a:hover
        {
 
            text-decoration: none;
        }
    
    #text_box
    {
        width:630px;
        height:326px;
        overflow:auto;
        margin-top:0px;
        margin-left:75px;
        padding:0;    
    }    

    #podium
    {
          
        width:399px;
        height:471px;
        position:relative;
         float:left; 
         padding-top:0px;
         padding-left:0px;
         
          
        }
    #winners
    {  
     background: url(../images/bk_vencedores.jpg) no-repeat top left;  
     width:321px;
     height:471px; 
     position:relative;
     float:left; 
     padding:0;
     margin:0;
    }    

    #tooltip_pink
    {  
     display: none;
     position:absolute;
     top:405px;
     left:69px;
    }    

    #tooltip_blue
    {  
     display: none;
     position:absolute;
     top:393px;
     left:290px;
     z-index:2;
    }   
    
    #tooltip_mac
    {  
     display: none;
     position:absolute;
     top:340px;
     left:175px;
    }   

    #winners_table
    {  
	background: url(../images/tabela_vencedores.gif) no-repeat top left;   
	width:302px;
	height:306px; 
	position:relative;
	float:left; 
	padding-left:0px;
	margin-top:165px;
    }
    
    *.weekTitle {
   	background: url(../images/tabela_vencedores_title.gif) no-repeat top left;   
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
    color: #1f55bc;
	height: 34px;
	vertical-align: middle;
	padding: 0px;
	margin-top: 3px;
	margin-left: 12px;
    }    

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

    #convidar_amigoHTML
    {
        background: url(../images/bk_convidarAmigo.jpg) no-repeat;
        width:720px;
        height:471px;
        margin:0;
        padding:0;
        }
    
        #convidar_amigo
        {
            position:relative;
            float:left;
            width:425px;
            padding-top:70px;
            padding-left:75px;
            
        }
        
            .myName
            {
              font-family: Arial, Helvetica, sans-serif;
              font-size:11px;
              color:#000000;
              background: url(../images/input_name.gif) no-repeat;
              border: none;
              width:255px;
              height:23px; 
              padding-left: 10px;
              padding-right:10px;
              padding-top:6px;
              margin-top:7px;
              margin-bottom:11px; 
             
             
            }
            
            .myEmail
            {
              font-family: Arial, Helvetica, sans-serif;
              font-size:11px;
              color:#000000;
              background: url(../images/input_myMail_login.gif) no-repeat;
              border: none;
              width:255px;
              height:23px; 
              padding-left: 10px;
              padding-right:10px;
              padding-top:6px;
              margin-top:7px;
              margin-bottom:11px;
                
            }
            
            .mailFriends
            {
              font-family: Arial, Helvetica, sans-serif;
              font-size:11px;
              color:#000000;
              background: url(../images/input_sendFriends.gif) no-repeat top ;
              border: none;
              width:255px;
              height:84px;
              padding-bottom:0;
              padding-top:20px;
              padding-left:12px;
              padding-right:15px;
              margin-bottom: 7px;
              overflow-y:auto;
              
                
            }
    
        
    #convidar_msn
    {
        position:absolute;
        right:110px;
        top:160px;
        width:170px;
        height:100px;
        margin:0;
        padding:0;
        z-index:10;
        cursor:pointer;
        background:url(images/pixel.gif);
        
    }
    
    #download_contain
    {
        
      background: url(../images/bk_downloadContain.jpg) no-repeat top;
      
     
      width: 720px;
      height:471px;     
     
    }
    
        #badge
        {
            
            position:absolute;
            margin-top:295px;
            margin-left:81px;
        }
        
            .inputBadge
            {
              background: url(../images/bk_inputBadge.gif) no-repeat top;
              border:0;
              width:207px;
              height:17px;
              margin:0;
              padding-top:2px;
              color:#FFFFFF;
              font-size:11px;
                }
        
        #banner
        {
            
            position:absolute;
            margin-top:445px;
            margin-left:70px;
        }
        
            .inputBanner
            {
              background: url(../images/bk_inputBanner.gif) no-repeat top;
              border:0;
              width:207px;
              height:17px;
              margin:0;
              padding-top:2px;
              color:#FFFFFF;
              font-size:11px;
                }
        
        #assinatura
        {
           
            position:absolute;
            margin-top:445px;
            margin-left:400px;
        }
        
            .inputMail
            {
              background: url(../images/bk_inputMail.gif) no-repeat top;
              border:0;
              width:207px;
              height:17px;
              margin:0;
              padding-top:2px;
              color:#FFFFFF;
              font-size:11px;
              background-attachment:fixed;
                }
        
        #video
        {
           
            position:absolute;
            margin-top:270px;
            margin-left:388px;
            text-align:right;
        }
        
        .inputVideo1
            {
              background: url(../images/bk_inputVideo1.gif) no-repeat top;
              border:0;
              width:207px;
              height:17px;
              margin:0;
              padding-top:2px;
              color:#FFFFFF;
              font-size:11px;
                }
                
         .inputVideo2
            {
              background: url(../images/bk_inputVideo2.gif) no-repeat top;
              border:0;
              width:207px;
              height:17px;
              margin:0;
              padding-top:2px;
              color:#FFFFFF;
              font-size:11px;
                }
            
    #download_containOff
    {
        
      background: url(../images/bk_downloadContain_off.jpg) no-repeat top;
      margin:0;
      padding:0;
      top:0; 
      width: 720px;
      height:471px;     
     
    }
    
   

#footer
{
    width:952px;
    position:relative;
    padding-top:9px;
    margin-bottom:10px;
    float:right;
    clear:both;
    }
    
    #logo_zon
    {
        position:relative;
        float:left;
        }
        
    #footer_info
    {
        text-align: right;
        clear:both;
        margin:0;
       padding:0;
    }
    
    #footer_info UL
    {
       list-style: none;
       margin:0;
       padding-top:10px;
        
    }

    #footer_info LI
    {
          display:inline;
          font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
          color:#554c56;
          font-weight:bold;
         
         
    }
    
    #footer_info LI a
    {
          display:inline;
          font-family: Arial, Helvetica, sans-serif;
          font-size:11px;
          color:#554c56;
          text-decoration:none;
          font-weight:bold;
         
         
    }
    
    #footer_info LI a:hover
    {
          color:#7f7782;
          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:90px;
}

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

.message_content 
{
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    width:340px;
    height:209px;
    text-align:center;
    padding-top:80px;
    vertical-align:middle;
    display:block;
    cursor:pointer;
    padding-left:10px;
}

.validator_message {
    position:absolute;
    font-family: Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-weight:bolder;
    font-size:small;
    
}

#PopupMac{
  		background: no-repeat url(../images/bk_popup_mac.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:507px;
		height:338px;
  }
  
 #PopupIpod{
  		background: no-repeat url(../images/bk_popup_ipod.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:508px;
		height:263px;
  }
  
  #PopupFonera{
  		background: no-repeat url(../images/bk_popup_fonera.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:507px;
		height:261px;
  }
  
  .PopupRanking{
  		background: no-repeat url(../images/bk_popupRanking.gif);
		display:none;
		position:absolute;
		z-index:150;
		width:393px;
		height:434px;
		color:#0374dc;
  }
  
 #PopupNoCredits{
  		background: no-repeat url(../images/bk_popup.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:359px;
		height:209px;
  } 
  
  #PopupInvalidDate{
  		background: no-repeat url(../images/bk_popup.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:359px;
		height:209px;
  } 
  
  #PopupConviteSucesso
  {
       
  		background: no-repeat url(../images/bk_popup.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:359px;
		height:209px;
  } 
  
  #PopupConviteErro{
  		background: no-repeat url(../images/bk_popup.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:359px;
		height:209px;
  } 
  
  #PopupConfirmar{
  		background: no-repeat url(../images/bk_popup.gif);
		display:none;
		position:absolute;
		z-index:101;
		width:359px;
		height:209px;
  }
  
  #completeRanking 
  {
    position: absolute;
  }