fcid 0.0.1 → 0.0.2

data/app/assets/stylesheets/fcid/notification.css

@@ -0,0 +1,162 @@
+
+.online-state-bar {
+}
+
+.online-state-bar a {
+  background:transparent url(/images/im/onlinegroup_mini.gif) no-repeat scroll 10px center;
+  border-left:1px solid #B5B5B5;
+  border-right:1px solid #B5B5B5;
+  color:#3B5888 !important;
+  display:block;
+  height:24px;
+  line-height:24px;
+  margin-top:1px;
+  padding-left:30px;
+  text-decoration:none !important;
+}
+
+
+
+.state-bar {
+  position:fixed;
+  height:25px;
+  right:15px;
+  width:235px;
+  bottom:0px;
+  background:#E5E5E5 url(/images/im/bar_bg_bw.gif) repeat-x scroll 0% 0%;
+}
+
+
+.state-bar-online-friends {
+  position:fixed;
+  bottom:25px;
+  height:150px;
+  width:204px;
+  right:15px;
+  border:1px solid black;
+  border-bottom:none;
+  background-color:#fff;
+  text-overflow:auto;
+}
+
+.state-bar-online-friends h3 {
+  background-color:#3b5888;
+  color:white;
+  padding:5px;
+  position:relative;
+}
+
+.state-bar-online-friends h3 span {
+  width:20px;
+  position:absolute;
+  right:2px;
+  cursor:pointer;
+}
+
+.state-bar-friend {
+  padding:3px;
+  border-bottom:1px solid #e7e7e7;
+}
+
+.state-bar-left {
+  float:left;
+  width:173px;
+}
+
+.state-bar-right {
+  float:right;
+  width:31px;
+}
+
+.state-bar-right a {
+  position:relative;
+}
+
+.state-bar-right a strong{
+  background:transparent url(/images/new_msg_badge_bg.gif) no-repeat scroll center top;
+  color:white;
+  font-size:9px;
+  font-weight:normal;
+  height:16px;
+  padding:1px 0 0;
+  position:absolute;
+  right:0;
+  text-align:center;
+  top:-2px;
+  line-height:10px;
+  width:17px;
+}
+
+.state-bar a:hover {
+  background-color:white;
+  cursor:pointer;
+}
+
+.state-bar-right a {
+  background:transparent url(/images/im/im_online.gif) no-repeat scroll 8px center;
+  border-right:1px solid #B5B5B5;
+  display:block;
+  height:24px;
+  line-height:24px;
+  margin-top:1px;
+  cursor:pointer;
+  text-align:center;
+}
+
+.state-bar-notification a {
+  background:#E5E5E5 url(/images/notifications.gif) no-repeat scroll 8px center;
+}
+
+
+.state-bar-left a {
+  background:transparent url(/images/im/onlinegroup_mini.gif) no-repeat scroll 10px center;
+  border-left:1px solid #B5B5B5;
+  border-right:1px solid #B5B5B5;
+  color:#3B5888 !important;
+  display:block;
+  height:24px;
+  line-height:24px;
+  margin-top:1px;
+  padding-left:30px;
+  text-decoration:none !important;
+  cursor:pointer;
+}
+
+.state-bar-opened {
+  border-left:1px solid black;
+  border-bottom:1px solid black;
+  border-right:1px solid black;
+}
+
+a.state-bar-blink {
+  background-color:red;
+}
+
+.read0 td {
+  background-color:#F4F8FC;
+}
+
+
+.notifier {
+  position:fixed;
+  bottom:-110px;
+  right:20px;
+  height:100px;
+  background-color:#e7e7e7;
+  width:200px;
+  border:3px ridge white;
+  text-overflow:hidden;
+}
+
+.notifier-title {
+  padding:3px;
+  font-weight:bold;
+  border-bottom:1px solid white;
+}
+
+.notifier-content {
+  text-align:center;
+  vertical-align:middle;
+  padding:10px;
+}
+

data/app/assets/stylesheets/fcid/pagination.css

@@ -0,0 +1,45 @@
+/* will paginate style */
+div.pagination {
+  padding: 3px;
+  margin: 3px;
+}
+
+
+div.pagination a {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #D8DFEA;
+  text-decoration: none; /* no underline */
+  color: #3B5888;;
+}
+
+div.pagination a.selected {
+  background-color:#3B5888;
+  color:white;
+}
+
+div.pagination a:hover, div.pagination a:active {
+  /*border: 1px solid #3B5888;*/
+  color: white;
+  background-color: #3B5888;
+}
+
+div.pagination span.current {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #3B5888;
+  font-weight: bold;
+  background-color: #3B5888;
+  color: #FFF;
+}
+
+div.pagination span.disabled {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #EEE;
+  color: #DDD;
+}
+
+/* will paginate style end */
+
+

data/app/assets/stylesheets/fcid/pill_filter.css

@@ -0,0 +1,83 @@
+.pill-filter {
+  overflow:hidden;
+  font-weight:bold;
+  font-size:11px;
+  line-height:15px;
+}
+
+.small{
+  font-weight:normal;
+  font-size:9px;
+  line-height:11px;
+}
+
+.pill-filter .filter{
+  float:left;
+  outline:none;
+  padding-right:4px;
+}
+
+.small .filter{
+  padding-right:2px;
+}
+
+.pill-filter label{
+  float:left;
+  padding:2px 8px 3px 0px;
+}
+
+.pill-filter .filter.selected{
+  color:#fff;
+  cursor:default;
+  text-decoration:none;
+}
+
+.pill-filter .filter span{
+  float:left;
+  overflow:hidden;
+}
+
+.pill-filter .filter .bl{
+  padding:2px 6px 3px;
+}
+
+.small .filter .bl{
+  padding:2px 6px;
+}
+
+.pill-filter .filter .selected span{
+  background:url('/images/pills/pill_on_white.gif') 0 0 no-repeat;
+}
+
+.on-blue .filter .selected span{
+  background:url('/images/pills/pill_on_light_blue.gif') 0 0 no-repeat;
+}
+
+.on-gray .filter .selected span{
+  background:url('/images/pills/pill_on_light_gray.gif') 0 0 no-repeat;
+}
+
+.pill-filter .filter .selected .tl{
+  background-position:left top;
+}
+
+.pill-filter .filter .selected .tr{
+  background-position:right top;
+}
+
+.pill-filter .filter .selected .br{
+  background-position:right bottom;
+}
+
+.pill-filter .filter .selected .bl{
+  background-position:left bottom;
+}
+
+.pill-filter .filter .setting-icon{
+  background:url(/images/profile/feed_settings.gif) no-repeat left top;
+  padding-left:12px;
+}
+
+.pill-filter .filter .selected .setting-icon{
+  background:url(/images/profile/feed_settings.gif) no-repeat left bottom;
+}

data/app/assets/stylesheets/fcid/post.css

@@ -0,0 +1,69 @@
+/* post */
+div.post {
+  margin-bottom: 10px;
+  margin-top:4px;
+}
+
+div.post .post-side {
+  float:left;
+  width:120px;
+  text-align:center;
+}
+
+div.post .post-side p{
+  text-align:left;
+}
+
+div.post .post-wide {
+  margin-left: 130px;
+}
+
+div.post .post-wide dl.left-right {
+  border-top:1px solid  #D8DFEA;
+  margin-top:4px;
+  padding:4px;
+}
+
+div.post .post-wide .post-head {
+  /*position:relative;*/
+  background:#F7F7F7 none repeat scroll 0 0;
+  border-bottom:1px solid #D8DFEA;
+  border-top:1px solid #3B5998;
+  padding:4px 6px 5px;
+}
+
+div.post .post-wide .post-head .post-title {
+  padding:3px;
+  padding-right:50px;
+  font-size:14px;
+}
+
+div.post .post-wide .post-head .post-title a {
+  font-size:14px;
+  font-weight:bold;
+}
+
+div.post .post-wide .post-head .post-time {
+  padding:3px;
+}
+
+div.post .post-wide .post-head .post-tool-links {
+  position:absolute;
+  right:3px;
+  top:3px;
+}
+
+div.post .post-wide .post-body {
+  padding:4px 2px;
+}
+
+/* hide left side*/
+div.post-hide-side .post-side {
+  display:none;
+}
+
+div.post-hide-side .post-wide {
+  margin-left:0px;
+}
+
+

data/app/assets/stylesheets/fcid/powerapple.css

