fcid 0.0.1 → 0.0.2

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

@@ -0,0 +1,73 @@
+/** 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;
+}

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

@@ -0,0 +1,41 @@
+.fcid-feeds {
+  border:1px solid #eee;
+}
+
+.fcid-feed-left {
+  width:100px;
+  float:left;
+  margin-right:5px;
+}
+
+
+.fcid-feed-right {
+  float:left;
+  width:500px;
+}
+
+.fcid-feed {
+  border-bottom:1px solid #eee;
+  margin:5px 0px;
+}
+
+.fcid-feed-title {
+  font-size:14px;
+}
+
+.fcid-feed-time {
+  color:#999;
+  display:inline;
+  font-size:12px;
+}
+
+.fcid-feed-body {
+  padding: 5px;
+}
+
+.fcid-feed-setting {
+}
+
+.fcid-feed-picture {
+  display:inline;
+}

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

@@ -0,0 +1,38 @@
+#dropmenu_container .flyout_menu{font-size:11px;line-height:normal;}
+.flyout_menu{position:absolute;margin-top:-5px;margin-left:-5px;top:0px;left:0px;padding:0px;overflow:visible;width:196px;z-index:20;}
+.flyout_menu .flyout_menu_header_shadow{margin:0px;padding:0px;margin-top:1px;overflow:visible;position:relative;}
+.flyout_menu .flyout_menu_header{margin:0px;padding:0px;margin-top:-1px;border:1px solid #333;}
+.flyout_menu .flyout_menu_header .flyout_menu_mask{width:27px;height:24px;border:4px solid white;border-right:0px;margin:0px;float:left;padding:0px;}
+.flyout_menu .flyout_menu_header .flyout_menu_title{padding:8px 5px 4px 8px;height:18px;color:#666;text-align:left;float:left;width:150px;background-color:white;}
+.flyout_menu .flyout_menu_content_shadow{background:#eee;border:1px solid #333;border-top:0;float:right;clear:left;margin:0px;padding:0px;position:relative;margin-top:-1px;}
+.flyout_menu .menu_content{width:163px;padding:3px 0px 2px;border-top:1px solid #ccc;margin:0px;clear:both;}
+.flyout_menu .menu_custom{overflow:hidden;padding:5px 8px;}
+.flyout_menu .menu_content .item{clear:both;overflow:hidden;padding:3px 0;}
+.flyout_menu .menu_content label{float:left;font-weight:normal;padding-top:1px;}
+.flyout_menu .menu_content .inputcheckbox{float:left;margin:0 4px 0 0;}
+.flyout_menu .menu_separator{background:#ccc;clear:both;font-size:0;height:1px;line-height:1px;margin:3px 6px;overflow:hidden;padding:0;}
+.link_menu_list .menu_content ul{margin:0px;padding:0px;}
+.link_menu_list .menu_content ul li{list-style-type:none;padding:0px;margin:0px;}
+.link_menu .menu_content a,
+.link_menu_list .menu_content ul li a.tab_link{height:auto;width:auto;display:block;overflow:hidden;margin:0px;overflow:hidden;padding:5px 8px 5px 8px;}
+.link_menu .menu_content a.icon_link{background-position:9px 7px;background-repeat:no-repeat;padding-left:26px;}
+.link_menu .menu_content a:hover,
+.link_menu_list .menu_content ul li a.tab_link:hover{text-decoration:none;background-color:#899bc1;color:white;}
+.flyout_menu_left .flyout_menu_content_shadow{float:left;}
+.flyout_menu_left .menu_content{margin:0px;}
+.flyout_menu_left .flyout_menu_header .flyout_menu_mask{float:right;}
+.flyout_menu_18{margin-top:-4px;margin-left:-4px;width:173px;}
+.flyout_menu_18 .flyout_menu_header .flyout_menu_title{padding:5px 8px 3px 5px;height:16px;width:134px;}
+.flyout_menu_left .flyout_menu_header .flyout_menu_title{padding-left:8px;padding-right:5px;}
+.flyout_menu_18 .flyout_menu_header .flyout_menu_mask{width:18px;height:18px;border:3px solid white;}
+.flyout_menu_18 .menu_content{width:150px;}
+.dropdown_menu{position:absolute;right:0px;width:150px;z-index:10;margin-top:-1px;}
+.dropdown_menu .menu_content{border:solid 1px #6076A5;background:white;}
+.dropdown_menu a{display:block;padding:3px 10px;}
+.dropdown_menu span.optgroup{color:#808080;cursor:default;display:block;padding:8px 10px 4px 10px;}
+.dropdown_menu a:hover{background:#5C75AA;color:white;text-decoration:none;}
+.dropdown_head .dropdown_link{padding:2px 5px;font-weight:normal;}
+.dropdown_head .dropdown_link:hover{text-decoration:none;}
+.dropdown_head .dropdown_link.selected{background:#5c75aa;color:#fff;border-top:1px solid #3b5998;border-left:1px solid #3b5998;border-right:1px solid #3b5998;}
+.dropdown_head .dropdown_link.selected span{background-position:-13px 0px;}
+.dropdown_head .dropdown_arrow{margin:0;padding-left:3px;background:transparent url(/images/down_arrow.gif) top left no-repeat;width:12px;cursor:pointer;height:15px;}

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

@@ -0,0 +1,176 @@
+/* form style */
+.center-form {
+  width:70%;
+  margin:0px auto;
+}
+
+.form-left {
+  width:30%;
+  float:left;
+}
+
+.form-right {
+  width:70%;
+  float:right;
+}
+
+form > div {
+  margin:10px 5px;
+}
+
+form > div > div {
+  margin-left: 9em;
+}
+
+form > div.whole-line {
+  margin-left: 9em;
+}
+
+form > div > div > span {
+  color:#888;
+  font-size: 11px;
+}
+
+form label {
+  float:left;
+  margin-right:10px;
+  text-align:right;
+  width:8em;
+}
+
+form label.required {
+  color:red;
+}
+
+label.none {
+  color:black;
+  float:none;
+  font-weight:normal;
+  height:auto;
+  line-height:auto;
+  margin-right:0px;
+  text-align:left;
+  width:auto;
+}
+
+form div span.tips {
+  color:#808080;
+  padding-left:5px;
+  padding-top:5px;
+  vertical-align:top;
+}
+
+form div.radios,form div.div-right {
+  margin-left:110px;
+  width:400px;
+}
+
+form div.radios label {
+  float:none;
+  margin:0px;
+  color:black;
+}
+
+form div.radios div {
+  color:gray;
+  padding-left:20px;
+}
+
+form p {
+  padding:5px;
+}
+
+form h3 {
+  border-bottom: 1px solid #BDC7D8;
+  font-size:14px;
+  margin:10px 20px;
+}
+
+form input[type=checkbox],form input[type=radio],form input[type=file] {
+  border:none;
+}
+
+
+form textarea {
+  width:400px;
+  height:200px;
+}
+
+form div.notes,.form-notes {
+  width:90%;
+  padding:15px 10px;
+  margin:5px auto;
+  border:1px solid #e0e0e0;
+  background-color:white;
+  text-align:center;
+}
+
+form div.notes-content,.form-notes-content {
+  padding:0px 100px;
+  text-align:left;
+}
+
+form div.notes h4 {
+  border-bottom:1px solid #D8DFEA;
+  color:#3B5888;
+  font-size:12px;
+  line-height:20px;
+  margin:5px 60px;
+  padding-left:20px;
+  text-align:left;
+}
+
+form div.notes ol,form div.notes ul {
+  line-height:24px;
+  margin:0pt 60px;
+  padding-left:20px;
+  text-align:left;
+}
+
+form div.notes ol li,form div.notes ul li {
+  list-style:decimal;
+}
+
+form input.long {
+  width:300px;
+}
+
+form input.short {
+  width:100px;
+}
+
+form textarea.small {
+  width:300px;
+  height:80px;
+}
+
+.button {
+  border: none; 
+  background-color:#3B5998;
+  padding:3px 8px;
+  color: white;
+}
+
+.button:hover {
+  color: white;
+  background-color:#3B5998;
+  border-color: #3B5998;
+}
+
+.fake-buttons {
+  height:30px;
+}
+
+a.fake-button {
+  border:1px solid #aaf;
+  background-color:#eef;
+  padding:5px;
+}
+
+a.fake-button:hover {
+  color: white;
+  background-color:#3B5998;
+  border-color: #3B5998;
+}
+
+

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

