/* This file contains styles used on both the user profile pages in the me and people sections */
body.vipProfile
{
background-color:#FFFDFC;
background-image:url(/sitemedia/img/user/picVipProfileBackgroundPeople.png);
background-position:0 16px;
}

body.advertsEnabled.vipProfile
{
background-position:0 1px;
}

html>body .blockedUser
{
opacity:0.4;
filter:alpha(opacity=40);
}

/* partial transparency fix file for ie6 - full .png support */
#vipUserLogo,
#pictureFrame,
#profileVisitors,
#mainColumn .moduleHeader,
#mainColumn .moduleFooter,
.moduleCorner,
#blockedUserInfoPanel
{
behavior:url(/sitemedia/css/iepngfix.htc);
}

#vipUserLogo
{
width:102px;
height:102px;
position:absolute;
top:215px;
left:217px;
z-index:4; 
background-image: url(/sitemedia/img/user/iconVipSize102x102.png);
}

#leftColumn a#btnUpgradeToVip
{
margin-top:-4px;
position:relative;
}

.pageTitle { margin-bottom:0; }

.module h2
{
margin:0 0 0.3em 0;
}

#mainColumn .module p 
{
color:#999; 
font-weight:bold; 
font-size:1em; 
text-align:center; 
margin-bottom:0.4em;
}

.module ul 
{
clear:both;
float:left;
margin:0.3em 0 0.4em;
width:100%;
}

.admin #userDialogue
{
margin-bottom:10px;
}

#mainColumn li span
{
color:#0a61c0;
}

#mainColumn .module 
{ 
padding-left:12px;
padding-right:12px;
}

#mainColumn #right .module 
{ 
width:299px; 
}

#right .module h2 
{ 
width:260px; 
}

#left .module 
{ 
width:278px; 
}

#left .module h2 
{ 
width:255px; 
}

#mainColumn .module .moduleHeader 
{ 
margin-left:-15px;
margin-right:-15px;
behavior:none;
}

#mainColumn .module .moduleFooter 
{ 
margin:0 -15px -3px -15px;
behavior:none;
}

#mainColumn #right .moduleHeader, 
#mainColumn #right .moduleFooter 
{ 
width:329px; 
}

#mainColumn #left .moduleHeader, 
#mainColumn #left .moduleFooter 
{ 
width:308px; 
}

.module h2 
{ 
font-size:1.3em; 
}

#mainColumn .topRightLink,
#mainColumn .topRightLink:hover
{ 
color:#434343; 
font-size:0.8em; 
text-align:right; 
text-decoration:underline; 
display:block; 
float:right;
}

    .buttonPlusMinus { width:18px; height:17px; display:block; float:right; background-image: url(/sitemedia/img/button_plusminus.gif); }
        .buttonPlusMinus_expanded { background-position: left bottom; }
        

/* left hand column */       
#left { width:308px; height:100%; float:left; position:relative; z-index:0; }
    #mainPhotoContainer { position:relative; width:308px; height:308px; z-index:0; background:#fff; }
        #tooltipPlaceholder { display:block; width:308px; height:308px; position:absolute; left:0; top:0; z-index:3; }
        #mainPhoto img { width:294px; height:294px; display:block; position:absolute; top:7px; left:7px; z-index:1; }   
        #pictureFrame { display:block; width:308px; height:308px; position:absolute; left:0; top:0; z-index:3; background:url(/sitemedia/img/user/photoframe_people.gif) no-repeat left top; }
        .isFavourite #mainPhotoContainer .favouriteStar { width:34px; height:34px; position:absolute; display:block; z-index:4; left:8px; top:8px; background-image:url(/sitemedia/img/favourite_star.png); }
        #certifiedCelebrity { width:103px; height:103px;  position:absolute; top:215px; left:217px; z-index:4; background:url(/sitemedia/img/people/picCertifiedCelebrityLogo.png); }