@@ -0,0 +1,2645 @@
+@import url(common.css);
+
+#navigation .nav-tab-panel {
+  padding:0px 10px;
+}
+
+/* positions */
+dl.left-right {
+  clear:both;
+}
+
+dl.left-right dt {
+  float:left;
+  padding:2px 4px;
+}
+
+dl.left-right dd {
+  float:right;
+  padding:2px 4px;
+}
+
+
+
+
+/* description */
+.description {
+  background-color:#F5F4F5;
+}
+
+.description dt {
+  font-weight:bold;
+  padding:5px 5px 10px;
+  font-size:12px;
+}
+
+.description dd {
+  background:transparent url(/images/style_square.gif) no-repeat scroll 8px 5px;
+  color:#666666;
+  line-height:14px;
+  margin:3px 0pt;
+  padding:0pt 10px 0pt 20px;
+}
+
+/* field */
+.field {
+}
+
+.field dt {
+}
+
+.field dd {
+}
+
+
+
+a.small {
+  font-size:12px!important;
+}
+
+
+
+
+
+
+
+
+/* application style */
+/* following style was not common used able */
+#login-form label {
+  text-align:left;
+  font-size:13px;
+}
+
+.portal{
+  background:#F7F7F7 url(/images/style_triangle.gif) no-repeat scroll 8px 10px;
+  border-color:#CCCCCC;
+  border-style:solid;
+  border-width:1px 0pt;
+  color:#666666;
+  display:block;
+  margin:10px 5px 10px 0pt;
+  padding:5px 0pt 5px 18px;
+  position:relative;
+}
+
+.portal:hover {
+  border-color:#3B5888;
+  background-color:#d8dfea;
+  color:#333;
+  text-decoration:none;
+}
+
+.portal strong {
+  display:block;
+  color:#333;
+}
+.portal:hover strong {
+  color:#000;
+}
+
+.sidebar-box {
+  background-color:#F5F4F5;
+  padding:3px;
+  border-bottom:1px solid #ccc;
+  margin-bottom:10px;
+}
+
+/* app list */
+
+#app-list {
+}
+
+#app-list ul {
+}
+
+#app-list ul li {
+  line-height:20px;
+  padding:2px;
+  border-bottom:1px solid #eee;
+}
+
+#app-list ul li span {
+  display:inline;
+  float:right;
+}
+
+
+#app-list ul li a {
+  padding-left:20px;
+}
+
+#app-list ul li span a{
+  display:inline;
+  padding:0px;
+  color:#777;
+}
+
+#app-list .app-list-journal,.feed-journal a {
+  background:url(/images/newsfeed/blog.gif) left no-repeat;
+}
+
+#app-list .app-list-group,.feed-group a  {
+  background:url(/images/newsfeed/group.gif) left no-repeat;
+}
+
+#app-list .app-list-album,.feed-album a,.feed-photo a  {
+  background:url(/images/newsfeed/photo.gif) left no-repeat;
+}
+
+#app-list .app-list-gift,.feed-gift a  {
+  background:url(/images/newsfeed/gift.gif) left no-repeat;
+}
+
+#app-list .app-list-share,.feed-share a  {
+  background:url(/images/newsfeed/share.gif) left no-repeat;
+}
+
+#app-list .app-list-events,.feed-event a  {
+  background:url(/images/newsfeed/acts.gif) left no-repeat;
+}
+
+#app-list .app-list-class,.feed-class a  {
+  background:url(/images/newsfeed/class.gif) left no-repeat;
+}
+
+#app-list .app-list-course,.feed-course a  {
+  background:url(/images/newsfeed/course.gif) left no-repeat;
+}
+
+.feed-profile a {
+  background:url(/images/newsfeed/profile.gif) left no-repeat;
+}
+
+.feed-network a {
+  background:url(/images/newsfeed/network.gif) left no-repeat;
+}
+
+.feed-all a {
+  background:url(/images/newsfeed/arrow.gif) left no-repeat;
+}
+
+
+
+div.page-title {
+  height:22px;
+  overflow:hidden;
+  padding:15px 20px;
+}
+
+div.page-title form {
+  display:inline;
+  float:right;
+  margin-right:10px;
+}
+
+div.page-title h2 {
+  float:left;
+  padding-left:24px;
+  font-weight:bold;
+  font-size:14px;
+}
+
+div.page-title .new-media {
+  float:right;
+}
+
+.journal-page-title h2{
+  background:transparent url(/images/newsfeed/blog.gif) no-repeat scroll 0 50%;
+}
+
+
+.album-page-title {
+}
+
+.album-page-title h2 {
+  background:transparent url(/images/newsfeed/photo.gif) no-repeat scroll 0 50%;
+}
+
+.share-page-title h2 {
+  background:transparent url(/images/newsfeed/share.gif) no-repeat scroll 0 50%;
+}
+
+/* selector */
+.selector {
+  background-color:white;
+  border:10px solid #D8DFEA;
+  width:700px;
+}
+
+.selector-node-container {
+  border-bottom:1px solid #999;
+  padding:5px;
+}
+
+.selector-node-container a {
+  padding:2px;
+  margin:2px;
+  line-height:25px;
+}
+
+.selector-body {
+  border:1px solid #333;
+  padding:20px;
+}
+
+.pms-lister {
+  margin:1px auto;
+  width:99%;
+}
+
+.pms-lister thead td {
+  background-color:#D8DFEA;
+}
+
+.pms-lister tfoot td {
+  background-color:#D8DFEA;
+  padding:4px;
+  border-bottom:1px solid #5d74a2;
+}
+
+
+
+#home-left {
+  float:left;
+  width:670px;
+  overflow:hidden;
+}
+
+#home-right {
+  float:right;
+  width:150px;
+  overflow:hidden;
+}
+
+
+
+
+#users-show-left,.users-show-left {
+  float:left;
+  width:190px;
+  overflow:hidden;
+}
+
+#users-show-right,.users-show-right {
+  float:right;
+  width:570px;
+  /*overflow:hidden;*/
+}
+
+.border-highlight{
+  border:10px solid #D8DFEA;
+  background-color:#3B5888;
+  padding:1px;
+}
+
+.pm-show {
+  background-color:white;
+  padding:20px;
+  padding-bottom:20px;
+}
+
+.pm-show h3 {
+  padding:3px;
+  font-size:13px;
+  font-weight:bold;
+  color:#3B5888;
+}
+
+.pm-message {
+  border-top:1px solid #D8DFEA;
+  border-bottom:1px solid #D8DFEA;
+  padding:5px;
+  margin-bottom:20px;
+}
+
+
+.time ,.gray {
+  color:gray;
+}
+
+/* user show page header , user info */
+.user-show {
+  padding:10px;
+}
+
+
+#current-doing-message {
+}
+
+
+.tool-links {
+  margin-bottom:5px;
+}
+
+.tool-links li {
+  border-bottom:1px solid #D8DFEA;
+}
+
+.tool-links a {
+  padding:2px 5px;
+  display:block;
+}
+
+.tool-links a:hover {
+  background-color:#5d74a2;
+  display:block;
+  color:white;
+  text-decoration:none;
+}
+
+/* activity */
+#activities li,.activities li{
+  padding:10px;
+  border-bottom:1px solid #D8DFEA;
+}
+
+
+
+/* tree */
+.leaf {
+  background:url(/images/leaf.gif) left top no-repeat;
+  padding-left:20px;
+  cursor:pointer;
+}
+
+.folder{
+  background:url(/images/folder.gif) left top no-repeat;
+  padding-left:20px;
+  cursor:pointer;
+}
+
+.loading {
+  background:url(/images/load.gif) left top no-repeat;
+  padding-left:20px;
+  cursor:pointer;
+}
+
+.selected {
+  font-weight:bold;
+}
+
+.folder-open {
+  background:url(/images/folder-open.gif) left top no-repeat;
+  padding-left:20px;
+  cursor:pointer;
+}
+
+.tree li{
+  margin:0px;
+}
+
+
+.tree ul {
+  margin:0px;
+  margin-left:20px;
+}
+
+
+/* search type */
+.search-types {
+  overflow:hidden;
+}
+
+.search-types li {
+  width:25%;
+  float:left;
+  border-left:1px solid #ddd;
+  padding:20px;
+  margin-left:-1px;
+}
+
+.search-types h2 a {
+  margin:10px 1px;
+  font-size:14px;
+  font-weight:bold;
+  display:block;
+}
+
+.search-types li p a {
+  display:block;
+  margin-top:5px;
+}
+
+
+.search-box {
+  margin:20px 100px;
+  border-bottom:1px solid #D8DFEA;
+  background-color:#f7f7f7;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* end show-box */
+
+.show-friendship-box .show-box-actions, .actions-right .show-box-actions {
+  clear:none;
+  float:right;
+  width:100px;
+}
+
+.show-friendship-box .show-box-right , .actions-right .show-box-right {
+  float:left;
+  width:400px;
+}
+
+
+
+.friends-page-title h2 {
+  background: transparent url(/images/newsfeed/friends.gif) no-repeat scroll 0pt 50%;
+}
+
+
+a.x-to-hide, a span.close {
+  background:transparent url(/images/x_to_hide.gif) no-repeat scroll center center;
+  border:medium none;
+  float:right;
+  margin-left:3px;
+  overflow:hidden;
+  padding:5px 5px;
+  width:3px;
+}
+
+a.x-to-hide:hover, a:hover span.close {
+  background:#3B5998 url(/images/x_to_hide_hover.gif) no-repeat scroll center;
+}
+
+
+.journal-box {
+  margin-bottom:20px;
+}
+
+.journal-box-head {
+  background-color: #F7F7F7;
+}
+
+.journal-box .show-box-content {
+  border-top:1px solid #D8DFEA;
+}
+.journal-box .show-box-content p{
+  font-size:15px!important;
+}
+
+.journal-box h2 {
+  background-color: #F7F7F7;
+}
+
+.journal-box h2 a {
+  font-size:14px;
+}
+
+.journal-box h2 span a {
+  font-size:12px;
+}
+
+
+a.share {
+  background:#FFFFFF url(/images/share.gif) no-repeat scroll right center;
+  border:1px solid #7F93BC;
+  color:#525C97;
+  line-height:1em;
+  padding:3px 6px 1px;
+  width:40px;
+  display:block;
+  font-weight:normal!important;
+  height:15px;
+}
+
+a.share:hover {
+  background:#3B5888 url(/images/share_hover.gif) no-repeat scroll right center;
+  border:1px solid #3B5888;
+  color:#FFFFFF;
+  text-decoration:none;
+}
+
+
+/* collection */
+.collection-title {
+  border-bottom:1px solid #ccc;
+  margin:4px;
+  padding:3px;
+}
+
+.collection-title span {
+  float:right;
+  margin-top:-15px;
+}
+
+table.collection {
+ width:100%;
+}
+
+table.collection td {
+  vertical-align:top;
+  padding:5px;
+  margin:4px;
+  text-align:center;
+}
+
+div.collection {
+ 
+}
+
+.collection li {
+  float:left;
+  text-align:center;
+}
+
+
+
+
+
+
+
+
+
+
+
+.classmate-collection li {
+  width:200px;
+}
+
+
+.classmate-box h2 {
+  background:transparent url(/images/friend.gif) no-repeat scroll left center;
+  border-bottom-color: #D8DFEA;
+  border-style:none none solid;
+  border-width:0pt 0pt 1px;
+  margin:5px 10px;
+  padding:0pt 0pt 0pt 20px;
+}
+
+
+.tab-panel-friends {
+  padding:10px;
+}
+.tab-panel-friends .inner{
+  background-color:white;
+  border:1px solid #D8DFEA;
+  padding:5px;
+}
+
+.photo {
+  vertical-align:bottom;
+}
+
+.photo-collection {
+  padding:10px;
+}
+
+.photo-collection li{
+  width:200px;
+  height:150px;
+}
+
+.images a img:hover {
+  background:#D8DFEA none repeat scroll 0%;
+  border:1px solid #3B5888;
+}
+
+.images a img {
+  padding:5px;
+  border:1px solid #D8DFEA;
+  max-width:100px;
+}
+
+
+.dialog-box {
+  background-color:white;
+  padding:20px;
+}
+
+.dialog-box h2 {
+  font-size:15px;
+  font-weight:bold;
+  border:none;
+  border-bottom:1px solid #D8DFEA;
+  background-color:transparent;
+  padding-left:0px;
+}
+
+.dialog-box p {
+  padding:5px 0px;
+}
+
+.dialog-box h3 {
+  text-align:right;
+  padding:5px;
+  border:none;
+}
+
+
+.show-box-album {
+  
+}
+
+.show-box-album .show-box-left {
+  width:250px;
+}
+
+
+.tips-box {
+  width:400px;
+  position:absolute;
+}
+
+.tips-body {
+  background-color:white;
+  height: 200px;
+  padding: 15px;
+}
+
+.tips-container {
+  padding:10px;
+}
+
+.tips-values a {
+  margin:4px;
+}
+
+.column-box {
+  border-bottom:1px solid #ccc;
+  padding:10px;
+}
+
+.column-box h2 {
+  font-weight:bold;
+  color:#555;
+  margin:5px 0px;
+}
+
+.column-box h3 {
+  text-align:right;
+}
+
+
+
+.photo-edit-box {
+  padding:10px;
+  margin:10px;
+  border:1px solid #D8DFEA;
+  background-color:white;
+}
+
+.photo-edit-box-left label {
+  width:60px;
+}
+
+.photo-edit-box-left {
+  float:left;
+  width:500px;
+}
+
+.photo-edit-box-left textarea {
+  height:120px;
+  width:350px;
+}
+
+
+.photo-edit-box-right {
+  float:right;
+  width:200px;
+}
+
+.photo-edit-box-right img,.photo-edit-box-right a:hover img {
+  border:none;
+}
+
+.photo-edit-box-right p {
+  background:#F7F7F7 none repeat scroll 0%;
+  border:1px solid #CCCCCC;
+  padding:2px 10px 5px;
+}
+
+.photo-capture {
+  border-left:1px solid #CCCCCC;
+  float:right;
+  line-height:1.5em;
+  padding-left:1em;
+  width:170px;
+}
+
+.photo-info {
+  line-height:1.5em;
+  width:400px;
+  float: left;
+}
+
+
+
+.external-journal {
+  background:transparent url(/images/newsfeed/blogmini.gif) no-repeat scroll 0pt 5px;
+  border-top:1px solid #CCCCCC;
+  font-weight:normal;
+  margin:5px 0pt 0pt;
+  padding:5px 0pt 0pt 19px;
+  width:200px;
+}
+
+
+/* home */
+.side-box {
+  padding:5px;
+}
+
+.side-box h2 {
+  background-color:#e9e9e9;
+  color:333;
+  font-size:12px;
+  border:none;
+  padding:2px 5px;
+  position:relative;
+  font-weight:normal;
+}
+
+
+.wide-box {
+  padding:2px;
+}
+
+.wide-box h2 {
+  border:none;
+  border-bottom:1px solid #ccc;
+  background-color:transparent;
+}
+
+.wide-box h2 a:hover {
+ 
+}
+
+
+/* object detail */
+table.object-detail {
+  width:100%;
+}
+
+table.object-detail th {
+  color:#555;
+  padding:3px;
+  width:100px;
+  text-align:center;
+}
+
+table.object-detail td {
+  padding:3px;
+}
+
+table.object-detail td h2 {
+  background-color:transparent;
+  border:none;
+  padding:0px;
+  margin:0px;
+}
+
+table.object-detail td h2 a {
+  color:#aaa;
+}
+
+#user-info,.user-info {
+  overflow:visible;
+  z-index:10;
+  background:#F7F7F7;
+  border-bottom:1px solid #CCC;
+  margin:-10px -10px 5px -220px;
+  padding: 10px 5px 10px 225px;
+  width:99%;
+  float:right;
+}
+
+
+.album-collection li{
+  width:200px;
+}
+
+
+
+
+/* journals */
+
+.journals li {
+  padding:4px 0px 4px 20px;
+  background:url(/images/newsfeed/blog.gif) left 10px no-repeat;
+  border-bottom:1px solid #D8DFEA;
+  margin-bottom:5px;
+}
+
+.journals li h2{
+  border:none;
+  padding:2px;
+  background-color:transparent;
+}
+
+.journal li h2 a {
+  font-weight:bold!important;
+}
+
+
+
+
+
+/* photo grabber */
+
+.photo-tag-grabber {
+  width:100px;
+  height:100px;
+  position:absolute;
+  z-index:2000;
+  cursor: pointer;
+  text-align:left;
+  border:8px solid #D8DFEA;
+}
+
+.photo-tag-grabber-inner {
+  border:3px solid #3B5888;
+  left:0pt;
+  position:absolute;
+  top:0pt;
+  z-index:2002;
+  display:block;
+  background-color:white;
+  width:100%;
+  height:100%;
+}
+
+.photo-tag-panel {
+  position:absolute;
+  background-color:white;
+  border:1px solid #3b5888;
+  padding:4px;
+  width:200px;
+  text-align:left;
+}
+
+.photo-tag-panel label {
+  display:block;
+  color:gray;
+  font-weight:bold;
+  padding:4px;
+}
+
+.photo-tag-friends-panel {
+  overflow:auto;
+  height:200px;
+  background-color:#eee;
+  margin: 5px 2px;
+}
+
+.photo-tag-friends-panel li label {
+  font-weight:normal;
+  padding:0px;
+  display:inline;
+}
+
+.photo-tag-friends-panel li{
+  padding:5px;
+}
+
+.photo-tag-corner {
+  background-color:#FFFFFF;
+  border:1px solid #3B5888;
+  font-size:0pt;
+  height:8px;
+  width:8px;
+  z-index:2011;
+  position:absolute;
+}
+
+.photo-tag-corner-top-left {
+  cursor:nw-resize;
+  top:0px;
+  left:0px;
+}
+
+.photo-tag-corner-top-right {
+  cursor:sw-resize;
+  top:0px;
+}
+
+.photo-tag-corner-bottom-left {
+  cursor:ne-resize;
+  left:0px;
+}
+
+.photo-tag-corner-bottom-right {
+  cursor:se-resize;
+}
+
+.photo-mark-collection li {
+  margin-right:10px;
+}
+
+.photo-tag-note {
+  background-color:#FFFBE2;
+  border:1px solid #FFE222;
+  margin:10px auto;
+  padding:10px;
+}
+
+.photo-tag-note button {
+}
+
+/* ************* */
+
+.sub-nav {
+  padding:5px;
+  border-bottom:1px solid #ccc;
+  margin:0px 5px;
+}
+
+.page-top {
+  border-bottom:1px solid #D8DFEA;
+  overflow:hidden;
+  padding:5px 10px ;
+  position:relative;
+}
+
+.page-top-gray {
+  background-color:#f7f7f7;
+  border-bottom:1px solid #ccc;
+  padding:5px 20px;
+}
+
+.page-top h2 {
+  right:5px;
+  position:absolute;
+  display:inline;
+}
+
+
+
+.group-page-title h2 {
+  background:transparent url(/images/newsfeed/group.gif) no-repeat scroll left 20%;
+}
+
+.event-page-title h2 {
+  background:transparent url(/images/newsfeed/acts.gif) no-repeat scroll left 20%;
+}
+
+.show-box-photo-mark {
+  margin-right:10px;
+}
+
+/* user-object */
+.user-object {
+  /*border-bottom:1px solid #D8DFEA;*/
+  overflow:hidden;
+}
+
+.user-object h3 {
+  padding:0px 10px 10px 10px;
+  clear:both;
+}
+
+.user-object dt {
+  background-color:#f7f7f7;
+  padding-top:30px;
+  border-bottom:1px solid #ccc;
+  padding-bottom:0px;
+  vertical-align:bottom;
+}
+
+.user-object strong {
+  font-size:14px;
+  font-weight:bold;
+  padding:0px 10px;
+}
+
+.user-object dd {
+  padding:10px;
+}
+
+.user-object h4 {
+  height:100px;
+  overflow:hidden;
+  display:block;
+  float:left;
+  margin:10px;
+}
+
+.user-object h5 {
+  height:100px;
+  overflow:hidden;
+  display:block;
+  float:right;
+  margin:10px 50px;
+}
+
+.user-object dd b {
+  float:right;
+  margin-top:-18px;
+}
+
+
+/* user-object */
+
+
+.page-bottom {
+  border-top:1px solid #D8DFEA;
+  overflow:hidden;
+  padding:7pt 12px ;
+}
+
+.page-bottom span {
+  float:right;
+  margin-top:-16px;
+}
+
+.invite-friends {
+  background:transparent url(/images/invite_ico.gif) no-repeat scroll 8px 50%;
+  display:block;
+  height:40px;
+  line-height:1.3em;
+  padding:5px 0pt 0pt 50px;
+}
+
+.more {
+  background:transparent url(/images/arrow.gif) no-repeat scroll right center;
+  margin-top:0.8em;
+  padding-right:0.75em;
+  text-align:right;
+}
+
+.object-empty {
+  padding:40px;
+  text-align:center;
+  color:#555;
+}
+
+/* new media button */
+a.new-media {
+  color:#777777;
+}
+
+.new-media {
+  background:transparent url(/images/new_media_button.gif) no-repeat scroll left top;
+  color:#777;
+  display:block;
+  text-decoration:none;
+}
+
+.new-media .tr {
+  background:transparent url(/images/new_media_button.gif) no-repeat scroll right top;
+}
+
+.new-media .bl {
+  background:transparent url(/images/new_media_button.gif) no-repeat scroll left bottom;
+}
+
+.new-media .br {
+  background:transparent url(/images/new_media_button.gif) no-repeat scroll right bottom;
+}
+
+.new-media span {
+  background:transparent url(/images/new_media_button_plus.gif) no-repeat scroll 9px center;
+  color:#333;
+  display:block;
+  font-weight:bold;
+  padding:3px 9px 5px 22px;
+}
+
+* + html .new-media span {
+  padding:5px 9px 4px 22px;
+}
+
+.new-media:hover {
+  color:#777777;
+  text-decoration:underline;
+}
+
+.new-media:active, .new-media:active .tr, .new-media:active .bl, .new-media:active .br {
+  background-image:url(/images/new_media_button_active.gif);
+}
+
+/* end new media button */
+
+
+
+
+.submition {
+  border-top:1px solid #D8DFEA;
+  padding:10px 0pt;
+  text-align:center;
+}
+
+.bg-gray {
+  background-color:#f7f7f7;
+}
+
+.normal,.normal a {
+  font-weight:normal;
+}
+
+
+.group-show-box .show-box-left {
+ /* width:100px;*/
+}
+
+.group-show-box .show-box-right {
+  width:200px;
+}
+
+.group-show-box h2 {
+  background-color:transparent;
+}
+
+
+.flirts-lister td {
+  border-bottom:1px solid #D8DFEA;
+}
+
+
+.photo-mark-show-box .show-box-left {
+  width:250px;
+}
+
+input.search {
+  background:#FFFFFF url(/images/magglass.png) no-repeat scroll 3px 50%;
+  padding-left:17px;
+  width:13em;
+}
+
+
+
+.invite {
+  padding:5px;
+  margin:5px 30px;
+  border-bottom:1px dashed gray;
+  overflow:hidden;
+  position:relative;
+}
+
+.invite p {
+  padding:5px 2px;
+}
+
+.invite h2 {
+  background:transparent url(/images/nomico.gif) no-repeat scroll left center;
+  font-weight:bold;
+  font-size:14px;
+  border-bottom:1px solid #EEEEEE;
+  padding:2px 0pt 2px 25px;
+}
+
+.show-comment-box .show-box-right {
+  width:200px;
+  text-align:right;
+}
+
+.show-comment-box .show-box-left {
+  width:600px;
+  text-align:left;
+}
+
+.users-page-title {
+  background:transparent url(/images/friend.gif) no-repeat scroll 1em 1.2em;
+  border-bottom:1px solid #CCCCCC;
+  font-size:1.2em;
+  padding:1.2em 0pt 0.3em 2.4em;
+}
+
+.show-friendship-request-box {
+  border:none;
+  border-bottom:1px solid #D8DFEA;
+}
+
+
+/* quote */
+p.quote {
+  background:transparent url(/images/quote_start.gif) no-repeat 0pt 0pt;
+  margin-top:1em;
+  padding:0pt 0pt 0pt 18px;
+}
+
+
+.quote i {
+  background:transparent url(/images/quote_end.gif) no-repeat 100% 100%;
+  color:#555555;
+  padding-right:18px;
+  margin-left:18px;
+  font-style:normal;
+}
+/* end quote */
+
+.go-search {
+  background:transparent url(/images/my_search_new.gif) no-repeat scroll 0%;
+  width:20px;
+  border:none;
+}
+
+#app-list-search-field {
+  color:gray;
+  padding:2px 5px;
+}
+
+
+#invite-users-list {
+  width:400px;
+  margin:20px;
+}
+
+.invite-user-destroy-link {
+  float:right;
+  margin-top:-15px;
+}
+
+
+#group-invite-friends-list {
+  background-color:#FFFFFF;
+  border:1px solid #D8DFEA;
+  height:208px;
+  margin:10px 0pt 15px;
+  overflow-x:hidden;
+  overflow-y:scroll;
+  padding:5px;
+  width:185px;
+}
+
+/* show post */
+.show-post-box .show-box-left {
+  width:120px;
+}
+
+.show-post-box .show-box-right {
+  width:690px;
+}
+
+.show-post-box {
+  margin:0px;
+  border:none;
+}
+
+.show-post-box h2 {
+  background-color:#f7f7f7;
+  padding:5px;
+}
+
+.show-post-box h2 a {
+  font-weight:normal;
+}
+
+.group-page .left {
+  width:700px;
+}
+
+.group-page .right {
+  width:150px;
+}
+
+.group2-show-box .show-box-right{
+  width:350px;
+}
+
+.elite,.locked {
+  color:red;
+}
+
+/* will paginate style */
+div.pagination {
+  padding: 3px;
+  margin: 3px;
+}
+
+
+div.pagination a {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #D8DFEA;
+  text-decoration: none; /* no underline */
+  color: #3B5888;;
+}
+
+div.pagination a.selected {
+  background-color:#3B5888;
+  color:white;
+}
+
+div.pagination a:hover, div.pagination a:active {
+  /*border: 1px solid #3B5888;*/
+  color: white;
+  background-color: #3B5888;
+}
+
+div.pagination span.current {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #3B5888;
+  font-weight: bold;
+  background-color: #3B5888;
+  color: #FFF;
+}
+
+div.pagination span.disabled {
+  padding: 2px 5px 2px 5px;
+  margin: 2px;
+  border: 1px solid #EEE;
+  color: #DDD;
+}
+
+/* will paginate style end */
+
+
+
+/* 操作菜单 */
+.simple-menu {
+  border:1px solid #3b5888;
+  background-color:white;
+  width:80px;
+  position:absolute;
+  display:none;
+}
+
+.simple-menu li {
+  padding:0px;
+  margin:0px;
+  width:80px;
+}
+
+.simple-menu li a {
+  display:block;
+  padding:2px 4px;
+  margin:0px;
+}
+
+.simple-menu li a:hover {
+  background:#5D74A2 none repeat scroll 0% 0% !important;
+  color:#FFFFFF;
+  text-decoration:none;
+}
+
+
+.simple-menu-indicator {
+  background:transparent url(/images/super_actions.gif) no-repeat scroll 0pt 0pt;
+  width:20px;
+  padding:0px 8px;
+  color:transparent;
+  margin-left:10px;
+  cursor:pointer;
+}
+
+.simple-menu-indicator-active {
+  background:transparent url(/images/super_actions.gif) no-repeat scroll 0pt 100%;
+}
+
+/* 结束菜单 */
+
+
+.show-share-box {
+}
+
+.show-share-box h2 {
+  background-color:#F7F7F7;
+  background-position:5px 5px;
+  background-repeat:no-repeat;
+  border-bottom:1px solid #D8DFEA;
+  border-top:1px solid #3B5888;
+  padding:0.5em 0.3em 0.5em 2em;
+}
+
+.dialog-title {
+  display:block;
+  padding:4px 10px 5px;
+  background-color:#3B5888;
+  color:white;
+  font-weight:bold;
+}
+
+.collection-form-show-box {
+  background-color:#f7f7f7;
+  border:none;
+  border-top:1px solid #ccc;
+  border-bottom:1px solid #ccc;
+  color:#808080;
+}
+
+
+
+/* shares */
+li.share-url,.share-url .show-box-right h2{
+  background:transparent url(/images/newsfeed/link.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+li.share-flash,.share-flash .show-box-right h2{
+  background:transparent url(/images/newsfeed/music.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+li.share-video, .share-video .show-box-right h2{
+  background:transparent url(/images/newsfeed/video.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+li.share-journal,.share-journal .show-box-right h2{
+  background:transparent url(/images/newsfeed/blog.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+li.share-album,.share-album .show-box-right h2 {
+  background:transparent url(/images/newsfeed/blog.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+li.share-photo,.share-photo .show-box-right h2{
+  background:transparent url(/images/newsfeed/blog.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+li.share-post,.share-post .show-box-right h2{
+  background:transparent url(/images/newsfeed/blog.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+li.share-topic,.share-topic .show-box-right h2{
+  background:transparent url(/images/newsfeed/blog.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+li.share-user,.share-user .show-box-right h2{
+  background:transparent url(/images/newsfeed/friends.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+li.share-music, .share-music .show-box-right h2{
+  background:transparent url(/images/newsfeed/friend.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+li.share-audio, .share-audio .show-box-right h2{
+  background:transparent url(/images/newsfeed/music.gif) no-repeat 5px 5px;
+  padding-left:25px;
+}
+
+img.star {
+  margin:0px 4px;
+}
+
+/* auto complete */
+div.autocomplete {
+  position:absolute;
+  width:250px;
+  background-color:white;
+  border:1px solid #888;
+  margin:0px;
+  padding:0px;
+}
+div.autocomplete ul {
+  list-style-type:none;
+  margin:0px;
+  padding:0px;
+}
+div.autocomplete ul li.selected { background-color: #ffb;}
+div.autocomplete ul li {
+  list-style-type:none;
+  display:block;
+  margin:0;
+  padding:2px;
+  line-height:20px;
+  cursor:pointer;
+}
+
+
+.page-info {
+}
+
+.privacy-form {
+  
+}
+
+.privacy-page {
+  padding: 30px 40px;
+}
+
+.privacy-page h2 {
+  border-bottom:1px solid #D8DFEA;
+  font-size:15px;
+  font-weight:bold;
+  padding:4px;
+  margin-bottom:10px;
+  color:#3B5888;
+}
+
+.privacy-page h1 {
+  font-size:15px;
+  font-weight:bold;
+  padding:4px;
+}
+
+.privacy-form label {
+  width:200px;
+}
+
+.privacy-form select {
+  width:250px;
+  margin-right:20px;
+}
+
+.privacy-form .lockitem {
+  background:transparent url(/images/lock.gif) no-repeat scroll 85% 50%;
+}
+
+.privacy-form .lockitem a {
+  color:#3B5888;
+  font-size:13px;
+  font-weight:bold;
+}
+
+.privacy-indicator { display:inline-block;width:80px; line-height:10px;}
+.privacy-level-0 {background-image:url(/images/sparkline/sparkline_0.jpg)}
+.privacy-level-1 {background-image:url(/images/sparkline/sparkline_1.jpg)}
+.privacy-level-2 {background-image:url(/images/sparkline/sparkline_2.jpg)}
+.privacy-level-3 {background-image:url(/images/sparkline/sparkline_3.jpg)}
+.privacy-level-4 {background-image:url(/images/sparkline/sparkline_4.jpg)}
+.privacy-level-5 {background-image:url(/images/sparkline/sparkline_5.jpg)}
+
+.privacy-table b a{
+  color:#3B5888;
+  font-weight:bold;
+}
+
+.privacy-table td {
+  vertical-align: bottom;
+  color:#999;
+  padding:5px;
+}
+
+/* mini feeds */
+.minifeed {
+  /*margin:10px 0px;*/
+  padding:0px;
+  margin:0px;
+}
+
+.feed-readed {
+  opacity:0.3;
+}
+
+/* feeds frequency */
+div.slider { 
+  text-align:center;
+  width:20px; 
+  margin:10px auto;
+  height:180px;
+  position: relative;
+  background:url("/images/newsfeed/slider.gif") no-repeat 50% 50%;
+}
+div.slider div.handle { 
+  background:url(/images/newsfeed/knob.png);
+  width:23px;
+  height:33px;
+  cursor:move;
+  margin:0px auto;
+  position: absolute;
+}
+.slider-table td {
+  text-align:center;
+}
+
+.slider-table tbody tr td.slider-td {
+  background:url("/images/newsfeed/slider_increment.gif") no-repeat 50% 50%;
+}
+
+.slider-table thead tr td {
+  background-color:#ccc;
+  padding:5px;
+}
+
+/* end slider */
+
+.feeds-list li{
+  padding:0px 5px;
+  border-bottom:1px solid #ccc;
+}
+
+.feeds-list li a{
+  padding-left:20px;
+  line-height:25px;
+  display:block;
+}
+
+.feeds-list li a:hover {
+  background-color:white;
+}
+
+/** bbeditor **/
+.editor-button {
+  float:left;
+  width:24px;
+  height:24px;
+  text-align:center;
+  vertical-align:middle;
+  border:1px outset #EEE;
+  margin:1px;
+}
+
+.editor-button img {
+  margin:auto;
+}
+
+
+.editor-button-other {
+  border:none;
+  float:left;
+}
+
+
+div.editor-wrapper {
+  /*margin:0px!important;*/
+  padding:0px;
+  background-color:#EEE;
+  margin-left:110px;
+  position:relative;
+  width:505px;
+}
+
+*div.editor-wrapper {
+  margin-left:0px;
+}
+
+.editor-wrapper div {
+}
+
+.editor {
+}
+
+.editor-wrapper textarea {
+  left:0px;
+  width:500px;
+}
+
+.editor-button-over {
+  border:2px outset #EEE;
+  margin:0px;
+}
+
+.editor-button-push {
+  border:2px inset #EEE;
+  margin:0px;
+}
+
+.editor-button-down {
+  border:2px inset #EEE;
+  margin:0px;
+}
+
+.editor-smilies {
+  background-color:white;
+  border:1px solid #ccc;
+  padding:4px;
+  position:absolute;
+  width:200px;
+}
+
+.editor-toolbar {
+  margin:0px;
+  padding:4px;
+}
+
+
+.show-event-box .show-box-right {
+  float:left;
+  width:380px;
+  overflow:hidden;
+}
+
+
+.show-event-box .show-box-actions {
+  float:right;
+  width:180px;
+  clear:none;
+  border:1px solid #D8DFEA;
+  background-color:#f7f7f7;
+  position:relative;
+  padding:10px;
+  text-align:left;
+}
+.top-line {
+   border-top:1px solid #CCC;
+}
+
+
+.short-events .show-event-box .show-box-actions {
+  float:none;
+  clear:both;
+  margin-left:150px;
+  padding:10px;
+  border:none;
+  border-top:1px solid #D8DFEA;
+  background-color:transparent;
+}
+
+.online-state-bar {
+}
+
+.online-state-bar a {
+  background:transparent url(/images/im/onlinegroup_mini.gif) no-repeat scroll 10px center;
+  border-left:1px solid #B5B5B5;
+  border-right:1px solid #B5B5B5;
+  color:#3B5888 !important;
+  display:block;
+  height:24px;
+  line-height:24px;
+  margin-top:1px;
+  padding-left:30px;
+  text-decoration:none !important;
+}
+
+
+.gift {
+  background-color:white;
+  padding:10px;
+  cursor: pointer;
+  margin:5px;
+  width:100px;
+  height:120px;
+  overflow:hidden;
+  text-align:center;
+}
+
+
+.friend-selector {
+  background:#FFFFFF none repeat scroll 0% 0%;
+  border:1px solid #BDC7D8;
+  cursor:text;
+  margin-bottom:5px;
+  overflow:hidden;
+  padding:0px;
+  width:400px;
+}
+
+.friend-selector-input {
+  background-color:transparent;
+  border-style:none;
+  padding:0pt;
+}
+
+.friend-selector ul li
+{
+  background:#E6E6FA none repeat scroll 0% 0%;
+  border:1px solid #DBDBDC;
+  float:left;
+  margin:1px;
+  padding:0px 5px;
+  white-space:nowrap;
+}
+
+.friend-selector ul li.friend-selector-input-li,
+.friend-selector ul li.friend-selector-input-li input {
+  background-color:transparent;
+  border-style:none;
+  padding:0pt;
+}
+
+.friend-selector-close {
+  margin-left:10px;
+  cursor:pointer;
+}
+
+.friend-selector-field {
+  cursor:pointer;
+  padding:3px;
+  margin-bottom:1px;
+  background-color:#E6E6FA;
+}
+
+.friend-selector-not-match {
+  background-color:#f99;
+  border:1px solid red;
+}
+
+.friend-selector-field-hover {
+  background-color:#3b5888;
+  color:white;
+}
+
+.friend-selector-tips {
+  width:200px;
+  position:absolute;
+  background-color:white;
+  padding:1px;
+  margin:-5px;
+  border:1px solid #E6E6FF;
+}
+
+.big-h2 h2 {
+  font-size:13px;
+  font-weight:bold;
+  padding:4px;
+}
+
+.v-tab li {
+  padding-left:10px;
+}
+
+.v-tab li span a {
+  font-weight:bold;
+}
+
+.gift-selected {
+  background-color:#eaeaea;
+  cursor:default;
+}
+
+.doing-div {
+  background-color:white;
+  border-bottom:1px solid #f7f7f7;
+  padding:10px;
+}
+
+h2.title {
+  padding:4px;
+  font-weight:bold;
+  position:relative;
+  color:#555;
+}
+
+h2.title span {
+  position:absolute;
+  right:4px;
+}
+
+.filter {
+  padding:10px;
+  text-align:center;
+  background-color:#F7F7F7;
+}
+
+.video-image {
+  position:relative;
+  display:inline;
+  text-decoration:none;
+}
+
+.video-image .play-button  {
+  position:absolute;
+  left:40px;
+  top:-50px;
+}
+
+* + html .video-image .play-button {
+  top:35px;
+}
+
+.state-bar {
+  position:fixed;
+  height:25px;
+  right:15px;
+  width:204px;
+  bottom:0px;
+  background:#E5E5E5 url(/images/im/bar_bg_bw.gif) repeat-x scroll 0% 0%;
+}
+
+.state-bar-online-friends {
+  position:fixed;
+  bottom:25px;
+  height:150px;
+  width:204px;
+  right:15px;
+  border:1px solid black;
+  border-bottom:none;
+  background-color:#fff;
+  text-overflow:auto;
+}
+
+.state-bar-online-friends h3 {
+  background-color:#3b5888;
+  color:white;
+  padding:5px;
+  position:relative;
+}
+
+.state-bar-online-friends h3 span {
+  width:20px;
+  position:absolute;
+  right:2px;
+  cursor:pointer;
+}
+
+.state-bar-friend {
+  padding:3px;
+  border-bottom:1px solid #e7e7e7;
+}
+
+.state-bar-left {
+  float:left;
+  width:173px;
+}
+
+.state-bar-right {
+  float:right;
+  width:31px;
+}
+
+.state-bar a:hover {
+  background-color:white;
+  cursor:pointer;
+}
+
+.state-bar-right a {
+  background:transparent url(/images/im/im_online.gif) no-repeat scroll 8px center;
+  border-right:1px solid #B5B5B5;
+  display:block;
+  height:24px;
+  line-height:24px;
+  margin-top:1px;
+  cursor:pointer;
+  text-align:center;
+}
+
+.state-bar-left a {
+  background:transparent url(/images/im/onlinegroup_mini.gif) no-repeat scroll 10px center;
+  border-left:1px solid #B5B5B5;
+  border-right:1px solid #B5B5B5;
+  color:#3B5888 !important;
+  display:block;
+  height:24px;
+  line-height:24px;
+  margin-top:1px;
+  padding-left:30px;
+  text-decoration:none !important;
+  cursor:pointer;
+}
+
+.state-bar-opened {
+  border-left:1px solid black;
+  border-bottom:1px solid black;
+  border-right:1px solid black;
+}
+
+a.state-bar-blink {
+  background-color:red;
+}
+
+.read0 td {
+  background-color:#F4F8FC;
+}
+
+
+.notifier {
+  position:fixed;
+  bottom:-110px;
+  right:20px;
+  height:100px;
+  background-color:#e7e7e7;
+  width:200px;
+  border:3px ridge white;
+  text-overflow:hidden;
+}
+
+.notifier table {
+  width:100%;
+  height:100%;
+}
+
+.notifier table td {
+  text-align:center;
+  vertical-align:middle;
+}
+
+
+.notifier-title {
+  padding:3px;
+  font-weight:bold;
+  border-bottom:1px solid white;
+}
+
+.notifier-content {
+  text-align:center;
+  vertical-align:middle;
+  padding:10px;
+}
+
+a.pm-toggle-read {
+  display:block;
+  height:14px;
+  margin-top:1px;
+  padding-left:10px;
+  text-decoration:none;
+  width:17px;
+}
+
+.read0 a.pm-toggle-read,a.pm-toggle-read:hover {
+  background:url(/images/new_message.gif) no-repeat scroll 11px center;
+}
+
+.page-filter {
+  background:#F7F7F7 none repeat scroll 0 50%;
+  border-color:#CCCCCC;
+  border-style:solid;
+  border-width:1px 0;
+  height:22px;
+  line-height:22px;
+  padding:5px 10px;
+}
+
+
+/* 朋友选择器 */
+.selector-notice {
+  padding:10px;
+  color:gray;
+  font-size:14px;
+  text-align:center;
+}
+
+.div-selector {
+  height:200px;
+  margin-bottom:15px;
+  overflow:auto;
+  margin-left:auto;
+  margin-right:auto;
+}
+
+.div-selector ul li {
+  border:0 none;
+  float:left;
+  height:64px;
+  margin:3px;
+  overflow:hidden;
+  padding:0;
+  width:134px;
+}
+
+.div-selector ul li a {
+  display:block;
+  height:64px;
+  padding:4px;
+  text-decoration:none;
+}
+
+.div-selector ul li.select a {
+  color:white;
+}
+
+.div-selector ul li a:hover span.pic-box {
+  background:#8497C0 none repeat scroll 0 0;
+}
+
+.div-selector ul li a span.pic-box {
+  border:1px solid #B1C1E1;
+  float:left;
+  height:50px;
+  margin-right:3px;
+  padding:2px;
+  width:50px;
+}
+
+.div-selector ul li.select a,.div-selector ul li.select a:hover {
+  background:transparent url(/images/friend_selector_bg.gif) no-repeat scroll left top;
+}
+
+.div-selector ul li a:hover {
+  background:transparent url(/images/friend_selector_hover_bg.gif) no-repeat scroll left top;
+}
+
+.div-selector ul li a span.pic-box span.pic {
+  background-color:#FFFFFF;
+  background-position:center center;
+  background-repeat:no-repeat;
+  display:block;
+  height:50px;
+  width:50px;
+}
+
+.div-selector ul li.select a span.pic-box span.pic {
+  background-position:center center;
+  background-repeat:no-repeat;
+  height:50px;
+  width:50px;
+  position:relative;
+}
+
+.div-selector ul li.select a span.pic-box img.added {
+  position:absolute;
+  left:0px;
+  bottom:0px;
+  display:block;
+}
+
+.div-selector ul li a span.pic-box img.added {
+  display:none;
+}
+
+.div-selector ul li h4 {
+  width:65px;
+  float:left;
+}
+
+.div-selector ul li h4 b {
+  background-color:yellow;
+}
+
+
+.pm-header {
+  margin:0 0 10px;
+}
+
+.pm-header h2 {
+  color:#333333;
+  font-size:14px;
+  margin:0 20px 1px 163px;
+  padding:0 0 0 22px;
+  font-weight:bold;
+}
+
+
+.previous {
+  background:transparent url(/images/arrow_back.gif) no-repeat scroll 3px center;
+  float:left;
+  padding:3px 5px 4px 10px;
+}
+
+.next {
+  background:transparent url(/images/arrow.gif) no-repeat scroll right center;
+  border-right:3px solid #FFFFFF;
+  float:right;
+  padding:3px 7px 4px 5px;
+}
+
+.divide {
+  background:#FFFFFF url(/img/header_divide.gif) no-repeat scroll center top;
+  border-top:1px solid #B3B3B3;
+  height:2px;
+  margin:0;
+  overflow:hidden;
+  padding:0;
+}
+
+.avatar-field,#avatar-field-container {
+  display:none;
+}
+
+/* activities */
+.activity {
+  position:relative;
+  padding:3px 20px;
+  padding-left:25px;
+  margin:10px 5px;
+  border-bottom:1px solid #EBEFF4;
+}
+
+.activity-message {
+  /* border-bottom:1px solid #D8DFEA; */
+  padding-bottom:10px;
+}
+
+.activity .close {
+  top:0px;
+}
+
+.journal-activity {
+  background:url(/images/newsfeed/blog.gif) no-repeat scroll 5px top;
+}
+
+.user-album-activity {
+}
+
+.user-photo-activity {
+  background:url(/images/newsfeed/photo.gif) no-repeat scroll 5px top;
+}
+
+.group-activity {
+  background:url(/images/newsfeed/group.gif) no-repeat scroll 5px top;
+}
+
+.user-gift-activity {
+  background:url(/images/newsfeed/gift.gif) no-repeat scroll 5px top;
+}
+
+.share-url-activity , .collection-activity {
+  background:url(/images/newsfeed/share.gif) no-repeat scroll 5px top;
+}
+
+.event-activity {
+  background:url(/images/newsfeed/acts.gif) no-repeat scroll 5px top;
+}
+
+.profile-activity , .doing-activity {
+  background:url(/images/newsfeed/profile.gif) no-repeat scroll 5px top;
+}
+
+.network-activity {
+  background:url(/images/newsfeed/network.gif) no-repeat scroll 5px top;
+}
+
+.hide-close .close{
+  display:none;
+}
+/* end activities */
+
+
+
+.reply-feeds li {
+  padding:4px;
+  border-bottom:1px solid #EBEFF4;
+}
+
+#group-search-results div {
+  margin-left:100px;
+  padding:4px;
+  border-bottom:1px solid #ebeff4;
+}
+
+.group-link {
+  padding:3px;
+  border-bottom:1px solid #ebeff4;
+  padding-left:10px;
+}
+
+.select-avatars li {
+  float:left;
+  width:60px;
+  height:60px;
+}
+
+.select-avatars li img ,
+#selected-system-avatar img 
+{
+  width:50px;
+  height:50px;
+  cursor:pointer;
+}
+
+
+
+/* confirm button */
+a.link_btn_style{color:#fff;font-size:14px;outline:none;display:block;height:23px;background-repeat:no-repeat;background-position:-1000px -1000px;}
+html[xmlns] a.link_btn_style{display:table;}
+a.link_btn_style:hover {color:#fff;}
+a.link_btn_style div,
+a.link_btn_style span{cursor:pointer;float:left;line-height:15px;padding:0px 0px 2px 0px;background-repeat:no-repeat;background-position:bottom left;}
+a.link_btn_style div div{padding:0px 2px 0px 0px;background-position:top right;}
+a.link_btn_style div div div{padding:0px;background-position:top left;}
+a.link_btn_style span.btn_text{display:inline;margin:2px -2px -2px 2px;padding:2px 19px 5px 17px;background-position:bottom right;}
+* html a.link_btn_style span{position:relative;}
+.confirm_buttons{margin:20px auto 0px;}
+.confirm_button{float:left;}
+.confirm_button a.link_btn_style{ background-image:url(/images/confirm_button_active.gif);}
+.confirm_button a.link_btn_style div,
+.confirm_button a.link_btn_style span{background-image:url(/images/confirm_button.gif);}
+.confirm_button a.link_btn_style:active div,
+.confirm_button a.link_btn_style:active span{background-image:url(/images/confirm_button_active.gif);}
+.confirm_button a.link_btn_style span{padding:5px 10px 7px 8px;}
+.confirm_button a.link_btn_style strong{font-size:14px;color:#fff;padding-left:22px;background:url(/images/confirm_button_add_icon.gif) no-repeat left 3px;}
+* html .confirm_button a.link_btn_style span{padding:6px 10px 7px 8px;}
+.confirm_button a.link_btn_style:hover strong{text-decoration:underline;}
+.confirm_button.disabled a.link_btn_style{cursor:default;background:none;}
+.confirm_button.disabled a.link_btn_style div{background:#eee;border:solid 1px #aaa;cursor:default;}
+.confirm_button.disabled a.link_btn_style div,
+.confirm_button.disabled a.link_btn_style span{background:#eee;}
+.confirm_button.disabled a.link_btn_style span{background:none;cursor:default;padding:1px 9px 4px 7px;}
+.confirm_button.disabled a.link_btn_style span,
+.confirm_button.disabled a.link_btn_style div div,
+.confirm_button.disabled a.link_btn_style div div div{background:none;border:none;}
+.confirm_button.disabled a.link_btn_style strong{color:#777;background:url(/images/confirm_button_add_icon_disabled.gif) no-repeat left 3px;}
+.confirm_button.disabled a.link_btn_style:hover strong{text-decoration:none;}
+.confirm_button.disabled a.link_btn_style:active div{background:#eee;}
+.del-confirm .del-header {border-bottom:1px solid #d8dfea;}
+.del-confirm .highlight-border p {margin:8px 0;}
+.del-confirm {margin:30px auto 40px;background:#fff;}
+.del-confirm p.del-button {margin-bottom:0; }
+.confirm_cancel {
+  float:left;
+  padding:10px;
+}
+
+
+
+.add {
+  background:#E0E5EE none repeat scroll 0 0;
+  border-top:1px solid #899CC1;
+  margin:0;
+  padding:10px;
+  margin-bottom:20px;
+}
+
+
+
+
+
+.friend-selector3 {
+}
+
+.friend-selector3 .friend-selector-search {
+  padding:10px 0px;
+}
+
+.friend-selector3 .friend-selector-search input {
+  border:1px solid #BDC7D8;
+  padding-top:3px;
+  padding-bottom:3px;
+  width:250px!important;
+}
+
+.friend-selector3 .selections {
+  float:left;
+  list-style-type:none;
+}
+
+
+
+.friend-selector3 .selections li a {
+  color:#627AAD;
+}
+
+.friend-selector3 .selections li {
+  float:left;
+  padding:4px 7px;
+  text-align:center;
+  width:100px;
+  cursor:pointer;
+}
+
+.friend-selector3 .selections li.view_on {
+  background:#FFFFFF url(/images/multi_friend_selector_view_bg.gif) repeat-x scroll center top;
+  text-shadow:2px 2px #FFFFFF;
+}
+
+
+
+
+
+
+/* frame-box */
+
+.frame-box {
+  border:5px solid #E5E5E5;
+  float:left;
+  margin:0;
+  padding:0;
+  width:648px;
+}
+
+.frame-content {
+  border:1px solid #AAAAAA;
+  margin:0;
+  padding:0;
+  width:646px;
+}
+
+.page-entries-info {
+  padding:2px 5px;
+}
+
+.browser-upgrade-notification {
+  padding:10px;
+  background-color:yellow;
+  text-align:center;
+  margin-left:auto;
+  margin-right:auto;
+  width:980px;
+}
+
+.notifications {
+  padding:5px;
+}
+
+.notifications li {
+  padding:2px 5px;
+}
+
+
+
+
+.wall-post {
+  float:none;
+  margin-bottom:5px;
+  overflow:hidden;
+}
+
+.wall-image {
+  background:transparent url(/images/feedcomment_quote_nub.gif) no-repeat scroll 38px 10px;
+  float:left;
+  padding-right:8px;
+  text-align:left;
+}
+
+.wall-content {
+  background:#F2F4F7 none repeat scroll 0 0;
+  border-bottom:1px solid #D8DFEA;
+  float:left;
+  padding:3px 3px 3px 6px;
+  width:280px;
+}
+
+.wall-comment-box {
+  margin-bottom:2px;
+  margin-left:-4px;
+  padding-left:4px;
+  position:relative;
+}
+
+.wall-content .wall-comment-box textarea {
+  height:27px;
+  margin:0;
+  overflow:auto;
+  width:260px;
+}
+
+
+.wall-from {
+  color:#999999;
+  font-weight:bold;
+  margin-bottom:2px;
+}
+
+.wall-comments-add-box {
+  background:transparent none repeat scroll 0 0;
+  border:0 none;
+  padding:0;
+}
+
+.show-status-box {
+  border:none;
+}
+
+.show-status-box .show-box-left {
+  width:100px;
+}
+
+.show-status-box .show-box-left img {
+  width:60px;
+}
+
+#status-field  {
+  position:relative;
+}
+
+#doing-submit {
+  position:absolute;
+  right:10px;
+  top:1px;
+}
+
+.field-wrapper {
+  padding:2px 7px;
+  line-height:20px;
+  margin:2px 4px;
+  border:1px solid #BDC7D8;
+  width:320px;
+  background-color:white;
+}
+
+.field-wrapper input {
+  border:none;
+  width:200px;
+}
+
+#current-status {
+  padding:5px 10px;
+}
+
+.composer-tab-panels .tab-panel {
+  background-color:white;
+}
+
+
+
+/* composer tabs */
+.composer-tabs ul{list-style:none;font-weight:bold;margin:0px;padding:0px 0px 3px 0px;height:auto;}
+.composer-tabs ul li{float:left;display:block;margin-right:1px;}
+.composer-tabs ul li.hidden-elem{display:none;}
+.composer-tabs ul li  .composer-tab-arrow{background:transparent url('/images/profile/composer_tab_selected_arrow.gif') no-repeat bottom center;display:block;}
+.composer-tabs ul li  .composer-tab-rounded{background:transparent url('/images/profile/composer_tab_selected.gif') no-repeat;}
+.composer-tabs ul li  .composer-tab-rounded-tr{background-position:top right;}
+.composer-tabs ul li  .composer-tab-rounded-bl{background-position:bottom left;}
+.composer-tabs ul li  .composer-tab-rounded-br{background-position:bottom right;}
+.composer-tabs ul li a.tab-link{background-position:5px 4px;background-repeat:no-repeat;display:block;padding:6px 6px 10px 26px;}
+.composer-tabs ul li.selected a{color:#565656;}
+.composer-tabs ul li.selected a:hover{text-decoration:none;}
+.composer-rounded{background:url(/images/composer_well.gif) no-repeat;}
+.composer-rounded-tr{background-position:top right;}
+.composer-rounded-bl{background-position:bottom left;}
+.composer-rounded-br{background-position:bottom right;}
+
+.activity-time-separator {
+  /*background-color:#BDC7D8;*/
+  padding:3px 6px;
+  font-weight:bold;
+}
+
+.user-comment-show-box,
+.wall-picture-show-box
+{
+  border:none;
+}
+
+.wall_picture-activity {
+  padding:0px;
+}
+
+.wall-picture-show-box .show-box-left {
+  width:100px;
+}
+
+.university-selector-node {
+  width:30%;
+  float:left;
+  display:block;
+}
+
+/*
+ * fly menu
+ */
+.flymenu {
+  display:none;
+  position:absolute;
+  width:200px;
+  background-color:white;
+  z-index:2;
+}
+
+.flymenu .flymenu-head {
+  border:1px solid #333333;
+  margin:-1px 0 0;
+  padding:3px;
+  position:relative
+}
+
+.flymenu .flymenu-head h2 {
+  float:left;
+  width:160px;
+  padding:2px 3px;
+  color:#999;
+}
+
+.flymenu .flymenu-head span {
+  width:20px;
+  float:right;
+}
+
+.flymenu .flymenu-body {
+  background:#efefef none repeat scroll 0 0;
+  border-color:-moz-use-text-color #333333 #333333;
+  border-style:none solid solid;
+  border-width:0 1px 1px;
+  clear:left;
+  width:170px;
+  float:left;
+  margin:-1px 0 0;
+  padding:0;
+  position:relative;
+}
+
+.flymenu .flymenu-body ul li {
+}
+
+.flymenu .flymenu-body ul li span {
+  display:block;
+  padding:3px 5px ;
+  color:#999;
+}
+
+.flymenu .flymenu-body ul li hr {
+  color:#eee;
+  background-color:#eee;
+  border-color:#eee;
+  margin:2px 5px;
+}
+
+.flymenu .flymenu-body ul li a {
+  padding:3px 5px ;
+  display:block;
+  cursor:pointer;
+}
+.flymenu .flymenu-body ul li a:hover {
+  background-color:#899bc1;
+  color:white;
+  text-decoration:none;
+}
+
+/* right */
+.flymenu-right .flymenu-head h2 {
+  float:right;
+  text-align:right;
+}
+
+.flymenu-right .flymenu-head span {
+  /*float:left;*/
+}
+
+.flymenu-right .flymenu-body {
+  float:right;
+}
+
+
+
+/* application */
+.more-minifeeds a {
+  background:transparent url(/images/white_dropdown_closed.gif) no-repeat scroll center center;
+}
+
+.more-minifeeds a:hover,
+.more-minifeed-menu-handler {
+  background:#5d74a2 url(/images/white_dropdown_open.gif) no-repeat scroll center center;
+}