X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrost-mobile%2Fstyle.css;h=c005e838f163e44b56290cf891de8d7dc848c1c3;hb=d55d500e3534579ffbd7d992d5b103d3e9ab1709;hp=6d7acd37151e6d67a59aa75ebcc23585e98828b7;hpb=4c263aa4ac89aa935d7305856c8a919c7fefcf71;p=friendica.git

diff --git a/view/theme/frost-mobile/style.css b/view/theme/frost-mobile/style.css
index 6d7acd3715..c005e838f1 100644
--- a/view/theme/frost-mobile/style.css
+++ b/view/theme/frost-mobile/style.css
@@ -44,7 +44,7 @@ input {
 	border: 1px solid #666666;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 	padding: 3px;
 }
 
@@ -74,7 +74,7 @@ img { border :0px; }
 	background: #EEE;
 	color: #444;
 	padding: 10px;
-	margin-top: 20px; 
+	margin-top: 20px;
 }
 
 blockquote {
@@ -96,7 +96,7 @@ code {
 	background: #EEE;
 	color: #444;
 	padding: 10px;
-	margin-top: 20px; 
+	margin-top: 20px;
 }
 
 blockquote {
@@ -139,6 +139,47 @@ blockquote {
 	margin-right: 5px;
 }
 
+.btn {
+	outline: none;
+	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
+	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
+	box-shadow: inset 0px 1px 0px 0px #ffffff;
+	background-color: #ededed;
+	text-indent: 0;
+	border: 1px solid #dcdcdc;
+	display: inline-block;
+	color: #777777;
+	padding: 5px 10px;
+	text-align: center;
+	border-radius: 8px;
+}
+
+.menu-popup {
+	width: auto;
+	border: 2px solid #444444;
+	background: #FFFFFF;
+	position: absolute;
+	margin: 2px 0 0;
+	display: none;
+	z-index: 10000;
+}
+
+.menu-popup li a {
+	display: block;
+	padding: 2px;
+}
+
+.menu-popup li a:hover {
+	color: #FFFFFF;
+	background: #3465A4;
+	text-decoration: none;
+}
+ul.menu-popup li.divider {
+	height: 1px;
+	margin: 3px 0;
+	overflow: hidden;
+	background-color: #2d2d2d;
+}
 
 
 /* nav */
@@ -205,10 +246,10 @@ nav #banner #logo-text a:hover { text-decoration: none; }
 	border: 1px solid #babdb6;
 	border-bottom: 0px;
 	background-color: #aec0d3;
-	color: #565854;		
+	color: #565854;
 	-moz-border-radius: 3px 3px 0px 0px;
 	-webkit-border-radius: 3px 3px 0px 0px;
-	border-radius: 3px 3px 0px 0px;	
+	border-radius: 3px 3px 0px 0px;
 }
 
 .nav-commlink.selected {
@@ -377,13 +418,13 @@ section {
 	background-repeat: no-repeat;
 
 	min-height: 112px;
-	border-top: 1px solid #babdb6;	
+	border-top: 1px solid #babdb6;
 	overflow-x:hidden;
 }
 
 .tabs {
 	/*background-image: url(head.jpg);
-	background-repeat: repeat-x;	
+	background-repeat: repeat-x;
 	background-position: 0px -20px;*/
 	border-bottom: 1px solid #babdb6;
 	padding:0px;
@@ -411,7 +452,7 @@ section {
 }
 .tab.active {
 	font-weight: bold;
-	
+
 }
 #events-tab {
 	display: none;
@@ -421,6 +462,27 @@ section {
 	clear: both;
 }
 
+/* Contact-Header for the Network Stream */
+#viewcontact_wrapper-network {
+	width: 100%;
+	min-height: 100px;
+	background-color: #FAFAFA;
+	border: 1px solid #DDDDDD;
+	border-radius: 5px;
+}
+#contact-entry-wrapper-network {
+	float: none;
+	width: auto;
+	height: auto;
+	padding: 10px;
+	margin: 0;
+}
+#contact-entry-accounttype-network {
+	font-size: 0.9em;
+}
+#contact-entry-name-network {
+	font-size: 1.5em;
+}
 
 /* footer */
 footer {
@@ -449,14 +511,14 @@ footer {
 }
 
 /* from default */
-#jot-perms-icon, 
+#jot-perms-icon,
 #profile-location,
 #profile-nolocation,
-#profile-youtube, 
-#profile-video, 
+#profile-youtube,
+#profile-video,
 #profile-audio,
 #profile-link,
-#profile-title, 
+#profile-title,
 #wall-image-upload,
 #wall-file-upload,
 #profile-upload-wrapper,
@@ -484,13 +546,13 @@ footer {
 #jot-category::-webkit-input-placeholder{font-weight: normal;}
 #jot-title:-moz-placeholder{font-weight: normal;}
 #jot-category:-moz-placeholder{font-weight: normal;}*/
-		
-	
+
+
 #jot-title:hover,
 #jot-title:focus,
 #jot-category:hover,
 #jot-category:focus {
-	border: 1px solid #cccccc; 
+	border: 1px solid #cccccc;
 }
 
 .jothidden { display:none; }
@@ -511,11 +573,11 @@ footer {
 	margin-bottom: 10px;
 }
 
-.group-selected, .nets-selected, .fileas-selected, .categories-selected {
+.group-selected, .nets-selected, .fileas-selected, .categories-selected, .forum-selected {
 	padding: 3px;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 	border: 1px solid #CCCCCC;
 	background: #F8F8F8;
 	font-weight: bold;
@@ -525,7 +587,7 @@ footer {
 /*	padding: 3px;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 	border: 1px solid #CCCCCC;*/
 	background: #F8F8F8;
 	font-weight: bold;
@@ -613,7 +675,7 @@ footer {
 }
 
 #login-submit-button {
-	margin-top: 10px; 
+	margin-top: 10px;
 	margin-left: 200px;
 }*/
 
@@ -1024,7 +1086,7 @@ input#dfrn-url {
     clear: left;
     color: #666666;
     display: block;
-    margin-bottom: 20px	
+    margin-bottom: 20px
 }
 
 #profile-edit-profile-name-end,
@@ -1109,9 +1171,14 @@ input#dfrn-url {
 /*	width: 120px;
 	height: 120px;*/
 	padding-left: 15px;
-	padding-right: 15px; 
-	width: 95px;
-	height: 200px;
+	padding-right: 15px;
+	max-width: 262px;
+	height: 90px;
+	margin: 0 10px 10px 0px;
+}
+.contact-entry-wrapper .contact-entry-photo-wrapper {
+	float: left;
+	margin-right: 10px;
 }
 #contacts-search-end {
 	margin-bottom: 10px;
@@ -1124,12 +1191,16 @@ input#dfrn-url {
 
 .contact-entry-photo img {
 	border: none;
+	width: 80px;
+	height: 80px;
 }
 .contact-entry-photo-end {
 	clear: both;
 }
+.contact-entry-desc {
+	overflow: hidden;
+}
 .contact-entry-name {
-	float: left;
 	margin-left: 0px;
 	margin-right: 10px;
 	padding-bottom: 5px;
@@ -1141,6 +1212,9 @@ input#dfrn-url {
 	font-style: italic;
 	font-size: 10px;
 	font-weight: 500;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 .contact-entry-network {
 	font-size: 10px;
@@ -1213,13 +1287,14 @@ input#dfrn-url {
 /*	background: #EEEEEE;*/
 }
 
-.wall-item-like, .wall-item-dislike {
+.wall-item-response {
+	clear: both;
 	font-style: italic;
 	margin-left: 0px;
 	opacity: 0.6;
 }
 
-.wall-item-like.comment, .wall-item-dislike.comment {
+.wall-item-response.comment {
 	margin-left: 5px;
 }
 
@@ -1238,7 +1313,7 @@ input#dfrn-url {
 	display: block;
 	position: absolute;
 	background-image: url("photo-menu.jpg");
-	background-position: top left; 
+	background-position: top left;
 	background-repeat: no-repeat;
 	margin: 0px; padding: 0px;
 	width: 16px;
@@ -1247,7 +1322,7 @@ input#dfrn-url {
 	overflow: hidden;
 	text-indent: 40px;
 	display: none;
-	
+
 }
 .wall-item-photo-menu {
 	width: auto;
@@ -1339,20 +1414,11 @@ input#dfrn-url {
 	margin-right: 10px;
 }
 
-.editpost {
-	margin-left: 10px;
-	float: left;
-}
-.star-item {
-	margin-left: 10px;
-	float: left;	
-}
-.tag-item {
-	margin-left: 10px;
-	float: left;	
-}
-
-.filer-item {
+.editpost,
+.star-item,
+.tag-item,
+.filer-item,
+.event-item {
 	margin-left: 10px;
 	float: left;
 }
@@ -1387,7 +1453,7 @@ input#dfrn-url {
 	border-radius: 7px;
 }
 .comment .wall-item-photo {
-	width: 50px !important; 
+	width: 50px !important;
 	height: 50px !important;
 }
 .wall-item-content {
@@ -1408,7 +1474,7 @@ input#dfrn-url {
 .wall-item-title {
 	/*float: left;*/
 	font-weight: bold;
-	font-size: 1.6em; 
+	font-size: 1.6em;
 	/*width: 450px;*/
 }
 
@@ -1483,8 +1549,16 @@ input#dfrn-url {
 	background-repeat: repeat-x;*/
    	padding: 5px 5px 0px;
 	height: 32px;
-
 }
+.wall-item-tools a {
+	border-radius: 8px;
+	padding: 2px;
+	background-position: center;
+}
+.wall-item-tools a.active {
+	background-color: rgba(59, 101, 164, 0.5);
+}
+
 .wall-item-author {
 /*	margin-top: 10px;*/
 	margin-top: 0px;
@@ -1497,7 +1571,7 @@ input#dfrn-url {
 	background-repeat: repeat-x;*/
 	border-bottom-left-radius: 10px;
 	border-bottom-right-radius: 10px;
-} 
+}
 
 
 .comment-edit-wrapper {
@@ -1541,7 +1615,7 @@ input#dfrn-url {
 /*	float: left;*/
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 	border: 1px solid #cccccc;
 	padding: 3px 1px 1px 3px;
 }
@@ -1600,7 +1674,7 @@ input#dfrn-url {
 	padding-top: 0.5em;
 	margin-top: 1em;
 	margin-bottom: 1em;
-	
+
 }
 .shared_header img {
 	float: left;
@@ -2020,6 +2094,19 @@ input#profile-jot-email {
 	margin-left: 15px;
 }
 
+#contact-edit-status-wrapper {
+	padding: 10px;
+	border: 1px solid #aaa;
+	border-radius: 8px;
+}
+
+#contact-edit-contact-status {
+	font-weight: bold;
+}
+#contact-edit-actions {
+	float: right;
+	display: inline-block;
+}
 #contact-edit-wrapper {
 	margin-top: 10px;
 }
