@charset "utf-8";
/* wall default */

.wall #content_shadow #content {
  padding: 0px; }
   
.wallpost_dialog #content {
  padding: 20px 0px;
}

.wall_posts {
 overflow: hidden;
}

.wallpost {    /*給圈子或是網路的留言版用的，不可設定寬度*/
  padding: 0px;
  margin: 0px 20px 0px 1px;
  width:inherit;

} /*2007.12.1 peter*/
   /*2007.12.3 柳丁拿掉padding:10px margin 0 20px 18px 1px*/

.wall .wallpost {    /*給留言版用的*/
  padding: 0px;
  margin:0 auto; 
  width:500px;
}


.wallpost td {
  padding: 0px;
  vertical-align: top; 

  }

.wallpost td.wallimage {
  width: 50px; 
  text-align: left;
  padding-right:0px;     /* 2007.12.3 這是共用元件 by 柳丁 */
  }/*2007.12.1 peter*/

  
.wallpost td.wallimage img {
    width: 50px;
    margin-right: 5px; }

.wallpost td.wallinfo {
  width: inherit;
  color:#666666;
  padding:0px;
}


.wallpost .wallinfo .wallheader {
	text-align: left;
	float:left;
	clear: both;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0;
}

#photo .hline {
margin-top:30px;
margin-bottom:10px;
margin-left:55px;
width:380px;
height:10px;
clear:both;
}

#photo .hline hr{
padding:0;
margin:0;
width:100%;
height:1px;
border-top:1px solid #ccc;
border-bottom:1px solid #e7e7e7;
}

.wallpost .wallactions {
  padding:;
  border-top: none;
  
}


.wallactions {
	text-align:left;
	margin:5px 0 0 0 ; 
padding:0 0 10px 0 ;

}

.wallactions a{
	color: #B1BECE;
}

.wallpost .wallinfo .wallheader a.profile_link {
  font-weight: normal;
  padding:1px;
}


.wallpost .wallcontent {
margin:0 10px 10px 10px ;
width:330px;
border-bottom:1px solid #D8DEEA; 
}


.wallpost .wallinfo .wallactions a:hover {
  text-decoration: underline; }

.wallpost .wallinfo .walltext {
	padding: 0px;
	text-align: left;
	color: #7e7e7e;
	clear:left;
	width:inherit;
	line-height:150%;
  word-wrap: break-word; overflow:hidden;
	}
	
.wallpost td.wallinfo .wallgift{
  width: 74;
  height:74px
  padding:0px;
  margin:0 5px 0 10px;
  float:right;
  display:block
}

.wallpost .wallphoto img {
  width: 50px;
  margin: 0px 0px 0px 5px; }

#wall {
  padding: 10px;
  background: #f7f7f7;
  text-align:center; }

#wall .status {
  margin: 0px 0px 5px 0px;
}

#wall #error {
  margin: 0px 0px 5px 0px;
}

#wallpage {
  padding: 20px;
  border: solid 1px #ccc;
  background: white; }
  
  #wallpage .nav {
    padding-bottom: 20px; }

  #wallpage .pager a:hover { 
    text-decoration: none; }

  #wallpage .nav_older {
    padding: 6px;
    margin: 0 -20px 0 -20px;
    background-color: #f7f7f7;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px 0px;
    color:#333;
    text-align: center;
    position: relative;
    font-weight: bold;
  }

.wall #inline_wall_post {
    padding: 0px 0 8px 0;
}

.wall #inline_wall_post textarea {
    height: 50px;
    width: 618px;
	border:1px solid;
}

/* these are shared */
#inline_wall_post .actions {
    padding: 2px 0 0 0;
}

#inline_wall_post .wall_contextual_extra {
  float:right;
  margin-top:3px;
  margin-right:5px;
}

#inline_wall_post .buttons{
    float: left;
    clear:both;
}

#inline_wall_post .buttons input {
      float: left;
      width: 70px;
      height:21px;
      padding-top:1px;
      padding-bottom:2px;}

#inline_wall_post .contextual_extra {
    border: 1px solid black;
    padding-left: 4px;
    margin-top: 0px;
    vertical-align: middle;
}

#inline_wall_post dd {
  float: left;
  margin: 0px 0px 10px 8px;
}

#inline_wall_post dd.share_stage {
  width: 355px;
}

.wallpro_dialog table.pop_content {
  width: 280px;
}

