/* ------------------------------------------------------------------------------
 <> ImageFrame.css 
    Author:   Erik Burns
    Version:  3 January 2008
    --------------
    The photo frame styles the region/user/community photograph and photo frame,
    currently located in the upper left-hand corner of most pages.
-------------------------------------------------------------------------------- */

/*
--------------------------------------------------------------------------------
 :: Layout and Behavior
    -------------------
    General layout and beahvior for photoframe
-------------------------------------------------------------------------------- */
.photo_frame_wrapper {
  position: relative;
  display: block;
  height: 169px;
  }

.photo_frame_wrapper img, .photo_frame_wrapper .image {
  display: block;
  padding: 7px 0 0 6px;
  }

/* Fix the Google map teleatlas copyright layout */
.photo_frame_wrapper #googleMap div {
  white-space: normal !important;
  }

/* Fix the Google map so that the teleatlas copyright doesn't display at all */
.photo_frame_wrapper #googleMap div span, .photo_frame_wrapper #googleMap div a {
  display: none;
  }

/* Fix the Google map so that the Google map copyright is padding a bit from left */
.photo_frame_wrapper #googleMap span img {
  position: relative; left: 10px;
  }

.photo_frame_wrapper .photo_frame {
  position: absolute; top: 0; left: 0;
  display: block;
  height: 169px; width: 168px;
  background-repeat: no-repeat; background-position: 0 0;
  background-image: url(/skins/VF/images/corner_photo_frame2.gif);
  }

/* ... AgentId title position */
.photo_frame_wrapper h2 {
  position: absolute;
  bottom: 5px; left: 10px;
  padding: 0; margin: 0;
  text-transform: capitalize;
  color: #333; font-size: 80%;
  }

/*
--------------------------------------------------------------------------------
 :: Skins
    -----
    Styles for the photoframe in specific contexts
-------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
   ... Info Pages
-------------------------------------------------------------------------------- */
.whatsnew .signupbody .photo_frame_wrapper .photo_frame { background-image: url(/skins/c2/images/qphoto_frame_infopage.gif); }

/* ----------------------------------------------------------------------------
   ... Invite a Friend Page
-------------------------------------------------------------------------------- */
.myfriends .bodyinvite .photo_frame_wrapper .photo_frame { background-image: url(/skins/c2/images/qphoto_frame_invite.gif); }

/* ----------------------------------------------------------------------------
   ... Invitation View/Preview Page
-------------------------------------------------------------------------------- */
.myfriends .viewbody .photo_frame_wrapper .photo_frame { background-image: url(/skins/c2/images/qphoto_frame_invite_preview.gif); }