@@ -2034,14 +2121,10 @@ input#profile-jot-email {
 }
 
 #contact-edit-last-update-text {
-	float: left;
-	clear: left;
 	margin-top: 30px;
 }
 
 #contact-edit-poll-text {
-	float: left;
-	clear: left;
 	margin-top: 15px;
 	margin-bottom: 0px;
 }
@@ -2119,7 +2202,7 @@ input#profile-jot-email {
 .contact-photo-menu-button {
 /*	position: absolute;
 	background-image: url("photo-menu.jpg");
-	background-position: top left; 
+	background-position: top left;
 	background-repeat: no-repeat;
 	margin: 0px; padding: 0px;
 	width: 16px;
@@ -2128,14 +2211,14 @@ input#profile-jot-email {
 	overflow: hidden;
 	text-indent: 40px;
 	display: none;*/
-	
+
 }
 .contact-photo-menu {
 	width: 130px;
 	border: 1px solid #AAA;
 	background: #FFFFFF;
 	position: absolute;
-	left: -30px; top: 80px;
+	/*left: -30px;*/ top: 80px;
 	display: none;
 	z-index: 101;
 	-moz-box-shadow: 3px 3px 5px #555;
@@ -2187,7 +2270,7 @@ input#profile-jot-email {
 	padding: 3px 0px 0px 5px;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 }
 
 