#wall_error {
  margin: 0px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #dd3c10;
  background: #ffebe8; }

#wall_error p {
  margin: 4px 0px 0px; }

#wall_error a {
  text-decoration: none;
  color: #dd3c10; }

#wall_captcha {
  margin: 0;
  padding-bottom: 8px;
}

#wall_captcha #captcha fieldset {
  width: auto;
  text-align: left;
}

#wall_captcha #captcha {
  text-align: left;
}

#wall_captcha #captcha fieldset {
  text-align: left;
  min-width: 0; /* Force hasLayout onto IE 6 */
  margin-left: 2px;
}

#wall_status {
  margin: 0px 0px 10px 0px;
  padding: 10px;
  border: solid 1px #ffe222;
  background: #fffbe2; }

#wall_status h2 {
  color: black;
  font-size: 0.9em;
  margin: 0px; }

#wall_status p {
  margin: 4px 0px 0px; }

#wall_status a {
  text-decoration: none; }

.wallpost td.wallphoto .gift_outer {
    cursor: pointer;
    cursor: hand;
}

.see_all_posts {
  display: block;
  text-align: right;
}

#wall_edit_dialog_form {
  padding: 5px 0px 5px 0px;  
}

#wall_edit_dialog_form .wall_edit_radio_item {
  margin-top: 4px;
}

#wall_edit_dialog_form #wall_allowed_apps_radio {
  margin-right: 4px;
}

/* wall attachments */

#inline_wall_post #attachment_buttons_list {
  border-bottom:1px solid #e0e0e0;
  margin-bottom:8px;
  padding-bottom:3px;
}

/* profile */
.thewall #inline_wall_post .attachment_buttons {
  width:331px;
}

/* wall.php */
#wall #inline_wall_post .attachment_buttons {
  width:572px;
}

#inline_wall_post .attachment_remove {
  float:left;
  padding-left:298px;
}

#inline_wall_post .attachment_remove.edit {
  padding-left:345px;
}

/* IE6 doesn't like multiple classes, so can't do this: .wall_attachment.attached_item {*/
#inline_wall_post .attached_item,
.wallpost .attached_item {
  width: 316px;
  margin-bottom: 2px;
}

.wallpost .attached_item_info {
  padding:2px 2px 0px 7px;
  margin:10px 0px 0px 0px;
  border-left:2px solid #e0e5ee;

  color:#666;
  font-size:0.9em;
  line-height:14px;
  overflow:hidden;
  white-space:nowrap;
}

.wallpost .attached_item_info img {
  float:left;
  padding-bottom:2px;
}

.wallpost .attached_item_info a {
  display:block;
  float:none;
  overflow:hidden;
  padding:2px 0px 3px 6px;

  width:284px;
}

.wallpost .attached_item_info.has_compact a {
  width:201px;
}

.wallpost .attached_item_info a:hover,
.wallpost .attached_item_info a:hover span {
  color:#3b5998;
}

.attachment_compact {
  margin:0px 0px 0px 4px;
  width:81px;
  height:81px;
  overflow:hidden;
}

.attachment_compact.share {
  height:auto;
}

.attachment_expand_link {
  border:1px solid #ccc;
  padding:2px 2px 2px 2px;
  display:block;
}

.attachment_expand_link:hover {
  border-color:#526ea6;
}

.attachment_compact .app_link div {
  max-height:75px;
}

.attachment_compact_share_img {
  display:none;
}

.attachment_compact .wall_video_thumb .play {
  margin:-24px 0px 0px 49px;
  padding:0px 0px 1px 0px;
  display:none;
}

/** overrides of regular share display **/

.wall_attachment .share_media .has_photo .group_info,
.wall_attachment .share_media .event_has_photo .event_info,
.wall_attachment .share_media .note_with_thumb .excerpt .textual,
.wall_attachment .share_media .swfvideo .textual .metadata {
  width:178px;
}

.wall_attachment .fb_photo .photo_thumb,
.wall_attachment .share_ext_photo .has_thumb .extra {
  float:none;
  padding-left:0px;
  padding-right:0px;
}

.wall_attachment .fb_photo .photo_thumb,
.wall_attachment .share_ext_photo .share_thumb {
  width:316px;
}

.photo_comments_main .hline {
margin-top:30px;
margin-bottom:10px;
margin-left:55px;
width:380px;
height:10px;
clear:both;
}