#uploadPhotoLink
{
width:308px; 
height:308px;
text-align:center;
font-size:2.2em;
line-height:120%;
font-weight:bold;
cursor:pointer;
padding-top:200px;
display:block;
position:absolute; 
left:0; 
top:0; 
z-index:3;
}

#uploadPhotoLink:hover
{
text-decoration:underline;
}

#photoSelector 
{ 
width:100%; 
height:12px;
font-size:0.85em;
margin-top:10px; 
text-align:center; 
position:relative; 
}

#photoSelector ul 
{ 
height:12px; 
margin:0 auto; 
position:relative; 
float:none;
}
        
/* artificially centre the buttons according to qty */
#photoSelector ul#photoCount_2
{
width: 40px;
}
#photoSelector ul#photoCount_3
{
width: 60px;
}
#photoSelector ul#photoCount_4
{
width: 80px;
}
#photoSelector ul#photoCount_5
{
width: 100px;
}
#photoSelector ul#photoCount_6
{
width: 120px;
}
#photoSelector ul#photoCount_7
{
width: 140px;
}
#photoSelector ul#photoCount_8
{
width: 160px;
} 

#photoSelector ul li 
{ 
width:20px; 
height:12px; 
float:left;
}
                #photoSelector a.selectorButton { display:block; float:left; width:12px; height:12px; padding:0 4px; background-image:url(/sitemedia/img/button_photoselector_blue.gif); background-repeat:no-repeat; background-position:center bottom; }
                #photoSelector a.selectorButton:hover { background-position:center -12px; }
                #photoSelector a.active, #photoSelector a.active:hover { background-position:center top; }
                #photoCount { position:absolute; top:-2px; right:-25px; white-space:nowrap; }
          

/* woomenow help panel */
#woomenowHelpPanel
{
width: 294px;
height: 294px;
color:#fff;
text-align:center;
position: absolute;
left: 7px;
top: 7px;
z-index: 4;
}
#woomenowHelpPanelBg
{
width: 294px;
height: 294px;
background-image: url(/sitemedia/img/woomenow_help_panel.gif);
opacity: 0.85;
filter: alpha(opacity=85);
}
#woomenowHelpPanelInner
{
width: 254px;
height: 234px;
padding: 30px 20px;
position: absolute;
left: 0;
top: 0;
z-index: 5;
line-height: 120%;
font-size: 1.3em;
}
#woomenowHelpPanelInner p
{
font-weight: bold;
margin-bottom: 28px;
}

/* woomenow button */
#woomeNowContainer
{
width: 100%;
height: 35px;
padding-top:8px;
position: relative;
}
#buttonWoomeNow
{
width: 308px;
height: 35px;
}
.buttonWoomeNow_hovered
{
background-position: left bottom;
}
#woomenowHelp
{
display: block;
width: 24px;
height: 24px;
position: absolute;
right: 7px;
top: 11px;
}

/* NEW TOOLBAR WMN & CHAT BUTTONS - REPLACES THE ABOVE */
/* woomenow button */
#wmnChatContainer
{
width: 100%;
height: 35px;
padding-top: 5px;
position: relative;
}
#wmnChatContainer a
{
width: 148px;
height: 35px;
}
#wmnChatContainer .buttonWoomeNow
{
float: left;
background-image: url(/sitemedia/img/button_user_wmn.png);
}
#wmnChatContainer .buttonIMNow
{
float: right;
background-image: url(/sitemedia/img/button_user_im.png);
}

/* invite & introduce buttons */
#bigButtons
{
margin-top:10px;
float:left;
}

#bigButtons li
{
float:left;
}
#bigButtons #addToFriendsButton
{
display: block;
width: 148px;
height: 44px;
background-image: url(/sitemedia/img/button_addtofriends.gif);
}
#bigButtons #addToFriendsButton.isFriend
{
cursor:default;
background-image: url(/sitemedia/img/friendrequest_isfriend.gif);
}
#bigButtons #addToFriendsButton.pending
{
cursor:default;
background-image: url(/sitemedia/img/friendrequest_pending.gif);
}
#bigButtons #addToFriendsButton.declined
{
background-image: url(/sitemedia/img/friendrequest_declined.gif);
}
#bigButtons #sendMessageLink
{
display: block;
width: 148px;
height: 44px;
margin-left:12px;
background-image: url(/sitemedia/img/button_sendmessage.png);
}