@@ -0,0 +1,65 @@
+.friend-selector2 .unselected {
+  background:transparent url(/images/plus.gif) no-repeat scroll 5px 5px;
+  padding:3px 0 3px 18px;
+  cursor: pointer;
+}
+
+.friend-selector2 .selected {
+  background:#FFFFFF url(/images/x_to_hide_gray.gif) no-repeat scroll 2px 2px;
+  padding:1px 0 1px 18px;
+  position:relative;
+  cursor: pointer;
+  font-weight:normal;
+}
+
+.friend-selector2 .selected-hover {
+  background:#FFFFFF url(/images/x_to_hide_dark_blue.gif) no-repeat scroll 2px 2px;
+  cursor: pointer;
+}
+
+.friend-selector2 .unselected-hover {
+  cursor: pointer;
+  background:#3b5888 url(/images/plus_white.gif) no-repeat scroll 5px 5px;
+  color:white;
+}
+
+.friend-selector2 .unselected-list {
+  border-right:1px solid #BDC7D8;
+  float:left;
+  height:147px;
+  margin-right:4px;
+  overflow:auto;
+  padding:5px;
+  width:120px;
+}
+
+.friend-selector2 .selected-list {
+  border-left:1px solid #BDC7D8;
+  height:147px;
+  overflow:auto;
+  padding:5px;
+  position:relative;
+}
+
+.friend-selector2 .search-friends {
+  background:transparent url(/images/searchinputbg.gif) no-repeat scroll 3px 3px;
+  border:0 none;
+  padding:4px 4px 5px 20px;
+  width:240px;
+}
+
+.friend-selector2 .search-holder {
+  border-bottom:1px solid #BDC7D8;
+}
+
+.friend-selector2 .search-holder input {
+  border:0 none;
+  padding:4px 4px 5px 20px;
+  width:240px;
+}
+
+.friend-selector2 {
+  border:1px solid #BDC7D8;
+  margin-bottom:10px;
+  width:300px;
+}

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

