/* generic styles */
.friendFinder 
{ 
text-align:center;
}

.friendFinder .pageTitle 
{  
text-align:left; 
font-size:1.8em; 
margin-bottom:0.5em; 
}

#page .friendFinder .module 
{ 
width:425px; 
margin:0 0 1em 100px; 
padding:12px 12px 0; 
display:inline; 
}

        .friendFinder h2, .friendFinder h3 { font-size:1.4em; }
        #page .friendFinder .moduleGrey .moduleHeader, #page .friendFinder .moduleGrey .moduleFooter { width:455px; }

/* popup versions of the friendfinder */
#page .popupBoxInner .module {
   margin: 0 0 20px 130px;
}
          
        
        /* login to email host */
#friendFinderLogin 
{
width:100%;
float:left; 
}

        #friendFinderLogin h2 { width:100%; margin:1em 0; clear:both; }
        #friendFinderLogin .module p { margin-bottom:1em; }
        #providerImg { width:125px; height:30px; margin:0 auto; background-image:url(/sitemedia/img/email_import/picEmailProviders.png); }
            .myspaceIcon { background-position:0 0; }
            .liveIcon { background-position:0 -30px; }
            .msnIcon { background-position:0 -60px; }
            .hotmailIcon { background-position:0 -90px; }
            .yahooIcon { background-position:0 -120px; }
            .aolIcon { background-position:0 -150px; }
            .gmailIcon, .googlemailIcon { background-position:0 -180px; }
            .icqmailIcon { background-position:0 -210px; }
            .indiatimesIcon { background-position:0 -240px; }
            .lycosIcon { background-position:0 -270px; }
            .macIcon, .meIcon { background-position:0 -300px; }
            .mailIcon { background-position:0 -330px; }
            .mynetIcon { background-position:0 -360px; }
            .rediffmailIcon { background-position:0 -390px; }
        #friendFinderLogin .errorItem { width:242px; text-align:left; margin:10px auto 0 auto; padding:0 0 0.2em 22px; white-space:normal; background-position:0 0; float:none; clear:both; }
            #friendFinderLogin .errorItem.hidden { display:none; }
        #friendFinderLogin form { width:100%; margin-top:10px; padding-bottom:1em; float:left; }
            #friendFinderLogin table { width: auto; text-align:right; margin:0.5em auto 0 auto; clear:both; }
                #friendFinderLogin table td { padding:0 0 4px 0; white-space:nowrap; } /* nowrap to stop select sometimes wrapping to new line in Safari */
                    #friendFinderLogin .labels { width:90px; }
                    #friendFinderLogin table strong { margin:0 4px; display:block; float:left; }
                    #friendFinderLogin .styledInput { width:232px; margin-left:4px; float:left; background-image:url(/sitemedia/img/styledinput_left_ongrey.gif); }
                        .styledInput span { background-image:url(/sitemedia/img/styledinput_right_ongrey.gif) }
                            #friendFinderLogin label { margin-right:0; }
                            #friendFinderLogin input { width:220px; }
                            #friendFinderLogin select { width:232px; margin-left:4px; float:left; }

#page .btnFFLogin
{
margin:0.5em 0 0 145px;
}

.btnFFLogin a
{
width:114px;
}
        
.btnFFLogin#btnFriendsInVideo {
width: 227px;
background-image: url(/sitemedia/img/email_import/button_findvideooffriends.gif);
}
        
        
        
        /* loading */
        #page #friendFinderLoading { margin-top:2em; }
            #page #friendFinderLoading.hidden { display:none; }
                #friendFinderLoading p { width:150px; font-weight:bold; text-align:center; margin:5em 0 6em 130px; padding-bottom:25px; display:inline; clear:both; float:left; }
                    #friendFinderLoading img { width:52px; height:12px; margin-top:0.8em; }
        
        
        
        /* contact list */
        .friendFinderFormHeader { width:605px; text-align:center; margin:0 0 1em 27px; float:left; display:inline; }
            .friendFinderFormHeader h1 { font-size:1.1em; margin-top:0.5em; }
            .friendFinderFormHeader p { color:#999; margin-bottom:0; }
        #friendFinderForm { width:100%; float:left; }
            .friendFinder #friendFinderForm .module { width:575px; margin-left:27px; margin-bottom:1em; }
                .friendFinder #friendFinderForm .moduleGrey .moduleHeader, .friendFinder #friendFinderForm .moduleGrey .moduleFooter { width:605px; }
                #contactsList { width:100%; height:450px; overflow:hidden; overflow-y:scroll; margin-bottom:1em; float:left; }
                    #friendFinderForm .pageTitle { border:0; font-size:1.8em; text-align:center; margin:0 0 0.5em 0; padding:0; }
                    #contactsList h2 { width:550px; border-top:1px dashed #999; font-size:1.1em; text-align:left; margin:2em 0 1em 0; padding-top:1em; }
                        #contactsList.addressBookEmpty h2 { margin-bottom:4em; }
                    #contactsList p { width:550px; border-top:1px dashed #999; font-size:1.1em; font-weight:bold; line-height:normal; margin:2em 0 0 0; padding-top:2em; float:none; clear:both; }
                        #contactsList.addressBookEmpty p { border:0; }
                    
#page .btnSendInvites
{
margin:0 0 1em 230px;
}

                    #contactsList ul {  margin:1em 0; float:left; }
                        #contactsList li { width:531px; text-align:left; margin-bottom:1.5em; padding-left:19px; overflow:hidden; position:inherit; float:left; clear:both; }
                            #contactsList .input { width:60px; color:#777; font-weight:bold; line-height:normal; text-align:center; margin:0.1em 20px 0 5px; display:block; float:left; }
                                #contactsList .input input { margin:8px auto 0 auto; }
                            #contactsList img { width:50px; height:50px; margin-right:10px; float:left; } 
                            #contactsList label { float:left; }
                            .contactName { font-size:1.2em; font-weight:bold; display:block; }
                            
.contactEmail {
display:block;
overflow: hidden;
width: 200px;
height: 20px;
}

.contactGenderAge {
font-size:0.9em;
}

#contactsList .publicVids {
width: 130px;
clear: right;
float: right;
color: #03b0f0;
font-weight: bold;
height: 21px;
padding: 11px 0 0 38px;
background: url(/sitemedia/img/icon_woometv_large.gif) no-repeat left center;
}

        .friendFinderFormFooter { width:525px; text-align:left; margin:0 auto 2em auto; padding:0 40px; clear:both; }
                .friendFinderFormFooter input { vertical-align:-2px; margin-right:8px; display:inline; }
                .friendFinderFormFooter label { display:inline; }                                    
        #bodyContainer #btnSkipStep { color:#999; text-decoration:none; text-align:right; margin:5em 30px 2em 0; float:right; clear:both; }

#friendFinderEnd 
{ 
text-align:left; 
}

#page #friendFinderEnd .module 
{ 
margin-top:2em; 
}

#friendFinderEnd h3 
{ 
width:100%; 
font-size:1.5em; 
text-align:center; 
margin-top:0.5em; 
clear:both; 
float:left; 
}

#friendFinderEnd p 
{ 
width:100%; 
font-weight:bold; 
margin:1em 15px 0 0; 
clear:both; 
}

#friendFinderEnd .linkList 
{ 
width:300px; 
color:#398c21;
margin:1em 0; 
padding-left:80px; 
clear:both; 
float:left; 
}

#friendFinderEnd .linkList li 
{
background-image:url(/sitemedia/img/picArrowGreenLrg.gif);
}

#friendFinderEnd .linkList a 
{ 
color:#398c21;
padding-left:17px;
}