/* profile action panel */
#profileActionPanel
{
width:100%;
margin-bottom:6px;
padding-top:5px;
float:left;
}

#profileActionPanel li {
width:148px;
height:27px;
display:block;
margin-bottom:4px;
float:left;
}

#profileActionPanel li a 
{
width:116px;
height:22px;
color:#4e4e4e;
display:block;
padding:5px 0 0 32px;
background-image:url(/sitemedia/img/user/btnsActionPanel.png);
}

#profileActionPanel li a:hover
{
color:#4e4e4e;
text-decoration:none;
}

.buttonInviteSession:hover
{
background-position:left -27px;
}

#favouriteUserLink
{
background-position:left -54px;
}

#favouriteUserLink:hover
{
background-position:left -81px;
}

.isFavourite #favouriteUserLink
{
background-position:left -108px;
}

.isFavourite #favouriteUserLink:hover
{
background-position:left -135px;
}

#reportBlockUserLink
{
margin-left:12px;
background-position:148px -54px;
}

#reportBlockUserLink:hover
{
background-position:148px -81px;
}

.buttonNudge
{
margin-left:12px;
background-position:148px 0;
}

.buttonNudge:hover
{
background-position:148px -27px;
}

    ul.sessionListing { width:276px; margin-top:10px; overflow:hidden; clear:both; }
        .sessionListing li { width:100%; clear:both; }
            .sessionListing li span.sessionTime { display:block; width:80px; float:left; }
            .sessionListing li span.sessionTitle { display:block; width:196px; float:left; }
            
#mainColumn .sessionListing a,
#mainColumn .sessionListing a:hover
{
color:#4e4e4e;
}

#friendsVideosModule.module h2
{
width:100%;
font-size:1.2em;
margin-bottom:0.6em;
}

#btnFindVideosNow
{
width:203px;
height:35px;
margin:0 0 0.5em 35px;
background-image:url(/sitemedia/img/people/btnFindVideoNowBlue.png);
display:inline;
clear:both;
float:left;
}

  #userPage #left #recentVideosModule h2 { width:170px; margin-bottom:0em; }
    .videoSessions { width:278px; height:255px; margin:0.9em 0 0.5em 0; }
        .twoVideo .videoSessions { height:auto; overflow:visible; }
        .seeAllLink { float:right; white-space:nowrap; margin-top:0.15em; }
        .videoSessions div { width:258px; }
            .twoVideo .videoSessions div { width:278px; }
            .videoSessions div a:hover { border-color:#0a61c0; }
                .isFavourite .favouriteStar { width:13px; height:13px; }
            .videoSessions h3 { width:86px; }
                .twoVideo .videoSessions h3 { width:106px; }
            .videoSessions ul { width:88px; padding:0; }
                .twoVideo .videoSessions ul { width:108px; }

#left #recentVideosModule h2 
{ 
width:170px; 
margin-bottom:0em; 
}

.videoSessions 
{ 
width:278px; 
height:255px; 
margin:0.9em 0 0.5em 0; 
}

.oneVideo .videoSessions,
.twoVideo .videoSessions 
{ 
height:auto; 
overflow:visible; 
}

.seeAllLink 
{ 
float:right; 
white-space:nowrap; 
margin-top:0.15em; 
}

.videoSessions div 
{ 
width:258px; 
}

.oneVideo .videoSessions div 
{ 
border:0; 
}

.oneVideo .videoSessions div,
.twoVideo .videoSessions div 
{ 
width:278px; 
}

.oneVideo .videoSessions div
{
margin-bottom:0;
padding-bottom:0;
}

.videoSessions div a:hover
{ 
border-color:#0a61c0; 
}

.videoSessions h3 
{ 
width:86px; 
}

.oneVideo .videoSessions h3, 
.twoVideo .videoSessions h3 
{ 
width:106px; 
}

#mainColumn .videoSessions h3 a
{
color:#0a61c0; 
}

#bodyContainer .videoSessions ul 
{ 
width:88px; padding:0; 
}

#bodyContainer .oneVideo .videoSessions ul,
#bodyContainer .twoVideo .videoSessions ul 
{ 
width:108px; 
}

/* right hand column */   
#right 
{ 
width:329px; 
float:left;
position:relative;
margin-left:24px;
z-index:0;
}

#right h1 
{ 
width:292px; 
overflow:hidden; 
position:relative;
float:left; 
margin-right:7px; 
}
/* unset the login popup right hand col */
#user_login_container #right 
{ 
width:auto; 
float:none;
margin-left:auto;
}

.statusSmall img { margin:0 3px -1px 2px; }

.genderAge { color:#0a61c0; display:block; width:30px; float:left; text-align:right; }

    #wooStateContainer { width:100%; height:16px; border-bottom:1px solid #ccc; margin:0 0 10px 0; padding-bottom:6px; clear:both; float:left; }

#userMedia 
{
width:48px;
background-color:#fff;
margin:-30px 0 0 275px;
padding-left:3px;
display:inline;
position:relative;
}

/* IE6 adding double padding */
html>body #userMedia
{
padding-left:6px;
}

#userMedia li 
{
display:block;
float: left;
margin-right: 4px;
height: 22px;
background-image:url(/sitemedia/img/user/iconUserMicCam.gif);
background-position:left top;
}

#userMedia a,
#userMedia span 
{
display: block;
height: 22px;
}

#userMedia #userCam {
width:26px;
background-position: left top;
}
#userMedia #userCam.working {
background-position: left -22px;
}
#userMedia #userMic {
width:13px;
background-position: right top;
}
#userMedia #userMic.working {
background-position: right -22px;
}
       