@@ -0,0 +1,445 @@
+.moremarginbottom{ margin-bottom:10px;}
+
+#pageFriends #single-column {
+	padding: 0 10px;
+}
+
+#pageFriends #single-column.morepadding{ padding-top:20px;}
+
+#pageFriends .cube {
+	margin: 10px 0;
+	padding: 15px;
+}
+
+#pageFriends h3 {
+	border-bottom: 1px solid #D8DFEA;
+	line-height: 2.0em;
+}
+
+.form-invite legend {
+	font-weight: bold;
+	font-size: 1.2em;
+	margin-bottom: 0.5em;
+	color: #333;
+}
+
+.form-invite legend.icon {
+	background: url(/images/hotmail_logo.gif) no-repeat 100% 50%;
+	padding-right: 4.5em;
+}
+
+* html .form-invite legend {margin-left: -0.5em;}
+*+html .form-invite legend {margin-left: -0.5em;}
+
+.form-invite p {
+	padding: 5px 0;
+	overflow:hidden;
+	zoom: 0;
+	line-height: 21px;
+}
+
+.form-invite label {
+	float: left;
+	color: #777;
+	font-weight: bold;
+	text-align: right;
+	width: 12.0em;
+	height: 21px;
+	line-height: 21px;
+}
+
+.form-invite label.empty {color:#FFF !important; visibility:hidden;}
+
+.form-invite .inputtext {
+	width: 15.0em !important;
+}
+
+.form-invite .inputtext.short{ width:40px !important;}
+
+.form-invite textarea {
+	width: 33.4em;
+	height: 6.0em;
+	color: #808080;
+}
+
+.form-invite #inviteurl {
+	width: 25.4em !important;
+	margin-right: 1.0em;
+}
+
+.form-invite strong {
+	background: #EDF1F7;
+	border: 1px solid #CCCCFF;
+	padding: 10px 10px;
+	display: block;
+	margin-left: 12.0em;
+	width: 32.0em;
+	line-height: 1.25em;
+	font-weight: normal;
+}
+
+.invite-table {
+	border: 1px solid #C0C0C0;
+	margin: 15px;
+}
+
+.invite-table-head {
+	background: #EDEDED;
+	border-bottom: 1px solid #C0C0C0;
+	padding: 4px;
+}
+
+.invite-table-head input {
+	background: #EDEDED;
+	margin-right: 5px;
+	height: 15px;
+	width: 15px;
+}
+
+.invite-table-shell {
+	max-height: 360px;
+	overflow-x: hidden;
+	overflow-y: scroll;
+	width: 574px;
+}
+
+* html div#inviteTableShell {
+	height: expression( this.scrollHeight > 360 ? "360px" : "auto" );
+}
+
+.invite-table-shell input {
+	height: 15px;
+	width: 15px;
+}
+
+.invite-table-shell table tr.odd {
+	background: #F5F5F5;
+}
+
+.invite-table-shell table td {
+	vertical-align: middle;
+	padding: 5px;
+}
+
+.invite-table-shell table.add td {
+	border-bottom: 1px solid #EEE;
+}
+
+.invite-table-shell table td.checkbox-holder {
+	width: 12px;
+	padding: 5px 0 5px 4px;
+}
+
+.invite-table-shell table td.ava-holder {
+	width: 50px;
+	padding-right: 15px;
+}
+
+.invite-table-shell table td.name-holder, .invite-table-shell table td.net-holder {
+	color: #808080;
+}
+
+.invite-table-shell table td.name-holder strong {
+	display: block;
+	color: #333;
+}
+
+.invite-table-shell table td.mail-holder a {
+	color: #333;
+}
+
+.invite-table-shell table td.mail-holder a:hover {
+	color: #333;
+	text-decoration: none;
+}
+
+.invite-preview {
+	margin: 0 0 10px 14px;
+}
+
+.invite-preview strong {
+	margin-left: 0;
+}
+
+#pageFriends .invite-button {
+	margin-left: 14px;
+}
+
+
+/*cvs*/
+.form-invite legend.icon.mailinvite {
+	background: url(/images/invitelogogroup.gif) no-repeat 100% 50%;
+	padding-right: 15em;
+}
+
+#pageFriends h1.invite{ font-size:15px; margin-bottom:10px;}
+
+.cube p.explain{ margin:5px 0 20px;}
+.cube p.explain.nopadding{ margin:3px 0;}
+legend.nopadding,p.nopadding{ padding:0; margin:0;}
+
+.cube ol.explainlist{ padding-left:15px;}
+.cube ol.explainlist li{ list-style-position:inside; height:20px; line-height:20px;}
+.cube ol.explainlist li.havebtn{ list-style:none; margin:25px 0 40px;}
+
+.cube ul.explainlist1{ display:none; list-style:none; background-color:#FAFAFA; border:1px solid #D8DFEA; padding:10px; margin-top:5px;}
+.cube ul.explainlist1 ul li{ list-style:none;}
+.cube ul.explainlist1 div.expbox{ margin-left:10px; display:none}
+.cube ul.explainlist1 div.expbox ol{ padding-left:10px;}
+.cube ul.explainlist1 div.expbox ol li{ list-style-image:none; list-style-type:decimal; list-style-position:inside; line-height:20px;}
+
+.cube p.inputcsv{margin:10px 0 0px -56px;}
+
+
+/*find newFirend*/
+.cube fieldset h2.findfriend{ display:block; border-bottom:1px #D8DFEA solid; width:100%;}
+.cube fieldset legend.empty{ display:none;}
+
+.cube.findfriend{ padding-top:15px; padding-left:15px;}
+*html .cube.findfriend{ padding-top:0px; margin-top:0; padding-left:0px;}
+*+html .cube.findfriend{ margin-bottom:10px;}
+#single-column.findfriend{ padding:0;}
+
+/*invite newindex*/
+.form-invite label.empty {color:#FFF !important; visibility:hidden;}
+#content #indexleft{ float:left; width:400px; margin:20px 20px 30px 15px;}
+*html #content #indexleft{ margin-left:10px;}
+
+#content #indexright{ float:left; width:170px; border-top:1px #ccc solid;  margin-top:88px; padding-bottom:30px; background:url(/images/hotmail_logo.gif) left 70px no-repeat;}
+#content #indexright.fewmargin{ margin-top:60px;}
+
+
+#content #indexleft label.short{ width:55px;}
+#content #indexleft textarea{ width:330px; height:65px;}
+#content #indexleft p.textarea{ height:auto;}
+*html #content #indexleft p.btngroup{ margin-bottom:30px;}
+*+html #content #indexleft p.btngroup{ margin-bottom:30px;}
+
+
+#content #indexleft div.mailcontent{ overflow:hidden; line-height:16px; margin-left:56px; padding:10px; color:#333; width:313px; height:116px; background-color:#EDF1F7; border:1px #CCCCFF solid;}
+*html #content #indexleft div.mailcontent{margin-left:59px;}
+
+#content #indexleft div.mailcontent h2{ margin-bottom:10px;}
+#content #indexleft div.mailcontent p.pic{ width:100px; height:115px; float:left; margin:0; padding:0; margin-right:10px;}
+#content #indexleft div.mailcontent p.text{ float:left; width:200px;}
+
+#content #indexleft p a.visited{ color:#333;}
+#content #indexleft p.subnav{ color:#3B5888;}
+
+
+#content .form-invite div.reqbox{ width:400px; margin-left:145px; overflow:hidden;}
+#content .form-invite div.reqbox h3{ border-bottom:0;}
+
+#content ul.reqlist { list-style:none; padding:5px; overflow:hidden; }
+
+*html #content ul.reqlist{zoom:1;}
+#content ul.reqlist li.graybg{ background:#F7F7F7;}
+#content ul.reqlist.graybg.nomargin_top{ background:#F7F7F7;}
+#content ul.reqlist li{ line-height:1.5em; overflow:hidden; clear:both; padding:2px 5px;}
+#content ul.reqlist li.morelink{ margin-top:10px;}
+
+#content ul.reqlist li a.resend{ float:right;}
+#content ul.reqlist li a.close{ float:right; margin-left:5px; display:block; width:7px; height:7px; background: url(/images/icon_remove.gif) 0 top no-repeat; margin-top:6px;}
+*html #content ul.reqlist li a.close{ background: url(/images/icon_remove.gif) 0 7px no-repeat; margin-top:-2px;}
+
+#content ul.reqlist li span.frdemail{ display:block; float:left; width:100px; margin-right:30px; overflow:hidden;}
+
+
+#content #indexleft.invitereqlist{ padding: 10px 0; line-height: 21px;}
+
+
+#content #indexright h2{ color:#3B5998; margin:10px 0 5px; background:url(/images/style_triangle.gif) 150px center no-repeat;}
+
+
+#content #indexright p.linkbox{ margin-top:45px; border-top:1px #ccc solid; padding-top:15px;}
+#content #indexright p.linkbox span{ display:block; margin:5px 0;} 
+#content #indexright p a.invitenote{ color:#3B5998; padding-right:10px; background:url(/images/style_triangle.gif) right no-repeat;}
+
+
+
+/*pageEntrance*/
+.cube.pageentrance{ background-color:#F7F7F7; border-top:1px #ccc solid; padding-left:20px; padding-top:20px;}
+.cube.pageentrance label{ width:auto; float:none;}
+.cube.pageentrance input.inputsubmit,.cube.pageentrance p .alttext{ margin-left:95px;}
+*+html .cube.pageentrance input.inputsubmit,.cube.pageentrance p .alttext{ margin-left:97px;}
+
+.cube.pageentrance p a.moresearch{ margin-right:23px;}
+#oak div.entrancebox{ clear:both; width:495px;}
+
+.gray .cube.pageentrance.noborder{ border-bottom:0; border-left:0; border-right:0;}
+
+.pageentrance ul.actionlist{ list-style:none; margin-top:10px; overflow:hidden; margin-bottom:5px;}
+.pageentrance ul.actionlist li{ list-style:none; height:20px; line-height:20px; float:left; margin-right:20px;}
+
+#single-column .nonefromsearch{ text-align:center; margin:20px 0;}
+#single-column .nonefromsearch p.explain_nosearch{ font-size:15px; margin-bottom:15px;}
+#single-column .nonefromsearch p.invite_input .inputtext{ margin-right:5px;}
+
+#single-column div.especial{ margin:40px 120px;}
+#single-column div.especial h3{ font-size:12px; line-height:1.5em; padding:3px;}
+#single-column div.especial a{ line-height:25px; margin-left:5px; padding-left:10px; background:url(/images/style_square_tiny.gif) left center no-repeat;}
+#single-column div.especial p.btngroup{ margin:10px 0;}
+
+
+
+/*friends selector*/
+#single-column.multifriends #list-results h1{ font-size:15px; height:1.8em; line-height:1.8em;}
+#single-column.multifriends #list-results ul.schoollist{ list-style-position:inside; width:200px; padding-top:5px; margin-bottom:15px;}
+*html #single-column.multifriends #list-results ul.schoollist{ padding-top:10px;}
+#single-column.multifriends #list-results ul.schoollist li{ float:none; border:0; padding:0; }
+#single-column.multifriends #list-results ul.schoollist li a{ float:right; margin-top:-15px; }
+*html #single-column.multifriends #list-results ul.schoollist li a{ margin-top:0px; }
+*+html #single-column.multifriends #list-results ul.schoollist li a{ margin-top:3px; }
+
+
+#list-results .selector{ border:1px solid #D8DFEA; padding:0.5em; background-color:#fff; height:340px; overflow:scroll; overflow-x:hidden; margin-bottom:5px;}
+#list-results .selector ul{}
+#list-results .selector ul li{ width:134px; height:64px; overflow:hidden; float:left;  border:0 ; padding:0; margin:3px; margin-right:3px; }
+
+#list-results .selector ul li a{ display:block; height:64px; padding:4px;}
+#list-results .selector ul li a:hover{ text-decoration:none; background:url(/images/friend_selector_hover_bg.gif) top left no-repeat;}
+
+#list-results .selector ul li a:hover h4{ color:#333;}
+#list-results .selector ul li a:hover span.atnet{ color:#666;}
+
+#list-results .selector ul li a:hover span.picbox{ background-color:#fff;}
+
+#list-results .selector ul li a h4{ color:#333;}
+#list-results .selector ul li a span.atnet{ color:#ccc;}
+
+#list-results .selector ul li a span.picbox{ width:50px; height:50px; padding:2px; margin-right:3px; border:1px #ccc solid; float:left; border-color:#b1c1e1;}
+
+#list-results .selector ul li a span.picbox span.pic{ background-color:#fff; background-position:center; background-repeat:no-repeat; width:50px; height:50px; display:block; }
+
+#list-results .selector ul li a span.picbox img.added{ display:none;}
+
+#list-results .selector ul li.select,
+#list-results .selector ul li.select a:hover{ background:url(/images/friend_selector_bg.gif) top left no-repeat;}
+#list-results .selector ul li.select a h4,
+#list-results .selector ul li.select a:hover h4{ color:#fff;}
+#list-results .selector ul li.select a:hover span.atnet{ color:#ccc;}
+#list-results .selector ul li.select a span.picbox,
+#list-results .selector ul li.select a:hover span.picbox{ background:#8497C0;}
+#list-results .selector ul li.select a span.picbox span.pic{ background-position:center; background-repeat:no-repeat; width:50px; height:50px; }
+
+#list-results .selector ul li.select a span.picbox span.pic img.added{ display:block; padding-top:26px;}
+
+
+
+/*index invite*/
+#xiaonei-welcome-u-guys p.inviteindex,
+.reginbox p.inviteindex{ margin-top:25px !important; padding-bottom:15px; padding-right:20px; border-bottom:1px #ccc solid; background:url(../img/newsfeed/arrow.gif) 210px 5px no-repeat;}
+
+.reginbox p.inviteindex{ margin-right:48px;}
+
+.reginbox p.inviteindex{ margin-bottom:15px;}
+
+*html #xiaonei-welcome-u-guys p.inviteindex,
+*html .reginbox p.inviteindex{ margin-top:15px; padding-bottom:15px; padding-right:20px; border-bottom:1px #ccc solid; background:url(../img/newsfeed/arrow.gif) 210px 5px no-repeat;}
+
+#xiaonei-welcome-u-guys p.inviteindex a.invite,
+.reginbox p.inviteindex a.invite{ padding:3px 0; padding-left:20px; background:url(../img/newsfeed/findfriend.gif) left 3px no-repeat;  font-weight:bold;}
+
+*+html #xiaonei-welcome-u-guys p.inviteindex a.invite,
+*+html .reginbox p.inviteindex a.invite{ background:url(../img/newsfeed/findfriend.gif) left top no-repeat;}
+
+#welcomepage .cube p{ height:auto;}
+#welcomepage .cube p.alttext{ color:#333; padding-bottom:0px;}
+#welcomepage .cube p.alttext a{ font-weight:normal;}
+#welcomepage .cube h2.invitetitle{ background:url(../img/newsfeed/findfriend.gif) left top no-repeat; border-bottom:1px #d8dfea solid; padding-left:20px; padding-bottom:5px;}
+#welcomepage .cube h2.resulttitle{ color:#999999; background-color:#ededed; width:467px; font-size:12px; font-weight:normal; padding:2px 3px 2px; padding-right:0; margin-top:15px; border:1px #ccc solid; border-bottom:0;}
+
+div.resultbox{ padding:0; overflow:hidden; overflow-y:scroll; height:300px; width:470px; border:1px #ccc solid; }
+
+#welcomepage table.resultlist td{ color:#555; border-bottom:1px #ccc solid; border-collapse:collapse; padding:3px; vertical-align:middle;}
+#welcomepage table.resultlist td p{ padding:0; color:#555;}
+#welcomepage table.resultlist td.pic{ padding:5px; width:60px; vertical-align:middle;}
+#welcomepage table.resultlist td.uname{ width:160px;}
+
+#welcomepage table.resultlist td.pic div.picbox{ width:50px; height:50px; overflow:hidden;}
+
+
+#single-column div.whoInvite{ margin:10px 30px; }
+
+
+#single-column div.whoInvite p{ margin:5px 0;}
+#single-column p strong{ color:#3b5888 !important;}
+#single-column .gray{ color:#808080; margin-left:35px;}
+*html #single-column .gray{ background:none; margin-left:35px;}
+#single-column .inputsubmit.gray{ color:#808080; margin-left:0;}
+
+#single-column p.gray{ margin-top:10px !important; margin-bottom:5px; }
+#single-column div.whoInvite p.floatleft{ float:left; margin:2px 30px 20px 0;}
+#single-column ul.piclist{ overflow:hidden; list-style:none;}
+*html #single-column ul.piclist{ zoom:1;}
+#single-column ul.piclist li{ overflow:hidden; float:left; margin-right:15px;}
+#single-column ul.piclist li p{ display:block; margin-top:3px; width:50px; height:1.5em; line-height:1.5em; text-align:center; overflow:hidden }
+.form-register h3.nomargin{ margin-bottom:0;}
+.form-register p.alttext{ padding:0; margin-bottom:2em !important; margin-top:5px;}
+#single-column ul.piclist li div.imgbox{  width:50px; height:50px; overflow:hidden; }
+
+
+/*for newinvite 080326*/
+input#gmailAccount{ width:110px !important;} 
+input#emailAccount{ width:97px !important;}
+#pageFriends .cube.transparency{ margin:0; padding-top:0; background:none; border:0;}
+#pageFriends .cube.transparency fieldset legend{ display:none;}
+
+.msnicon,.gtalkicon,.emailicon,.csvicon,.sentlinkicon,.sentemail,.recommendfriend{ cursor:hand; padding:2px 0 2px 25px; border-bottom:1px #eee solid;}
+#pageFriends .cube.transparency fieldset .formcontent{ display:none; margin-bottom:20px;}
+#pageFriends .cube.transparency h2 a{ display:block;text-decoration:none;}
+*html #pageFriends .cube.transparency h2 a{ display:block; width:100%;}
+#pageFriends .cube.transparency.exp h2 a{ color:#000;}
+#pageFriends .cube.transparency.exp fieldset .formcontent{ display:block;}
+
+.msnicon{background:url(/images/msnico.gif) left center no-repeat;}
+.emailicon{background:url(/images/webmailico.gif) left center no-repeat;}
+.gtalkicon{background:url(/images/gtalkico.gif) left center no-repeat;}
+.csvicon{background:url(/images/mailinviteico.gif) left center no-repeat;}
+.mailicon{ padding-left:27px; background:url(/images/mailinviteico.gif) left center no-repeat;}
+.sentlinkicon{ padding-left:27px; background:url(/images/invitelinkico.gif) left center no-repeat;}
+.sentemail{ padding-left:27px; background:url(/images/mailico.gif) left center no-repeat;}
+.recommendfriend{ padding-left:27px; background:url(../img/newsfeed/feed_ico_8.gif) left center no-repeat; margin-bottom:10px;}
+
+.cube p.alttext,.cube span.alttext{ color:#808080;}
+
+
+.cube p.premail{ height:110px;}
+*html .cube p.premail{ height:125px;}
+*+html .cube p.premail{ height:125px;}
+
+
+
+/*for newfriendlist with Tab*/
+
+#friendpage .page-title { height:22px; overflow:hidden; padding:15px 0px 0 20px;}
+#friendpage .page-title h2 {background:transparent url(../img/newsfeed/friends.gif) no-repeat scroll 0pt 50%; float:left;
+padding-left:24px; margin-right:10px;}
+
+#friendpage .page-title span.subtitle{ background:transparent url(/images/style_triangle_gray.gif) no-repeat scroll 0pt 50%;  padding-left:10px; font-weight:bold; color:#808080; font-size:14px;}
+*+html #friendpage .page-title span.subtitle{zoom:1;}
+/*for recommend friends*/
+#friends.wbg_topborder h3{ margin:0;}
+#friends.wbg_topborder div.boxcont{ margin-top:5px;}
+#friends.wbg_topborder{ padding:15px; text-align:left; border:0; margin:0; background:#fff; border-top:1px #D8DFEA solid; }
+#friends.wbg_topborder h1{ font-size:15px; margin-bottom:3px;}
+#friends.wbg_topborder .box .more{ float:right; margin-right:10px; position:static;}
+#friends.wbg_topborder p.moremarginbottom{ margin-bottom:10px;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+