/*  ------------------------------------------------------------------------
                             Facebook | Share Media
    ------------------------------------------------------------------------  */


.share_media {}

/* h3 is the standard share_media content title */
.share_media h3 {
  color: #777;
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
}

/*  OWNER COMMENT */

.share_media .owner_comment {
  background: url(/images/start_quote.gif) no-repeat 0px 0px;
  padding: 0px 0px 5px 23px;
  background: url(/images/start_quote_small.gif) no-repeat 1px 1px;
  padding: 0px 0px 5px 18px;
  width: auto;
}
.share_media .owner_comment span.q {
  color: #555;
  background: url(/images/end_quote.gif) no-repeat bottom right;
  padding: 2px 22px 2px 0px;
  background: url(/images/end_quote_small.gif) no-repeat bottom right;
  padding: 2px 16px 2px 0px;
}
.share_media .owner_comment .add_comment_link {
  padding: 5px 0px 0px 0px;
}
.sharebox_narrow .owner_comment {}
.sharebox_wide .owner_comment {}
.sharefeed_item .owner_comment {}


/*  ------------------------------|  HIDDEN  |------------------------------  */

.share_media.hidden .textual {
  color: gray;
  margin: 0px 0px 10px 0px;
}

/*  -----------------------------|  PROFILE  |------------------------------  */

.share_media .profile_photo {
  float: left;
  padding: 0px 8px 0px 0px;
}

.share_media .profile_info {
  float: left;
  width: 200px;
}

.share_media .profile_name {
  font-weight: bold;
}

.share_media .profile ul {
  list-style: none;
  margin: 0px;
  padding: 3px 0px 0px;
}

.share_media .profile .owner_comment {
  clear: both;
  float: none;
}

/*  --------------------------|  ALBUM & PHOTO  |---------------------------  */

.share_media .photo .photo_thumb {
  float: left;
  padding: 0px 8px 6px 0px;
}

.share_media .photo_metadata {}

.share_media .photo .parent_label {
  color: #666;
  font-size: 9px;
}
.share_media .photo .parent_name {
  color: #333;
  font-weight: bold;
}
.share_media .photo .photo_owner {
  color: #666;
}

.share_media .photo_album .album_title {
  color: #333;
  font-weight: bold;
  padding: 0px 0px 2px 0px;
}
.share_media .photo_album .album_count {
  color: #666;
  font-size: 9px;
  padding: 0px 0px 1px 0px;
}
.share_media .photo_album .album_owner {
  color: #666;
}

.share_media .photo_album .description {
  padding: 8px 0px;
}