@@ -2260,7 +2343,7 @@ input#profile-jot-email {
 	overflow: visible;
 }
 #acl-list-content {
-	
+
 }
 .acl-list-item {
 	display: inline-block;
@@ -2284,7 +2367,7 @@ input#profile-jot-email {
 	margin: 4px;
 }
 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
-.acl-list-item a { 
+.acl-list-item a {
 	font-size: 10px;
 	display: block;
 	width: 55px;
@@ -2622,15 +2705,15 @@ aside input[type='text'] {
 	margin-top: 15px;
 	margin-right: 15px;
 	margin-left: 15px;
-/*	width: 200px; height: 200px; 
-	overflow: hidden; 
+/*	width: 200px; height: 200px;
+	overflow: hidden;
 	position: relative; */
 }
 .photo-album-image-wrapper .caption {
-	display: none; 
+	display: none;
 	width: 100%;
 /* 	position: absolute; */
-	bottom: 0px; 
+	bottom: 0px;
 	padding: 0.5em 0.5em 0px 0.5em;
 	background-color: rgba(245, 245, 255, 0.8);
 	border-bottom: 2px solid #CCC;
@@ -2646,7 +2729,7 @@ aside input[type='text'] {
 }
 
 .photo-top-image-wrapper {
-/*	position: relative; 
+/*	position: relative;
 	float: left;*/
 	display: inline-block;
 	vertical-align: top;
@@ -2654,7 +2737,7 @@ aside input[type='text'] {
 	margin-right: 15px;
 	margin-left: 15px;
 	margin-bottom: 15px;
-/*	width: 200px; height: 200px; 
+/*	width: 200px; height: 200px;
 	overflow: hidden; */
 }
 .photo-top-image-wrapper img {
@@ -2667,7 +2750,7 @@ aside input[type='text'] {
 	width: 100%;
 	min-height: 2em;
 /* 	position: absolute;  */
-	bottom: 0px; 
+	bottom: 0px;
 	padding: 0px 3px;
 	padding-top: 0.5em;
 	background-color: rgb(255, 255, 255);
@@ -2747,7 +2830,7 @@ aside input[type='text'] {
 }
 
 #profile-jot-banner-end {
-	/* clear: both; */ 
+	/* clear: both; */
 }
 
 #photos-upload-select-files-text {
@@ -3048,14 +3131,14 @@ aside input[type='text'] {
 	margin-bottom: 25px;
 }
 
-.location-label, .gender-label, .marital-label, .homepage-label {
+.location-label, .gender-label, .marital-label, .homepage-label, .network-label {
 	float: left;
 	text-align: right;
 	display: block;
 	width: 65px;
 }
 
-.adr, .x-gender, .marital-text, .homepage-url {
+.adr, .x-gender, .marital-text, .homepage-url, .x-network {
 	float: left;
 	display: block;
 	margin-left: 8px;
@@ -3085,7 +3168,7 @@ aside input[type='text'] {
 }
 
 /* end from default */
-	
+
 
 .fn {
 	padding: 1em 0px 5px 12px;
@@ -3093,18 +3176,25 @@ aside input[type='text'] {
 	font-weight: bold;
 }
 
-.vcard .title {
+.vcard .title,
+.vcard .p-addr,
+.vcard .account-type {
 	margin-bottom: 5px;
 	margin-left: 12px;
 }
 
+.vcard .account-type {
+	font-size: 120%;
+	margin-bottom: 13px;
+}
+
 .vcard dl {
 	clear: both;
 }
 
 #birthday-title {
 	float: left;
-	font-weight: bold;	
+	font-weight: bold;
 }
 
 #birthday-adjust {
@@ -3231,7 +3321,7 @@ aside input[type='text'] {
 	clear: both;
 }
 
- 
+
 .calendar {
 	font-family: Courier, monospace;
 }
@@ -3377,11 +3467,6 @@ aside input[type='text'] {
 	margin-bottom: 15px;
 }
 
-#language-selector {
-	position: absolute;
-	top: 0px;
-	left: 16px;
-}
 
 #group-members {
 	margin-top: 20px;
@@ -3479,7 +3564,7 @@ aside input[type='text'] {
 
 
 #netsearch-box {
-	margin-top: 20px;	
+	margin-top: 20px;
 }
 
 #netsearch-box #search-submit {
@@ -3558,20 +3643,6 @@ aside input[type='text'] {
 	text-decoration: underline;
 }
 
-#lang-select-icon {
-	cursor: pointer;
-	position: fixed;
-	left: 0px;
-	top: 0px;
-	opacity: 0.2;
-	filter:alpha(opacity=20);
-}
-
-#lang-select-icon:hover {
-	opacity: 1;
-	filter:alpha(opacity=100);
-}
-
 .notif-image {
 	height: 80px;
 	width: 80px;
@@ -3592,7 +3663,7 @@ aside input[type='text'] {
 .settings-heading {
 	border-bottom: 1px solid #babdb6;
 }
- 
+
 
 
 /**
@@ -3673,7 +3744,7 @@ aside input[type='text'] {
 	font-weight: bold;
 	background-color: #FF0000;
 	padding: 0em 0.3em;
-	
+
 }
 #adminpage dl {
 	clear: left;
@@ -3733,7 +3804,7 @@ aside input[type='text'] {
 /*
  * UPDATE
  */
-.popup { 	
+.popup {
 	width: 100%; height: 100%;
 	top:0px; left:0px;
 	position: absolute;
@@ -3754,7 +3825,7 @@ aside input[type='text'] {
 	border: 4px solid #000000;
 	background-color: #FFFFFF;
 }
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } 
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
 .popup .panel .panel_in { width: 100%; height: 100%;	position: relative; }
 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }
 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
@@ -3767,7 +3838,7 @@ aside input[type='text'] {
 	height: auto; overflow: auto;
 	border-bottom: 2px solid #cccccc;
 	padding-bottom: 1em;
-	margin-bottom: 1em;	
+	margin-bottom: 1em;
 }
 .oauthapp img {
 	float: left;
@@ -3833,7 +3904,7 @@ aside input[type='text'] {
 .icon.like {
 	display: block; width: 26px; height: 28px;/*31 33*/
 	margin-right: 7px;
-	background-size: 100% 100%;
+	background-size: 26px 28px;
 	background-image: url('images/approve.png');
 	background-repeat: no-repeat;
 	opacity: 0.5;
@@ -3841,7 +3912,7 @@ aside input[type='text'] {
 
 .icon.link {
     display: block;  width: 22px; height: 24px;
-    background-size: 100% 100%;
+    background-size: 22px 24px;
     background-image: url('images/link.png');
     background-repeat: no-repeat;
 
@@ -3850,14 +3921,14 @@ aside input[type='text'] {
 /*.globe { background-position: 0px -16px;}*/
 .icon.globe {
 	display: block; width: 28px; height: 28px;
-	background-size: 100% 100%;
+	background-size: 28px 28px;
 	background-image: url('images/globe.png');
 	background-repeat: no-repeat;
 }
 /*.noglobe { background-position: -16px -16px;}*/
 .icon.noglobe {
 	display: block; width: 24px; height: 24px;
-	background-size: 100% 100%;
+	background-size: 24px 24px;
 	background-image: url('images/noglobe.png');
 	background-repeat: no-repeat;
 }
@@ -3868,14 +3939,14 @@ aside input[type='text'] {
 .small-pencil { background-position: -96px -16px;}*/
 .icon.pencil {
 	display: block; width: 28px; height: 28px;
-	background-size: 100% 100%;
+	background-size: 28px 28px;
 	background-image: url('images/pencil.png');
 	background-repeat: no-repeat;
 	opacity: 0.5;
 }
 .icon.small-pencil {
 	display: block; width: 28px; height: 28px;
-	background-size: 100% 100%;
+	background-size: 28px 28px;
 	background-image: url('images/pencil.png');
 	background-repeat: no-repeat;
 	opacity: 0.5;
@@ -3884,7 +3955,7 @@ aside input[type='text'] {
 .icon.recycle {
 	display: block;
 	width: 28px; height: 27px;/*33 32*/
-	background-size: 100% 100%;
+	background-size: 28px 27px;
 	background-image: url('images/recycle.png');
 	background-repeat: no-repeat;
 	opacity: 0.5;
@@ -3894,7 +3965,7 @@ aside input[type='text'] {
 /*	display: block;*/
 	display: none;
 	width: 28px; height: 28px;
-	background-size: 100% 100%;
+	background-size: 28px 28px;
 	background-image: url('images/remote-link.png');
 	background-repeat: no-repeat;
 	opacity: 0.5;
@@ -3906,7 +3977,7 @@ aside input[type='text'] {
 .icon.lock {
 	display: block; width: 17px; height: 25px;
 	margin-top: 1px;
-	background-size: 100% 100%;
+	background-size: 17px 25px;
 	background-image: url('images/lock.png');
 	background-repeat: no-repeat;
 }
@@ -3914,7 +3985,7 @@ aside input[type='text'] {
 .icon.unlock {
 	display: block; width: 17px; height: 28px;
 	margin-top: -2px;
-	background-size: 100% 100%;
+	background-size: 17px 28px;
 	background-image: url('images/unlock.png');
 	background-repeat: no-repeat;
 }
@@ -3924,7 +3995,7 @@ aside input[type='text'] {
 /*.attach { background-position: -80px -32px; }*/
 .icon.attach {
 	display: block; width: 28px; height: 28px;
-	background-size: 100% 100%;
+	background-size: 28px 28px;
 	background-image: url('images/paperclip.png');
 	background-repeat: no-repeat;
 }
@@ -3937,14 +4008,14 @@ aside input[type='text'] {
 /*.starred { background-position: -16px -48px; }*/
 .icon.starred {
 	display: block; width: 28px; height: 28px;
-	background-size: 100% 100%;
+	background-size: 28px 28px;
 	background-image: url('images/star-yellow.png');
 	background-repeat: no-repeat;
 }
 /*.unstarred { background-position: -32px -48px; }*/
 .icon.unstarred {
 	display: block; width: 28px; height: 28px;
-	background-size: 100% 100%;
+	background-size: 28px 28px;
 	background-image: url('images/star.png');
 	background-repeat: no-repeat;
 
@@ -3953,7 +4024,7 @@ aside input[type='text'] {
 /*.tagged { background-position: -48px -48px; }*/
 .icon.tagged {
 	display: block; width: 28px; height: 28px;
-	background-size: 100% 100%;
+	background-size: 28px 28px;
 	background-image: url('images/tag.png');
 	background-repeat: no-repeat;
 	opacity: 0.5;
@@ -3963,12 +4034,22 @@ aside input[type='text'] {
 
 .filer-icon {
 	display: block; width: 24px; height: 24px;
-	background-size: 100% 100%;
+	background-size: 24px 24px;
 	background-image: url('images/folder.png');
 	background-repeat: no-repeat;
 	opacity: 0.5;
 }
 
+.event-icon {
+	display: block; width: 33px; height: 33px;
+	background-size: 33px 33px;
+	background-repeat: no-repeat;
+	opacity: 0.5;
+}
+.event-attend-icon { background-image: url('images/event-attend.png'); }
+.event-maybeattend-icon { background-image: url('images/event-maybeattend.png'); }
+.event-dontattend-icon { background-image: url('images/event-dontattend.png'); }
+
 .icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
 
 [class^="comment-edit-bb"] {
@@ -4137,6 +4218,64 @@ aside input[type='text'] {
 .acpopupitem.selected {
 	color: #FFFFFF; background: #3465A4;
 }
+ul.acpopup {
+	list-style: none;
+	float: left;
+	min-width: 160px;
+	padding: 5px 0;
+	margin: 2px 0 0;
+}
+nav .acpopup {
+	width: 290px;
+	margin-left: -35px;
+	max-height: 450px;
+	max-width: 300px;
+	overflow-y: auto;
+	overflow-x: hidden;
+	margin-top: 0px;
+}
+img.acpopup-img {
+	float: left;
+	width: 36px;
+	height: 36px;
+	margin-right: 5px;
+	vertical-align: middle;
+}
+.acpopup-contactname {
+	padding-top: 2px;
+	font-weight: bold;
+	line-height: 1em;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: block;
+}
+.acpopup-sub-text {
+	color: #777;
+	font-size: 0.833em;
+	line-height: 1em;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: block;
+}
+.textcomplete-item a {
+	color: inherit;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	clear: both;
+	white-space: nowrap;
+	padding: 3px 20px;
+	display: block;
+}
+.textcomplete-item a:hover {
+	text-decoration: none;
+}
+.textcomplete-item.active {
+	color: #FFFFFF; background: #3465A4;
+}
+.active a .acpopup-sub-text {
+	color: #fff;
+}
 
 /* popup notifications */
 div.jGrowl div.notice {
@@ -4263,7 +4402,7 @@ ul.notifications-menu-popup {
 }
 
 #recip {
-	
+
 }
 .autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
 .autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }