﻿#blogContent .boxShadow {background:transparent url(images/profile_shadow.jpg) no-repeat scroll 0 0;height:15px;margin-top:-1px;}
.friendContainer {border-bottom:1px solid #CCCCCC;display:inline-block;float:left;margin-right:15px;padding:10px 0 5px; width:428px;}
.friendImg {float:left;margin-right:10px;width:55px; }
.friendContainer .friendImg .friendListPic {height:54px;}
.friendListPic img {border:1px solid #CCCCCC;margin-right:10px;padding:1px;}
.friendListData {float:left;width:350px;}
.bTitle {height:30px;padding:0 5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#999999; }
.bTitle .right, .bTitle .left {}
.bTitle strong {font-size:120%;}
.more {background:transparent url(images/arrow.gif) no-repeat scroll 100% 50%;padding-right:12px;text-align:right;}
.blogContentResult {width:645px;}
#blogContent .friendListData {width:220px; word-wrap:break;}
#blogContent .friendContainer {padding:10px 5px;width:305px; height:168px; border:1px solid #CCCCCC; -moz-border-radius:5px; -webkit-border-radius:5px; display:inline-block;float:left;margin:3px 5px 3px 0;overflow-y:hidden; word-wrap: break-word;}
#blogContent .friendContainer:hover, #blogContent  div.bfocus {padding:10px 5px;width:305px; border:1px solid #FFA901; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; display:inline-block;float:left;margin:3px 5px 3px 0;}
#blogContent .userName{background-color:#EEEDED; padding:0px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:20px; margin-bottom:10px;}
#blogContent .name{float:left; width:200px;}
#blogContent .name img{float:left; margin-right:5px; margin-bottom:-2px;margin-top:-3px;zoom:1; position:relative;}
#blogContent .name h2{font-size:120%; font-weight:bold; color:#999999; padding-bottom:2px;}
#blogContent .name span{padding:2px; color:#999999; font-weight:bold; font-size:120%; }
#blogContent .userLocation {text-align:right; float:right; color:#666666;padding:2px;}
.selected {border:solid 1px #FFA901; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; margin:2px 0px; clear:both; width:628px;}
.showBlog {float:right;margin-bottom:5px;}
.showBlog a{background:transparent url(images/close.gif) no-repeat scroll 0 0;padding-left:15px;}
.profileAction td.rightAlign {font-size:10px; color:#999999; padding:0;}
.profileAction td {padding-right:8px;}
.profileAction table {line-height:1;}
.profileAction h2 {color:#666666; padding:0;}
.date {margin:-9px 0;zoom:1; position:relative; background:transparent url(images/date.gif) no-repeat scroll 0 0;color:#666666;float:left;height:34px;line-height:100%; font-size:11px; padding:0 2px 0 0;text-align:center;width:34px;}
.date span{color:#FFFFFF;display:block;font-size:9px;height:15px;line-height:normal;text-align:center;}
.lightGrey {color:#CCCCCC; font-size:9px;}
.thumbupFriends {float:left;margin-left:4px;margin-top:-10px;padding-bottom:5px;}
.thumbupContent .friendImg {width:35px; margin-right:10px;}
.thumbupContent .thumbupName {font-size:9px;height:15px;overflow:hidden;}
.likeAction {font-size:9px;}
.likeAction .likeLabel img {margin-bottom:-3px;padding:1px 3px;zoom:1;position:relative;border:solid 1px #CCCCCC; }
.likeAction .likeLabel img:hover{border-color:#FFA901;}
.likeAction .dislikeLabel img {margin-bottom:-3px;padding:1px 3px;zoom:1;position:relative;border:solid 1px #CCCCCC; }
.likeAction .dislikeLabel img:hover{border-color:#FFA901;}
.likeAction .likeLabel{ color:#999999; text-align:center;}
.likeAction .dislikeLabel{color:#999999; text-align:center;}
.likeAction .likeNum{background-color:#DDDDDD; color:#666666; padding:0 2px;}
.likeAction .dislikeNum{background-color:#DDDDDD; color:#666666; padding:0 2px; }
.commentAction a:hover {text-decoration:none;}
.likeAction .link {cursor:pointer; margin-right:5px;}
.blogCommentInfo {padding:10px 0 5px; color:#CCCCCC;}
.blogCommentInfo span{color:#666666;}
.blogContentPreview {padding:10px;word-wrap: break-word;}
.blogContentPreview .blogHeaderText img{margin-left:-10px;zoom:1; position:relative;}
.blogHeaderSimple .friendImg .friendImgIn {height:54px;}
.blogHeaderSimple .friendImg .friendImgIn img {border:1px solid #CCCCCC;padding:1px;}
.blogHeaderText {background:transparent url(images/blog_sample_header.gif) no-repeat scroll right top; height:70px; text-align:center;}
.blogHeaderText h3{padding:10px 10px 0; font-size:16px;}
.blogContentPreview h3 table {width:100%; color:#666666;}
.blogContentPreview .editBlog {width:40px;}
.blogContentPreview a{color:#0177B8;}
.blogSummary {text-align:center; padding:10px;}
.editBlogHeader {margin-bottom:10px;}
.commentAddContent{color:#666666;line-height:1.4;padding-bottom:5px; word-wrap: break-word; white-space:pre-wrap; }
.blogSummary h2 {color:#666666; font-size:14px; text-align:center;}
.blogContentPreview .blogCount {float:right; margin-bottom:5px;}
.blogContentPreview .blogComment {margin-top:20px;}
.blogContentPreview .blogComment .commentProtrait{ float:left; margin-right:10px;}
.blogContentPreview .blogComment .commentAddContent{color:#666666;line-height:1.4;padding-bottom:5px; word-wrap: break-word; white-space:pre-wrap; }
.commentAdd {padding:10px 0; border-top:1px solid #CCCCCC; clear:both; min-height:35px;}
.commentAdd .blogTextarea {width:100%; height:28px;}
/*.commentInfo {float:left;width:330px;}*/
.commentInfo {float:left; width:86%; /*width:85%;*/}
.commentInfo-1 {float:left; width:80%;}
.commentInfo .postedDate {padding-left:10px; padding-bottom:5px; color:#CCCCCC;}
.commentPortrait {width:45px;float:left;}
.commentPortrait .shortPhotoShadow {background:transparent url(images/small_comment_shadow.jpg) no-repeat scroll 0 0;clear:both;height:10px;margin-top:0;}
.commentPortrait .friendListPic img {border:solid 1px #CCCCCC; padding:1px;}
.blogComment h2 {font-size:11px; color:#666666; padding-bottom:5px;}
.blogSummary span {color:#CCCCCC;}
.blogContentPreview .ui-accordion .ui-accordion-content {padding:10px 15px !important;}
.blogContentPreview .blogContent {color:#666666; margin-top:10px; line-height:1.5;}
.blogContentPreview .blogContent ul li {display:list-item; list-style-image:url(../images/four_bullet.gif);margin-left:30px;}
.blogContentPreview .blogContent ol li {display:list-item; list-style-type:decimal;margin-left:30px;}
.thumbupContent {border-top:solid 1px #EEEEEE;margin:10px 0;padding:5px 0;}

.thumbupContent .friendImg .friendListPic {height:34px;}
.thumbupContent .shortPhotoShadow {background:transparent url(images/small_comment_shadow.jpg) no-repeat scroll 0 0;clear:both;height:5px;margin-top:0;}