#basicProfile 
{ 
width:100%;
margin-bottom:10px;
position:relative; 
clear:both;
float:left;
}

#basicProfile ul
{
margin-bottom:0;
}

#contactDetails div
{
float:left; 
}

#contactIcons
{
width:auto;
height:20px;
margin-top:0;
padding:3px 6px 0 0;
clear:none;
}

#contactIcons li
{
width:17px;
height:17px;
margin:0 2px;
float:left;
}

#AIMAccount
{
background-image:url(/sitemedia/img/iconAOL.gif);
}

#GTalkAccount
{
background-image:url(/sitemedia/img/iconGoogleTalk.gif);
}

#MSNAccount
{
background-image:url(/sitemedia/img/iconMSN.gif);
}

#MySpaceAccount
{
background-image:url(/sitemedia/img/iconMyspace.gif);
}

#FacebookAccount
{
background-image:url(/sitemedia/img/iconFacebook.gif);
}

#AIMAccount.disabled
{
background-image:url(/sitemedia/img/iconAOLDisabled.gif);
}

#GTalkAccount.disabled
{
background-image:url(/sitemedia/img/iconGoogleTalkDisabled.gif);
}

#MSNAccount.disabled
{
background-image:url(/sitemedia/img/iconMSNDisabled.gif);
}

#MySpaceAccount.disabled
{
background-image:url(/sitemedia/img/iconMyspaceDisabled.gif);
}

#FacebookAccount.disabled
{
background-image:url(/sitemedia/img/iconFacebookDisabled.gif);
}

#contactIcons a
{
width:17px;
height:17px;
display:block;
}

#btnAddAGiftArrow
{
width:97px;
height:43px;
margin:8px 0 0 0;
background:url(/sitemedia/img/people/btnSendAGift.png);
display:block;
float:left;
}

.noGifts #btnAddAGiftArrow
{
margin-top:0;
}

#giftsModule h2
{
margin-bottom:0;
}

#giftsModule.noGifts h2
{
width:202px;
font-size:1.5em;
line-height:normal;
text-align:center;
clear:none;
}