.share_media .photo_album .owner_comment,
.share_media .photo .owner_comment {
  clear: both;
}




  .share_media .album_info small {
    margin: 5px 0px 0px; 
    display: block;
    color: #777; }

  .share_media .album_info .no_label {
    margin: 5px 0px 0px; }

.share_media .album_label {
  font-size: 9px; 
  color: #777; }

.share_media .meta_info {
  color: #777; }



/*  ----------------------------|  WALL POST  |-----------------------------  */

.share_media .wall .wall_quote {
  width: 280px;
  float: left; }

.share_media .wall em {
  float: left;
  margin: 0px;
  padding-left: 17px;
  background: url(../images/start_quote_small.gif) top left no-repeat; }

.share_media .wall_quote em span {
  padding-right: 17px;
  background: url(../images/end_quote_small.gif) bottom right no-repeat;
  font-size: 11px;
  text-align: left;
  font-style: normal; }

.share_media .wall .media img {
  margin-right: 10px; 
  float: left; }

.share_media .wall .media img.photo_with_comment {
  margin: 0px; 
  margin-left: 10px; 
  float: right; }

.share_media .wall .wall_title {
  padding: 0px 0px 5px; 
  font-weight: bold; }



/*  -------------------------------|  NOTE  |-------------------------------  */

.share_media .note {}

/*  THUMB  */
.share_media .note_with_thumb .thumb {
  float: left;
  padding: 2px 8px 10px 0px;
}
.share_media .note_with_thumb .thumb a {
  padding-top: 1px; 
  background: white;
  display: block;
  text-decoration: none;
}
.share_media .note_with_thumb .thumb a:hover {
  border-color: #6d84b4;
}
.share_media .note_with_thumb .thumb img {
  display: block;
}

/*  TEXTUAL  */
.share_media .note h3 {
  font-weight: bold;
  padding: 0px 0px 3px;
  font-size: 11px; }

.share_media .note h3 .note_byline {
  font-weight: normal;
}

.share_media .note .excerpt .textual {
  color: black;
  width: auto;
  padding: 0px 0px 10px 0px;
}
.share_media .note_with_thumb .excerpt .textual {
  float: left;
  width: auto;
}
.sharebox_narrow .note_with_thumb .excerpt .textual {
  width: 195px;
}
.sharebox_wide .note_with_thumb .excerpt .textual {
  width: 250px; 
}
.sharefeed_item .note_with_thumb .excerpt .textual {
  width: 220px;
}

.share_media .note .continue {
  float: none;
  padding: 5px 0px 0px 0px;
}
.share_media .note .owner_comment {
  clear: both;
  float: none;
  width: auto;
}





/*  ------------------------------|  GROUP  |-------------------------------  */

.share_media .group_photo {
  float: left;
  padding: 0px 0px 8px 0px;
  width: 108px;
}

.share_media .group_info {
  padding: 0px 0px 3px 0px;
}

.share_media .no_photo .group_info {
  float: none;
  width: auto;
}

.share_media .has_photo .group_info {
  float: left;
  width: 220px;
}

.share_media .group_title { 
  font-weight: bold;
  padding: 0px 0px 5px 0px;
}

.share_media .group_description {
  padding: 0px 0px 5px 0px;
}

.share_media .group_description label {
  color: gray;
  font-weight: normal;
}

.share_media .group .owner_comment {
  clear: both;
}


/*  ------------------------------|  EVENT  |-------------------------------  */

.share_media .event_photo {
  padding: 0px 8px 8px 0px;
  float: left;
}

.share_media .event_title {
  font-weight: bold;
  padding: 0px 0px 5px 0px;
}
.share_media .event_tagline {
  color: #333;
  font-size: 9px;
  font-weight: normal;
  padding: 1px 0px 0px 0px;
}

.share_media .event_description {
  padding: 0px 0px 10px 0px;
}

.share_media.event .owner_comment {
  clear: both;
}

.share_media .event_has_photo .event_info {
  float: left;
}
.sharebox_narrow .event_has_photo .event_info {
  width: 220px;
}
.sharebox_wide .event_has_photo .event_info {
  width: 275px; 
}
.sharefeed_item .event_has_photo .event_info {
  width: 245px;
}

/*  ------------------------------|  CLASSIFIED  |-------------------------------  */

.share_media .classified_photo {
  float: left;
  padding: 0px 0px 8px 0px;
  width: 108px;
}

.share_media .classified_info {
  padding: 0px 0px 3px 0px;
}

.share_media .no_photo .classified_info {
  float: none;
  width: auto;
}

.share_media .has_photo .classified_info {
  float: left;
  width: 220px;
}

.share_media .classified_title { 
  font-weight: bold;
  padding: 0px 0px 5px 0px;
}

.share_media .classified_description {
  padding: 0px 0px 5px 0px;
}

.share_media .classified_description label {
  color: gray;
  font-weight: normal;
}

.share_media .classified .owner_comment {
  clear: both;
}


/*  -------------------------------|  FEED  |-------------------------------  */

.share_media .feed_title {
  color: #333;
  font-size: 11px;
  font-weight: bold; 
  padding: 0px 0px 4px 0px;
}
.share_media .feed_summary {
  color: black;
  padding: 0px 0px 5px 0px;  
}
.share_media .feed_image {
  margin: 0px 8px 8px 0px;
  float: left;
}
.share_media.feed .owner_comment {
  clear: both;
}





/*  ------------------------------|  FLYER  |-------------------------------  */


.ad_capsule h3 {
  margin: 0px;
  padding: 0px;
}

.ad_capsule .album_info {
  padding-left: 4px;
}
.ad_capsule .ad_body {
  float: left;
}

.sharebox_narrow .ad_body {
  width: 189px;
}
.sharebox_wide .ad_body {
  width: 244px;
}
.sharefeed_item .ad_body {
  width: 210px;
}

.ad_capsule .owner_comment {
  clear: both;
  margin-top: 10px;
}


/*  -----------------------------|  EXTERNAL  |-----------------------------  */


.share_media .external .external_info {
  padding: 3px 0px 0px 0px; }

.share_media .external .has_extra {}

.share_media .external .no_extra {}


.share_media .external .external_photo {
  float: right;
  padding: 2px 0px 0px 8px;
  width: 100px; }

  .share_media .external .external_photo a {
    display: block; }

  .share_media .external .external_photo img {
    display: block;
    text-align: right;
    width: 100px; }
  
.share_media .external .external_summary {
  padding: 0px 0px 3px 0px; }
   
  .share_media .external .external_summary .url_link {
    padding: 3px 0px 0px; 
    display: block;
    width: 240px;
    overflow: hidden;
    text-overflow: ellipsis; }

  .share_media .external .external_url {
    font-size: 9px; }


/*  -----------------------------|  VIDEO  |-----------------------------  */


.share_media .video_stage img {
  float: left;
}

.share_media .video_stage .video_info {
  float: left;
  padding-left: 10px;
}

.share_media .video_stage h3 {
  color: black;
  padding-bottom: 3px;
}


/*  ------------------------------|  EXTRA  |-------------------------------  */


.extra {
  float: left;
}

.share_thumb {
  width: 100px;
}

.has_thumb .extra {
  float: right;
  padding: 0px 0px 5px 8px;
}

.textual {
  float: none;
}

.has_extra .textual {
  float: left; float: none;
}

.no_extra .textual,
.has_thumb .textual {
  float: none;
  width: auto;
}

/*  ------------------------------|  VIDEO  |-------------------------------  */


.video_for_share {
  padding: 5px 0px;
}

.video_fallback {}

.video_fallback a {
  background: #eee url(/images/video_play_overlay.png) no-repeat center center;
  color: gray;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  padding: 65px 0px 20px 0px;
  width: 130px;
  text-align: center;
}

.video_fallback a:hover {
  color: #3b5998;
  text-decoration: none;
}

.video_thumb a {
  display: block;
  float: left;
  margin: 2px 0px 0px 5px; margin: 0px;
  width: 130px;
}

.video_thumb a img {
  width: 130px;
}

.video_thumb a img.decoy {
  display: inline;
  visibility: hidden;
}

.video_thumb a span.thumb {
  background-image: url(/images/video_play_overlay.gif);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  z-index: 9;
}

.video_thumb a span.play img {
  visibility: hidden;
}

.video_thumb a span.thumb img {
  visibility: visible;
}

.video_thumb a span.play {
  background-image: url(/images/video_play_overlay.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline;
  position: absolute;
  z-index: 10;
}



/*  ------------------------------|  MUSIC  |-------------------------------  */

.mp3player .extra {
  float: none;
  padding: 0px 0px 4px 0px;
  width: auto;
}

.mp3player .owner_comment {
  clear: both;
}

.album_art {
  float: left;
  margin-bottom: 5px;
  width: 100px;
}

.has_artwork .info_and_player {
  float: left;
  margin: 0px 0px 0px 8px;
}

.sharebox_narrow .mp3player .has_artwork .info_and_player {
  width: 225px;
}
.sharebox_wide   .mp3player .has_artwork .info_and_player {
  width: 280px;
}
.sharebox_feed   .mp3player .has_artwork .info_and_player {
  width: 245px;
}

.has_artwork .info {
  padding: 4px 0px 5px 0px;
}

.mp3player .summary,
.mp3player .title,
.mp3player .url {
  display: none;
}

.share_media .mp3player .mp3player_holder {
  padding: 6px 0px 0px 0px;
}

.share_media .mp3player .info_field {
  padding: 0px 0px 2px 0px;
}

.share_media .mp3player .info_field strong {
  color: gray;
  display: block;
  float: left;
  font-weight: normal;
  width: 50px;
}

.share_media .mp3player .info_field span {
  float: left;
}
.sharebox_narrow .mp3player .has_artwork .info_field span {
  width: 170px;
}
.sharebox_wide   .mp3player .has_artwork .info_field span {
  width: 225px;
}
.sharefeed_item  .mp3player .has_artwork .info_field span {
  width: 190px;
}

.sharebox_narrow .mp3player .no_artwork .info_field span {
  width: 280px;
}
.sharebox_wide   .mp3player .no_artwork .info_field span {
  width: 335px;
}
.sharefeed_item  .mp3player .no_artwork .info_field span {
  width: 300px;
}


.share_media .mp3player .info_field a {
  font-weight: bold;
}


/*  SWFVIDEO  */

.swfvideo {}
.swfvideo .extra {
  float: left;
  padding: 0px 8px 10px 0px;
}
.swfvideo .textual {}
.swfvideo .textual .metadata {
  float: left;
}
.sharebox_narrow .swfvideo .textual .metadata {
  width: 197px;
}
.sharebox_wide .swfvideo .textual .metadata {
  width: 252px;
}

.profilebox_wide .swfvideo .textual .metadata {
  width: 222px;
}

.sharefeed_item .swfvideo .textual .metadata {
  width: 218px;
}

.swfvideo .textual .owner_comment {
  clear: both;
}


.textual .summary {
  padding: 0px 0px 8px 0px;
}

.url {
  font-size: 9px;
  padding: 1px 0px 6px 0px;
}

.url a {}

.title {
  font-weight: bold;
}

.playing .swfvideo .extra {
  padding: 0px;
}
.playing .swfvideo .textual .metadata {
  clear: both;
  float: none;
  width: auto;
}



.mp3player .owner_comment {}

/*  ------------------------------|  PORTAL  |-------------------------------  */
.portal_share h3 {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  margin: 0;
  padding: 0 0 5px 0;
}

.portal_share dl {
  margin: 10px 0;
}

.share_media .portal_share dt {
  width: 100px;
  font-weight: bold;
  font-size: 11px;
  color: #666;
  float: left;
  clear: left;
  text-align: left;
  margin: 0;
  padding: 0 0 3px 0;
}

.share_media .portal_share dd {
  color: #000;
  font-size: 11px;
  float: left;
  width: 100px;
  display: inline;
  margin: 0;
  padding: 0 0 3px 0;
}

/*  SHARE ITEM FOOTER - VERSION 1 */

.share_footer {
  border-top: 1px solid #ddd;
  clear: both;
  padding: 5px 0px 0px 6px;
}

.share_footer.show_comments .share_other_comments {
  display: block;
}

.share_footer.hide_comments .share_other_comments {
  display: none;
}

/*  ACTION LINKS  */
.share_footer .share_actions {
  color: gray;
  padding: 0px 0px 10px 0px;
}
.share_footer .share_comment_actions {
  float: left;
}
.share_footer .share_report {
  float: right;
}
.share_footer.show_comments .share_actions {
  display: none;
}

/*  OTHER COMMENTS  */
.share_footer .share_other_comments {
  padding: 5px 0px 0px 0px;
}
.share_footer .share_other_comments .share_comments {}
.share_footer .share_other_comments .add_comment {}

.share_comments {}
.share_other_comment {
  clear: both;
}


/*  ADD COMMENT  */
.share_footer .add_comment {
  clear: both;
  padding: 0px;
}
.share_footer .add_comment_label {
  color: #3b5998;
  font-weight: bold;
  padding: 0px 0px 4px 0px;
}
.share_footer .add_comment textarea {
  margin: 0px 0px 5px 0px;
  height: 5.0em;
  width: 300px;
}
.no_thumb .share_footer .add_comment textarea {
  width: 320px;
}
.share_footer .add_comment .inputbutton {
  margin-left: 0px;
}

.share_footer .dshare_add_another_comment {
  border-top: 1px solid #d8dfea;
  clear: both;
  float: left;
  padding: 4px 20px 0px 0px;
}

/* SHARE OTHER COMMENTS - MINI WALL  */


.miniwall {
  padding: 3px 0px 0px 0px;
}
.miniwall .share_other_comment {}
.miniwall .share_other_comment .thumb {
  float: left;
  padding: 0px 0px 8px 0px;
  width: 55px;
}
.miniwall .share_other_comment .other_comment {
  float: left;
  padding: 0px 0px 18px 0px;
  width: 278px;
}
.no_thumb .miniwall .share_other_comment .other_comment {
  width: 310px;
}

.miniwall .share_other_comment .other_comment_byline {
  background: #f7f7f7;
  border-bottom: 1px solid #d8dfea;
  border-top: 1px solid #6d84b4;
  color: #666;
  margin-bottom: 6px;
  padding: 2px 3px 1px 0px;
}
.miniwall .share_other_comment.new_comment .other_comment_byline {
  background: #d8dfea; background: #e4e9f0;
  border-bottom: 1px solid #ddd; border-bottom: 1px solid #d8dfea;
  border-top: 1px solid #3b5998;
  color: #333;
}
.miniwall .share_other_comment .owner_and_timestamp {
  float: left;
  padding: 2px 0px 3px 5px;
}
.miniwall .share_other_comment .owner_and_timestamp a {
  font-weight: bold;
}
.miniwall .share_other_comment .owner_and_timestamp span {
  font-size: 9px;
}
.miniwall .share_other_comment .share_and_hide {
  float: right;
  margin: 2px 0px 0px 0px;
}
.miniwall .share_other_comment .other_comment_text {
  padding: 0px 5px;
}



/*  SHARE FEED ITEM ACTIONS  */

.sharefeed_actions {
  color: #666;
  padding: 2px 0px 5px 0px;
}
.sharefeed_actions span {
  color: gray;
}


/*  -------------------------|  SPONSORED VIDEO  |--------------------------  */


.ad_capsule .video_fallback a {
  float: right;
  width: 100px;
}

.ad_capsule .video_thumb a {
  float: right;
  width: 100px;
}

.ad_capsule .video_thumb a img {
  width: 100px;
}
.ad_capsule .video_for_share {
  background: black;
  float: left;
}
.ad_capsule .video_ad_body {
  float: left;
  width: 70%;
}

/*  --------------------------|  FACEBOOK VIDEO  |--------------------------  */

.share_media .fb_video {}

.share_media .fb_video .thumb {
  float: left;
  padding: 0px 6px 6px 0px;
}
.share_media .fb_video .thumb a {
  border: 1px solid #aaa;
  display: block;
  float: left;
  line-height: 1px;
  padding: 1px;
  text-decoration: none;
}
.share_media .fb_video .thumb a:hover {
  border: 1px solid #3b5998;
}
.share_media .fb_video .info {
  clear: none;
  float: left;
  padding: 5px 0px 10px 0px;
  width: 180px;
}
.share_media .fb_video .info .timestamp {
  color: gray;
  font-size: 9px;
  padding: 1px 0px 10px 0px;
}
.share_media .fb_video .info .timestamp strong {
  color: #111;
  font-weight: normal;
}

.share_media .fb_video .owner_comment {
  clear: both;
  float: none;
  width: auto;
}


/*  ----------------------|  FACEBOOK VIDEO MESSAGE  |----------------------  */

.share_media .fb_videomsg {
  background: #0c0d0d;
  float: left;
  line-height: 1px;
  padding: 0px;
}

.share_media .fb_videomsg a {
  background: transparent url(/images/video_play_overlay.png) no-repeat center center;
  display: block;
  line-height: 1px;
}
.share_media .fb_videomsg a img {
  visibility: hidden;
}

.share_media .fb_videomsg .video_player object,
.share_media .fb_videomsg .video_player embed {
  background: #0c0d0d;
}

/*  ----------------------------|  APPLICATION  |---------------------------  */

/*  THUMB  */
.share_media .extapp .thumb {
  float: left;
  padding: 2px 8px 10px 0px;
}
.share_media .extapp .thumb a {
  padding-top: 1px; 
  background: white;
  display: block;
  text-decoration: none;
}
.share_media .extapp .thumb a:hover {
  border-color: #6d84b4;
}

/*  SUMMARY  */
.share_media .extapp h3 {
  font-weight: bold;
  padding: 0px 0px 3px;
  font-size: 11px; }

.share_media .extapp .summary {
  color: black;
  padding: 0px 0px 10px 0px;
  float: left;
  width: 240px;
}

.share_media .extapp .owner_comment {
  clear: both;
}