#giftsModule.noGifts h2 em
{
color:#ADD438;
display:block;
}

#giftsModule ul
{
width:auto;
margin:0 0 0 29px;
clear:none;
float:none;
}

#giftsModule.centreGifts ul
{
padding-left:2px;
float:left;
}

#giftsModule li
{
width:65px;
font-size:0.85em;
text-align:center;
margin:3px 0 3px 2px;
float:left;
display:inline;
}

#giftsModule.centreGifts li
{
margin-left:4px;
margin-right:5px;
}

#giftsModule img
{
width:47px;
height:47px;
display:block;
margin:0 auto 2px auto;
}

#mainColumn #giftsModule li span
{
width:100%;
color:#999;
white-space:nowrap;
overflow:hidden;
display:block;
}

#giftsModule li a,
#giftsModule li a:hover
{
color:#999;
}

#mainColumn #giftsModule.module p
{
width:29px;
height:13px;
text-align:left;
margin:2px 0 0 0;
line-height:normal;
padding-left:36px;
background:url(/sitemedia/img/iconCredits12x12.png) no-repeat 20px 0;
}

/*#giftsModule.module p
{
font-size:0.85em;
margin:0.5em 0 0.25em 0;
}*/

#giftsModule span
{
float:left;
}

/*#giftsModule p a
{
float:right;
}*/

.oneFriend p 
{ 
width:235px; 
clear:none;
margin-left:7px;
}

    .userThumbsPanel { width:300px; }
        .userThumbsPanel li { display:block; width:57px; float: left; margin:3px 3px 0 0;  }
            .oneFriendThumb{ clear:left; float:left; }


/* my crowd on user profile */
#myCrowd .topRightLink
{
width:35px;
}

#myCrowd .tabs {
clear: both;
float: left;
margin-top: 2px;
}

#myCrowd .tabs ul {
margin: 0;
}

#myCrowd .tabs a {
height: 20px;
padding: 2px 10px 0 10px;
}

#friendThumbs {
width:300px;
position:relative;
margin:0.2em -4px 0.5em 0;
}

#wooVisibility
{
color:#4e4e4e;
font-weight:normal;
text-align: right;
float:left;
margin:0.2em 0 0 0;
}

.userThumbsPanel img, 
.oneFriendThumb img 
{ 
display: block; 
width:53px; 
height:53px; 
border:solid 2px #ccc;
background-color:#fff;
}

/* remove user from crowd */
#crowd_remove
{
clear:both;
text-align: center;
}

#friendshare_popup_content h3 
{
color:#1E74CC;
}

/* blocked user page UI */
#reportedUserInfoPanel,
#blockedUserInfoPanel
{
width:691px;
height:22px;
color:#c00;
margin-bottom:6px;
background:url(/sitemedia/img/picInfopanelRed.png);
clear:both;
}

#reportedUserInfoPanel
{
color:#398c21;
background:url(/sitemedia/img/picInfopanelGreen.png);
}

#reportedUserInfoPanel p
{
margin:0 0 0 15px;
padding-top:3px;
}

#blockedUserInfoPanel p
{
width:560px;
margin:0 0 0 8px;
padding-top:3px;
display:inline;
}

#blockedUserInfoPanel p
{
width:550px;
height:17px;
padding-left:21px;
background:url(/sitemedia/img/user/iconBlockPink.png) 0 3px no-repeat;
}

#blockListLink
{
width: 90px;
color:#c00;
text-align:right;
margin:2px 8px 0 0;
display: block;
float: right;
}

#suspendUserInfoPanel
{
margin-top:2px;
}

#suspendUserInfoPanel p
{
margin-bottom:0;
}

/* hack ie6 to not show the overlay, seeing as it has trouble doing so */
* html #blockedUserOverlay
{
display: none;
}

/* Users videos */
.videoSessions div div a:hover
{
border-color:#0a61c0;
}

#banMenu li a
{
display: block;
width: 100%;
margin:0;
padding:0.3em 0;
}