]> git.mxchange.org Git - friendica.git/commitdiff
Frost-mobile: media query in css for tablets
authorChristian Vogeley <christian.vogeley@hotmail.de>
Sun, 5 Aug 2012 14:08:07 +0000 (16:08 +0200)
committerChristian Vogeley <christian.vogeley@hotmail.de>
Sun, 5 Aug 2012 14:08:07 +0000 (16:08 +0200)
Use space more efficiently on tablets in frost-mobile theme. Tested with
iPad 1.

view/theme/frost-mobile/style.css

index 8b1bbd86084727ae0bb7c9d094a2f9ba7e4db8b8..8095d7eff22c78581c0aeef42eacb4ac74b9c4fd 100644 (file)
-/**
- * duepuntozero Frindika style
- * Fabio Comuni <fabrix.xm@gmail.com>
- *
- * Heavily modified for Frost Mobile
- * Zach P
- */
-
-
-/* generals */
-html {
-       width: 320px;
-       margin-left: auto;
-       margin-right: auto;
-}
-
-body {
-       font-family: helvetica,arial,freesans,clean,sans-serif;
-       font-size: 16px;
-/*     line-height: 24px;*/
-       background-color: #ffffff;
-       background-image: url(head.jpg);
-       background-repeat: repeat-x;
-       color: #505050;
-       margin: 0px;
-}
-
-div.container {
-       display: block;
-/*     width: 100%;*/
-       margin-top: 0px;
-       margin-bottom: 0px;
-       margin-left: auto;
-       margin-right: auto;
-}
-
-a, a:visited, a:link { color: #3465a4; text-decoration: none; }
-a:hover {text-decoration: underline; }
-
-input {
-       border: 1px solid #666666;
-       -moz-border-radius: 3px;
-       -webkit-border-radius: 3px;
-       border-radius: 3px;     
-       padding: 3px;
-}
-
-img { border :0px; }
-
-#id_openid_url, .openid input {
-   background: url(login-bg.gif) no-repeat;
-   background-position: 0 50%;
-   padding-left: 18px;
-   width: 252px;
-   margin-left: 20px;
-}
-.openid:hover {
-
-}
-
-/*#id_openid_url {
-       width: 384px;
-}*/
-
-code {
-       font-family: Courier, monospace;
-       white-space: pre;
-       display: block;
-       overflow: auto;
-       border: 1px solid #444;
-       background: #EEE;
-       color: #444;
-       padding: 10px;
-       margin-top: 20px; 
-}
-
-blockquote {
-       background-color: #f4f8f9;
-       border-left: 4px solid #dae4ee;
-       padding: 0.4em;
-}
-
-.icollapse-wrapper, .ccollapse-wrapper {
-       border: 1px solid #CCC;
-       padding: 5px;
-}
-
-.hide-comments-outer {
-       margin-left: 0px;
-       font-weight: 700;
-       opacity: 0.6;
-}
-.hide-comments {
-       margin-left: 5px;
-}
-
-#panel {
-       background-color: ivory;
-       position: absolute;
-       z-index: 2;
-       width: 30%;
-       padding: 25px;
-       border: 1px solid #444;
-}
-
-.heart {
-       color: #FF0000;
-       font-size: 100%;
-       margin-right: 5px;
-}
-
-
-
-/* nav */
-nav {
-       height: 94px;
-/*     width: 100%;*/
-       width: 320px;
-       display: block;
-       margin-top: 0px;
-       margin-bottom: 0px;
-       margin-left: auto;
-       margin-right: auto;
-}
-nav #site-location {
-       color: #888a85;
-       font-size: 0.8em;
-       position: absolute;
-}
-
-.error-message {
-       color: #FF0000;
-       font-size: 1.1em;
-       border: 1px solid #FF8888;
-       background-color: #FFEEEE;
-       padding: 10px;
-}
-
-.info-message {
-       color: #204a87;
-       font-size: 1.1em;
-       border: 1px solid #3465a4;
-       background-color: #d7e3f1;
-       padding: 10px;
-}
-
-
-nav #banner {
-/*     display: block;*/
-       display: none;
-       margin-top: 14px;
-       position: absolute;
-}
-nav #banner #logo-text a {
-       display: none;
-       font-size: 40px;
-       font-weight: bold;
-       margin-left: 3px;
-       color: #000000;
-
-}
-nav #banner #logo-text a:hover { text-decoration: none; }
-
-
-/* ZP REMOVE? nav-commlink */
-.nav-commlink, .nav-login-link {
-       display: block;
-       height: 15px;
-       margin-top: 67px;
-       margin-right: 2px;
-       /*padding: 6px 10px;*/
-       padding: 6px 3px;
-       float: left;
-       bottom: 140px;
-       border: 1px solid #babdb6;
-       border-bottom: 0px;
-       background-color: #aec0d3;
-       color: #565854;         
-       -moz-border-radius: 3px 3px 0px 0px;
-       -webkit-border-radius: 3px 3px 0px 0px;
-       border-radius: 3px 3px 0px 0px; 
-}
-
-.nav-commlink.selected {
-       background-color: #ffffff;
-       border-bottom: 1px solid #ffffff;
-       color: #000000 !important;
-       margin-top: 64px;
-       padding-top: 6px;
-       padding-bottom: 8px;
-}
-
-.nav-ajax-left.show {
-       position: absolute;
-       font-size: 0.8em;
-       top: 22px;
-       right: 2px;
-       padding: 1px 2px;
-       border-radius: 4px;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       background-color: gold !important;
-}
-
-
-
-nav #nav-link-wrapper .nav-link {
-       /*border-right: 1px solid #babdb6;*/
-}
-
-nav .nav-link {
-       margin-top: 24px;
-       margin-bottom: 0.2em;
-       margin-right: 1em;
-       margin-left: 1em;
-       background-color: transparent !important;
-}
-
-.nav-button-container {
-       float: right;
-       position: relative;
-}
-
-.nav-button-container .nav-ajax-left {
-}
-
-.nav-menu-list {
-       text-align: center;
-       text-size: 18px;
-       line-height: 24px;
-
-       border-left: 1px solid #aaa;/*#444444;*/
-       border-right: 1px solid #aaa;
-       border-top: 1px solid #aaa;
-       border-bottom: 1px solid #aaa;
-
-       background: #FFFFFF;
-
-       display: none;
-       list-style: none;
-
-       width: 8em;
-       position: absolute;
-       margin: 0px;
-/*     right: -33px;*/
-       padding: 1em 0px;
-
-       -moz-box-shadow: 3px 3px 5px #555;
-       -webkit-box-shadow: 3px 3px 5px #555;
-       box-shadow: 3px 3px 5px #555;
-
-       z-index: 10000;
-}
-
-#network-menu-list {
-       left: 3px;
-}
-
-#contacts-menu-list {
-       right: -30px;
-}
-
-#system-menu-list {
-       right: 3px;
-}
-
-
-div.main-container {
-/*     width: 100%;*/
-       margin: 0px auto;
-       display: block;
-       position: relative;
-}
-
-/*div.main-content-loading {
-       position: absolute;
-       top: 200px;
-       left: 50%;
-       display: none;
-}*/
-
-
-/* aside */
-aside {
-/*     display: block;*/
-       display: none;
-       min-height: 112px;
-
-       width: 250px;
-
-       padding: 1em;
-       margin: 1em 0px 0px 0px;
-
-       position: absolute;
-
-/*     float:left;*/
-}
-
-#dfrn-request-link {
-       display: block;
-       color: #FFFFFF;
-       -webkit-border-radius: 5px ;
-       -moz-border-radius: 5px;
-       border-radius: 5px;
-       padding: 5px;
-       font-weight: bold;
-       background: #3465a4 url('friendika-16.png') no-repeat 95% center;
-}
-#wallmessage-link {
-       display: block;
-       color: #FFFFFF;
-       -webkit-border-radius: 5px ;
-       -moz-border-radius: 5px;
-       border-radius: 5px;
-       padding: 5px;
-       font-weight: bold;
-       background-color: #3465a4;
-}
-
-/* section */
-div.section-wrapper {
-/*     width: 100%;*/
-       width: 320px;
-
-       margin-left: auto;
-       margin-right: auto;
-
-       /*padding-right:2em;*/
-
-       display: block;
-
-       background-color: #ffffff;
-       background-image: url(border.jpg);
-       background-position: top right;
-       background-repeat: no-repeat;
-}
-
-section {
-       margin: 0px 0px 0px 0px;
-
-       padding-left: 5px;
-       padding-right: 5px;
-       padding-top: 1em;
-       padding-bottom: 3em;
-
-       background-image: url(border.jpg);
-       background-position: top left;
-       background-repeat: no-repeat;
-
-       min-height: 112px;
-       border-top: 1px solid #babdb6;  
-}
-
-.tabs {
-       /*background-image: url(head.jpg);
-       background-repeat: repeat-x;    
-       background-position: 0px -20px;*/
-       border-bottom: 1px solid #babdb6;
-       padding:0px;
-}
-.tabs li { margin: 0px 0px 20px 0px; padding-left: 1em; list-style: none; }
-.tabs a {
-       padding: 0.4em 2em;
-       border: 1px solid #aaa;
-       border-radius: 8px;
-       -moz-border-radius: 8px;
-       -webkit-border-radius: 8px;
-}
-.tab {
-       /*display:block;*/
-       /*float:left;*/
-       padding-left: 1em;
-       padding-right: 0.4em;
-       padding-top: 0.4em;
-       padding-bottom: 0.4em;
-       /*margin-right: 1em;*/
-       margin-right: 3px ;
-}
-.tab.active {
-       font-weight: bold;
-       
-}
-#events-tab {
-       display: none;
-}
-
-
-/* footer */
-footer {
-    display: none;
-
-}
-
-.birthday-today, .event-today {
-       font-weight: bold;
-}
-
-.preview {
-       background: #FFFFC8;
-}
-
-#theme-preview {
-       margin: 15px 0 15px 150px;
-}
-
-/* from default */
-#jot-perms-icon, 
-#profile-location,
-#profile-nolocation,
-#profile-youtube, 
-#profile-video, 
-#profile-audio,
-#profile-link,
-#profile-title, 
-#wall-image-upload,
-#wall-file-upload,
-#profile-upload-wrapper,
-#wall-image-upload-div,
-#wall-file-upload-div,
-.hover, .focus {
-       cursor: pointer;
-}
-
-#jot-perms-icon {
-       float: left;
-}
-
-#jot-title, #jot-category {
-       border: 0px;
-       margin: 0px;
-       height: 20px;
-       width: 270px;
-       margin-bottom: 5px;
-       font-weight: bold;
-       border: 1px solid #ffffff;
-}
-
-#jot-title::-webkit-input-placeholder{font-weight: normal;}
-#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; 
-}
-
-.jothidden { display:none; }
-
-
-.fakelink, .fakelink:visited, .fakelink:link {
-       color: #3465a4;
-       text-decoration: none;
-       cursor: pointer;
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-.lockview {
-       cursor: pointer;
-}
-
-#group-sidebar {
-       margin-bottom: 10px;
-}
-
-.group-selected, .nets-selected, .fileas-selected, .categories-selected {
-       padding: 3px;
-       -moz-border-radius: 3px;
-       -webkit-border-radius: 3px;
-       border-radius: 3px;     
-       border: 1px solid #CCCCCC;
-       background: #F8F8F8;
-       font-weight: bold;
-}
-
-.settings-widget .selected {
-       padding: 3px;
-       -moz-border-radius: 3px;
-       -webkit-border-radius: 3px;
-       border-radius: 3px;     
-       border: 1px solid #CCCCCC;
-       background: #F8F8F8;
-       font-weight: bold;
-}
-
-.fakelink:hover {
-       color: #3465a4;
-       text-decoration: underline;
-       cursor: pointer;
-}
-.smalltext {
-       font-size: 0.7em;
-}
-#sysmsg {
-       /*width: 600px;*/
-       margin-bottom: 10px;
-}
-
-#register-fill-ext {
-       margin-bottom: 25px;
-}
-
-#label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {
-       float: left;
-       width: 350px;
-       margin-top: 10px;
-}
-
-#register-name, #register-email, #register-nickname {
-       float: left;
-       margin-top: 10px;
-       width: 150px;
-}
-
-#register-openid {
-       float: left;
-       margin-top: 10px;
-       width: 130px;
-}
-
-#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {
-       clear: both;
-}
-
-#register-nickname-desc {
-       margin-top: 30px;
-       width: 650px;
-}
-#register-sitename {
-       float: left;
-       margin-top: 10px;
-}
-
-#register-submit-button {
-       margin-top: 10px;
-}
-
-
-#login_standard {
-       width: 210px;
-       float: left;
-}
-#login_openid {
-       width: 210px;
-       margin-left: 250px;
-}
-
-#login_standard input,
-#login_openid input {
-       width: 180px;
-}
-
-#login-extra-links {
-       clear: both;
-}
-
-#register-link, #lost-password-link {
-       float: left;
-       font-size: 80%;
-       margin-right: 15px;
-}
-
-#login-name-end, #login-password-end, #login-extra-end, #login-submit-end {
-       height: 50px;
-}
-
-#login-submit-button {
-/*     margin-top: 10px; */
-       margin-left: 200px;
-}
-
-
-input#dfrn-url {
-       float: left;
-       background: url(friendika-16.png) no-repeat;
-       background-position: 2px center;
-       font-size: 17px;
-       padding-left: 21px;
-       height: 21px;
-       background-color: #FFFFFF;
-       color: #000000;
-       margin-bottom: 20px;
-}
-
-#dfrn-url-label {
-       float: left;
-       width: 250px;
-}
-
-#dfrn-request-url-end {
-       clear: both;
-}
-
-#knowyouyes, #knowyouno {
-       float: left;
-}
-
-#dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {
-
-       float: none;
-}
-#dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {
-       float: left;
-       width: 75px;
-       margin-left: 50px;
-       margin-bottom: 7px;
-}
-#dfrn-request-knowyou-break, #dfrn-request-knowyou-end {
-       clear: both;
-
-}
-
-#dfrn-request-message-wrapper {
-       margin-bottom: 50px;
-}
-#dfrn-request-submit-wrapper {
-       clear: both;
-       margin-left: 50px;
-}
-
-#dfrn-request-info-wrapper {
-       margin-left: 50px;
-}
-
-
-
-#cropimage-wrapper, #cropimage-preview-wrapper {
-       float: left;
-       padding: 10px;
-}
-.imgCrop {
-       max-width: 280px;
-}
-#crop-image-form {
-       margin-top: 30px;
-       clear: both;
-}
-
-.intro-wrapper {
-       margin-top: 20px;
-}
-
-.intro-fullname {
-       font-size: 1.1em;
-       font-weight: bold;
-
-}
-.intro-desc {
-       margin-bottom: 20px;
-       font-weight: bold;
-}
-
-.intro-note {
-       padding: 10px;
-}
-
-.intro-end {
-       padding: 30px;
-}
-
-.intro-form {
-       float: left;
-}
-.intro-approve-form {
-       clear: both;
-}
-.intro-approve-as-friend-end {
-       clear: both;
-}
-.intro-submit-approve, .intro-submit-ignore {
-       margin-right: 20px;
-}
-.intro-submit-approve {
-       margin-top: 15px;
-}
-
-.intro-approve-as-friend-label, .intro-approve-as-fan-label {
-       float: left;
-       width: 100px;
-       margin-left: 20px;
-}
-.intro-approve-as-friend, .intro-approve-as-fan {
-       float: left;
-}
-.intro-form-end {
-       clear: both;
-}
-.intro-approve-as-friend-desc {
-       margin-top: 15px;
-}
-.intro-approve-as-end {
-       clear: both;
-       margin-bottom: 10px;
-}
-
-.intro-end {
-       clear: both;
-       margin-bottom: 30px;
-}
-.aprofile dt {
-       font-weight: bold;
-}
-#page-profile .title {
-       font-weight: bold;
-}
-#profile-vcard-break {
-       clear: both;
-}
-#profile-extra-links {
-       clear: both;
-       margin-top: 10px;
-}
-
-#profile-extra-links ul {
-       list-style-type: none;
-       padding: 0px;
-}
-
-
-#profile-extra-links li {
-       margin-top: 5px;
-}
-
-#profile-edit-links ul {
-       list-style-type: none;
-}
-
-#profile-edit-links li {
-       margin-top: 10px;
-}
-.profile-edit-side-div {
-       float: right;
-}
-.profile-edit-side-link {
-       opacity: 0.3;
-       filter:alpha(opacity=30);
-}
-.profile-edit-side-link:hover {
-       opacity: 1.0;
-       filter:alpha(opacity=100);
-}
-
-.view-contact-wrapper {
-       margin-top: 20px;
-       float: left;
-       margin-left: 20px;
-       width: 180px;
-}
-
-.contact-wrapper {
-       float: left;
-       width: 150px;
-       height: 150px;
-       overflow: auto;
-}
-
-#view-contact-end {
-       clear: both;
-}
-
-
-#viewcontacts {
-       margin-top: 15px;
-}
-#profile-edit-default-desc {
-       color: #FF0000;
-       border: 1px solid #FF8888;
-       background-color: #FFEEEE;
-       padding: 7px;
-}
-
-#profile-edit-clone-link-wrapper {
-       float: left;
-       margin-left: 50px;
-       margin-bottom: 20px;
-       width: 300px;
-}
-
-
-#profile-edit-links-end {
-       clear: both;
-       margin-bottom: 15px;
-}
-
-.profile-listing-photo {
-       border: none;
-}
-
-.profile-edit-submit-wrapper {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-
-#profile-photo-link-select-wrapper {
-       margin-top: 2em;
-}
-
-#profile-photo-submit-wrapper {
-       margin-top: 10px;
-}
-
-#profile-photo-wrapper img {
-       width:175px;
-       height:175px;
-       padding: 12px;
-}
-
-#profile-edit-profile-name-label,
-#profile-edit-name-label,
-#profile-edit-pdesc-label,
-#profile-edit-gender-label,
-#profile-edit-dob-label,
-#profile-edit-address-label,
-#profile-edit-locality-label,
-#profile-edit-region-label,
-#profile-edit-postal-code-label,
-#profile-edit-country-name-label,
-#profile-edit-marital-label,
-#profile-edit-sexual-label,
-#profile-edit-politic-label,
-#profile-edit-religion-label,
-#profile-edit-pubkeywords-label,
-#profile-edit-prvkeywords-label,
-#profile-edit-homepage-label,
-#profile-edit-hometown-label {
-       font-weight: 700;
-       float: left;
-       width: 175px;
-}
-
-#profile-edit-profile-name,
-#profile-edit-name,
-#profile-edit-pdesc,
-#gender-select,
-#profile-edit-dob,
-#profile-edit-address,
-#profile-edit-locality,
-#profile-edit-region,
-#profile-edit-postal-code,
-#profile-edit-country-name,
-#marital-select,
-#sexual-select,
-#profile-edit-politic,
-#profile-edit-religion,
-#profile-edit-pubkeywords,
-#profile-edit-prvkeywords,
-#profile-in-dir-yes,
-#profile-in-dir-no,
-#profile-in-netdir-yes,
-#profile-in-netdir-no,
-#hide-wall-yes,
-#hide-wall-no,
-#hide-friends-yes,
-#hide-friends-no {
-       float: left;
-       margin-bottom: 20px;
-       margin-left: 20px;
-}
-#profile-edit-country-name {
-       max-width: 260px;
-}
-#profile-edit-pubkeywords,
-#profile-edit-prvkeywords {
-       margin-bottom: 5px;
-}
-#settings-normal,
-#settings-soapbox,
-#settings-freelove,
-#settings-community {
-       float: left;
-}
-#settings-notifications label {
-       margin-left: 20px;
-}
-#settings-notify-desc, #settings-activity-desc {
-       font-weight: bold;
-       margin-bottom: 15px;
-}
-#settings-pagetype-desc {
-       color: #666666;
-       margin-bottom: 15px;
-}
-
-#profile-in-dir-yes-label,
-#profile-in-dir-no-label,
-#profile-in-netdir-yes-label,
-#profile-in-netdir-no-label,
-#hide-wall-yes-label,
-#hide-wall-no-label,
-#hide-friends-yes-label,
-#hide-friends-no-label {
-       margin-left: 125px;
-       float: left;
-       width: 50px;
-}
-
-
-#profile-edit-howlong-label,
-#profile-edit-with-label {
-       display: block;
-       font-style: italic;
-       width: 175px;
-       margin-left: 0px;
-}
-#profile-edit-howlong,
-#profile-edit-with {
-       margin-left: 20px;
-       margin-bottom: 20px;
-}
-
-#profile-publish-yes-reg,
-#profile-publish-no-reg {
-       float: left;
-       margin-bottom: 10px;
-}
-
-#profile-publish-yes-label-reg,
-#profile-publish-no-label-reg {
-       margin-left: 350px;
-       float: left;
-       width: 50px;
-}
-
-#profile-publish-break-reg,
-#profile-publish-end-reg {
-       clear: both;
-}
-
-
-#profile-edit-pdesc-desc,
-#profile-edit-pubkeywords-desc,
-#profile-edit-prvkeywords-desc  {
-       float: left;
-       color: #777;
-       margin-left: 20px;
-       margin-bottom: 20px;
-}
-#profile-edit-prvkeywords-desc {
-       margin-bottom: 0px;
-}
-
-#profile-edit-homepage, #profile-edit-hometown {
-       float: left;
-       margin-bottom: 25px;
-       margin-left: 20px;
-}
-#profile-edit-hometown {
-       margin-bottom: 5px;
-}
-#settings-normal-label,
-#settings-soapbox-label,
-#settings-community-label,
-#settings-freelove-label {
-       float: left;
-       width: 200px;
-}
-#settings-normal-desc,
-#settings-soapbox-desc,
-#settings-community-desc,
-#settings-freelove-desc {
-       /*float: left;
-       margin-left: 75px;*/
-    clear: left;
-    color: #666666;
-    display: block;
-    margin-bottom: 20px        
-}
-
-#profile-edit-profile-name-end,
-#profile-edit-name-end,
-#profile-edit-pdesc-end,
-#profile-edit-gender-end,
-#profile-edit-dob-end,
-#profile-edit-address-end,
-#profile-edit-locality-end,
-#profile-edit-region-end,
-#profile-edit-postal-code-end,
-#profile-edit-country-name-end,
-#profile-edit-marital-end,
-#profile-edit-sexual-end,
-#profile-edit-politic-end,
-#profile-edit-religion-end,
-#profile-edit-pubkeywords-end,
-#profile-edit-prvkeywords-end,
-#profile-edit-homepage-end,
-#profile-edit-hometown-end,
-#profile-in-dir-break,
-#profile-in-dir-end,
-#profile-in-netdir-break,
-#profile-in-netdir-end,
-#hide-wall-break,
-#hide-wall-end,
-#hide-friends-break,
-#hide-friends-end,
-#settings-normal-break,
-#settings-soapbox-break,
-#settings-community-break,
-#settings-freelove-break {
-       clear: both;
-}
-#profile-edit-marital-wrapper, #profile-edit-address-wrapper {
-       margin-top: 50px;
-}
-#profile-edit-marital-end {
-       margin-bottom: 20px;
-}
-
-.settings-widget ul {
-       list-style-type: none;
-       padding: 0px;
-}
-
-.settings-widget li {
-       margin-left: 24px;
-       margin-bottom: 8px;
-}
-
-
-#gender-select, #marital-select, #sexual-select {
-       width: 220px;
-}
-
-#profile-edit-profile-name-wrapper .required {
-       color: #FF0000;
-       float: left;
-}
-
-#contacts-display-wrapper {
-       padding-left: 35px;
-}
-
-#contacts-main {
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-
-.contact-entry-wrapper {
-       float: left;
-/*     width: 120px;
-       height: 120px;*/
-       padding-left: 15px;
-       padding-right: 15px; 
-       width: 95px;
-       height: 170px;
-}
-#contacts-search-end {
-       margin-bottom: 10px;
-}
-
-.contact-entry-direction-icon {
-       margin-top: 24px;
-       margin-right: 2px;
-}
-
-.contact-entry-photo img {
-       border: none;
-}
-.contact-entry-photo-end {
-       clear: both;
-}
-.contact-entry-name {
-       float: left;
-       margin-left: 0px;
-       margin-right: 10px;
-       padding-bottom: 5px;
-       width: 120px;
-       font-weight: 600;
-       overflow: hidden;
-}
-.contact-entry-details {
-       font-style: italic;
-       font-size: 10px;
-       font-weight: 500;
-}
-.contact-entry-network {
-       font-size: 10px;
-       font-weight: 500;
-}
-.contact-entry-edit-links {
-       margin-top: 6px;
-       margin-left: 10px;
-       width: 16px;
-}
-.contact-entry-nav-wrapper {
-       float: left;
-       margin-left: 10px;
-}
-
-.contact-entry-edit-links img {
-       border: none;
-       margin-right: 15px;
-}
-.contact-entry-photo {
-       float: left;
-       position: relative;
-}
-.contact-entry-end {
-       clear: both;
-}
-
-#fsuggest-desc, #fsuggest-submit-wrapper {
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-
-#network-star-link{
-       margin-top: 10px;
-}
-.network-star {
-       float: left;
-       margin-right: 5px;
-}
-#network-bmark-link {
-       margin-top: 10px;
-}
-
-.wall-item-content-wrapper {
-       margin-top: 60px;
-       padding-top: 30px;
-       border-top: 2px solid #AAAAAA;
-       position: relative;
-
-}
-
-.wall-item-content-wrapper.comment {
-       margin-top: 30px;
-       padding-top: 0px;
-       margin-left: 5px;
-       margin-right: 5px;
-       border: 2px solid #AAAAAA;
-       border-radius: 10px;
-       -webkit-border-radius: 10px;
-       -moz-border-radius: 10px;
-/*     background: #EEEEEE;*/
-}
-
-.wall-item-like, .wall-item-dislike {
-       font-style: italic;
-       margin-left: 0px;
-       opacity: 0.6;
-}
-
-.wall-item-like.comment, .wall-item-dislike.comment {
-       margin-left: 5px;
-}
-
-.wall-item-info {
-       display: block;
-       float: left;
-       width:110px;
-       margin-right:10px;
-}
-.comment .wall-item-info {
-       width: 70px;
-}
-
-.wall-item-photo-wrapper {
-       margin-bottom: 10px;
-       width: 100px;
-}
-.wall-item-photo-menu-button {
-       display: block;
-       position: absolute;
-       background-image: url("photo-menu.jpg");
-       background-position: top left; 
-       background-repeat: no-repeat;
-       margin: 0px; padding: 0px;
-       width: 16px;
-       height: 16px;
-       top: 94px; left:0px;
-       overflow: hidden;
-       text-indent: 40px;
-       display: none;
-       
-}
-.wall-item-photo-menu {
-       width: auto;
-       border: 2px solid #444444;
-       background: #FFFFFF;
-       position: absolute;
-       left: 0px; top:110px;
-       display: none;
-       z-index: 10000;
-}
-.wall-item-photo-menu { margin:0px; padding: 0px; list-style: none }
-.wall-item-photo-menu li a { display: block; padding: 2px; }
-.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
-
-
-.comment .wall-item-photo-menu-button {        top: 64px;}
-.comment .wall-item-photo-menu { top: 80px; }
-
-.wallwall .wwto {
-    left: 50px;
-    margin: 0;
-    position: absolute;
-    top: 80px;
-    width: 30px
-}
-.wallwall .wwto img {
-       width: 30px !important;
-       height: 30px !important;
-}
-
-.wallwall /*.wall-item-photo-end*/ {
-       clear: both;
-}
-
-.wall-item-arrowphoto-wrapper {
-    position: absolute;
-    left: 75px;
-    top: 80px;
-    z-index: 100;
-}
-.wall-item-wrapper {
-       margin-left:10px;
-}
-.wall-item-lock {
-       margin-top: 30px;
-       left: 105px;
-       position: absolute;
-       top: 1px;       
-}
-.comment .wall-item-lock {
-       margin-top: 0px;
-       left: 65px;
-}
-
-.wall-item-ago {
-       color: #888888;
-       font-size: 0.8em;
-}
-
-.wall-item-location {
-       overflow: hidden;
-       /* add ellipsis on text overflow               */
-       /* this work on safari, opera, ie, chrome.     */
-       /* firefox users have to wait support or we    */
-       /* can use a jquery plugin http://bit.ly/zJskg */
-       text-overflow: ellipsis;
-       -o-text-overflow: ellipsis;
-       width: 100%;
-}
-
-.wall-item-like-buttons {
-       float: left;
-       margin-right: 3px;
-}
-
-.like-rotator {
-       margin-left: 5px;
-}
-
-.wall-item-like-buttons > a,
-.wall-item-like-buttons > img {
-       float: left;
-}
-
-.wall-item-like-buttons img {
-       cursor: pointer;
-}
-
-.wall-item-share-buttons {
-       margin-left: 10px;
-       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 {
-       margin-left: 10px;
-       float: left;
-}
-
-.wall-item-links-wrapper {
-       float: left;
-}
-
-.wall-item-delete-wrapper {
-       float: right;
-}
-
-/*.wall-item-delete-end {
-       clear: both;
-}*/
-
-.wall-item-delete-icon {
-       border: none;
-}
-
-
-/*.wall-item-wrapper-end {
-       clear: both;
-}*/
-.wall-item-name-link {
-       font-weight: bold;
-       text-decoration: none;
-       color: #3172BD;
-}
-.wall-item-photo {
-       border: none;
-}
-.comment .wall-item-photo {
-       width: 50px !important; 
-       height: 50px !important;
-       border-top-left-radius: 10px;
-}
-.wall-item-content {
-       float: left;
-       margin-left: 3px;
-/*     padding-right: 1em;
-       max-height: 500px;
-       overflow: auto;*/
-}
-
-.wall-item-content img {
-       max-width: 300px;
-       border-radius: 7px;
-       -moz-border-radius: 7px;
-       -webkit-border-radius: 7px;
-}
-
-
-
-.wall-item-title {
-       float: left;
-       font-weight: bold;
-       font-size: 1.6em; 
-       /*width: 450px;*/
-}
-
-/*.wall-item-title-end {
-       clear: both;
-}*/
-
-.wall-item-body {
-       text-align: justify;
-       float: left;
-       width: 300px;
-       overflow: hidden;
-       margin-top: 10px;
-       line-height: 23px;
-}
-
-.wall-item-body code {
-       overflow: auto;
-}
-
-.comment .wall-item-body {
-       margin-left: 5px;
-       width: 280px;
-}
-
-.wall-item-tools {
-       clear: both;
-/*     background-image: url("head.jpg");
-       background-position: 0 -20px;
-       background-repeat: repeat-x;*/
-       padding: 5px 5px 0px;
-       height: 32px;
-}
-.wall-item-author {
-/*     margin-top: 10px;*/
-       margin-top: 0px;
-}
-
-.comment .wall-item-tools {
-/*     background:none;*/
-/*     background-image: url("head.jpg");
-       background-position: 0 -20px;
-       background-repeat: repeat-x;*/
-       border-bottom-left-radius: 10px;
-       border-bottom-right-radius: 10px;
-} 
-
-.comment-edit-wrapper {
-       margin-top: 15px;
-       background: #f3f3f3;
-       margin-left: 50px;
-}
-
-.comment-wwedit-wrapper {
-       display: block;
-       margin-top: 15px;
-       background: #f3f3f3;
-       margin-left: 10px;
-       margin-right: 10px;
-}
-
-.comment-edit-photo {
-       margin-top: 15px;
-       margin-left: 10px;
-       margin-bottom: 10px;
-       width: 25px;
-       float: left;
-}
-.comment-edit-photo img {
-       width: 25px;
-}
-.comment-edit-text-empty, .comment-edit-text-full {
-/*     float: left;*/
-       -moz-border-radius: 3px;
-       -webkit-border-radius: 3px;
-       border-radius: 3px;     
-       border: 1px solid #cccccc;
-       padding: 3px 1px 1px 3px;
-}
-
-.comment-edit-text-empty {
-       color: gray;
-       height: 30px;
-       width: 175px;
-/*     overflow: auto;*/
-       margin-top: 40px;
-       margin-bottom: 10px;
-       margin-left: 20px;
-}
-
-.comment-edit-text-full {
-       color: black;
-       height: 150px;
-/*     width: 350px;
-       overflow: auto;*/
-       width: 250px;
-       margin-top: 15px;
-       margin-left: 20px;
-}
-
-.comment-edit-text-end {
-       clear: both;
-}
-
-.comment-edit-submit {
-       font-size: 18px;
-       padding: 5px 10px;
-       margin: 10px 0px 10px 110px;
-}
-
-#profile-jot-wrapper {
-       padding-left: 10px;
-}
-
-#profile-jot-plugin-wrapper,
-#profile-jot-submit-wrapper {
-       margin-top: 15px;
-}
-
-#profile-jot-submit {
-       float: left;
-       font-size: 18px;
-       padding: 5px 8px;
-}
-#profile-upload-wrapper {
-       float: left;
-       margin-left: 30px;
-}
-#profile-attach-wrapper {
-       float: left;
-       margin-left: 15px;
-}
-#profile-rotator {
-       float: left;
-       margin-left: 30px;
-}
-#profile-link-wrapper {
-       float: left;
-       margin-left: 15px;
-}
-#profile-youtube-wrapper {
-       float: left;
-       margin-left: 15px;
-}
-#profile-video-wrapper {
-       float: left;
-       margin-left: 15px;
-}
-#profile-audio-wrapper {
-       float: left;
-       margin-left: 15px;
-}
-#profile-location-wrapper {
-       float: left;
-       margin-left: 15px;
-}
-#jot-preview-link {
-       display: none;
-       float: left;
-       margin-left: 45px;
-       margin-top: 0px !important;
-}
-
-
-#profile-nolocation-wrapper {
-       float: left;
-       margin-left: 15px;
-}
-#profile-title-wrapper {
-       float: left;
-       margin-left: 15px;
-}
-
-#profile-jot-perms {
-       float: left;
-       margin-left: 40px;
-       font-weight: bold;
-       font-size: 1.2em;
-}
-
-
-#profile-jot-perms-end {
-       /*clear: left;*/
-       height: 30px;
-}
-
-#profile-jot-plugin-end{
-  clear: both;
-}
-.profile-jot-net {
-       float: left;
-       margin-right: 10px;
-       margin-top: 5px;
-       margin-bottom: 5px;
-}
-
-#profile-jot-networks-end {
-       clear: both;
-}
-
-.profile-jot-box {
-       margin-top: 50px;
-}
-.profile-edit-textarea {
-       margin-left: 20px;
-}
-
-#profile-jot-end {
-       /*clear: both;*/
-       margin-bottom: 30px;
-}
-#about-jot-submit-wrapper {
-       margin-top: 15px;
-}
-#about-jot-end {
-       margin-bottom: 30px;
-}
-#contacts-main {
-       margin-bottom: 30px;
-}
-
-#profile-listing-desc {
-       margin-left: 30px;
-}
-
-#profile-listing-new-link-wrapper {
-       margin-left: 30px;
-       margin-bottom: 30px;
-}
-.profile-listing-photo-wrapper {
-       float: left;
-}
-
-.profile-listing-edit-buttons-wrapper {
-       clear: both;
-}
-.profile-listing-photo-edit-link {
-       float: left;
-       width: 125px;
-}
-.profile-listing-end {
-       clear: both;
-}
-.profile-listing-edit-buttons-wrapper img{
-       border: none;
-       margin-right: 20px;
-}
-.profile-listing {
-       float: left;
-       margin-left: 30px;
-       margin-top: 25px;
-}
-.profile-listing-visible {
-       margin-left: 100px;
-}
-.profile-listing-name {
-       float: left;
-       margin-left: 12px;
-       margin-top: 10px;
-       color: #3172BD;
-       font-weight: bold;
-       width: 200px;
-
-}
-.fortune {
-       margin-top: 50px;
-       color: #4444FF;
-       font-weight: bold;
-       margin-bottom: 20px;
-}
-
-
-.directory-end {
-       clear: both;
-}
-.directory-name {
-       text-align: center;
-}
-.directory-photo {
-       margin-left: 15px;
-}
-.directory-details {
-       font-size: 0.7em;
-       text-align: center;
-       margin-left: 5px;
-       margin-right: 5px;
-}
-.directory-item {
-       float: left;
-/*     width: 225px;
-       height: 260px;*/
-       padding-left: 15px;
-       width: 130px;
-       height: 235px;
-       overflow: auto;
-}
-
-#directory-search-wrapper {
-       margin-top: 20px;
-       margin-right: 20px;
-       margin-bottom: 50px;
-}
-
-#directory-search-end {
-}
-
-.directory-photo-img {
-       width: 125px;
-       border: none;
-}
-
-
-.pager {
-  margin-top: 30px;
-  margin-right: auto;
-  margin-left: auto;
-
-  padding-top: 10px;
-  padding-bottom: 10px;
-  padding-left: 10px;
-  text-align: center;
-/*  line-height: 2.75em;*/
-}
-
-.pager a {
-       font-size: 1.5em;
-       padding: 0.2em 1em;
-       border: 1px solid #aaa;
-       border-radius: 10px;
-       -moz-border-radius: 10px;
-       -webkit-border-radius: 10px;
-}
-
-
-.pager_first,
-.pager_last,
-.pager_prev,
-.pager_next,
-.pager_n {
-/*     float: left;
-       border: 1px solid black;
-       border-radius: 7px;
-       background: #EEE;
-       text-align: center;
-       width: 50px;
-       margin-right: 5px;
-       margin-bottom: 10px;*/
-/*     float: left;*/
-/*     margin-right: 15px;
-       margin-left: 15px;*/
-}
-
-.pager_first,
-.pager_last,
-.pager_n {
-       display: none;
-}
-
-/*.pager_first a,
-.pager_last a,
-.pager_prev a,
-.pager_next a {
-       padding-top: 5px;
-       padding-bottom: 5px;
-       padding-left: 25px;
-       padding-right: 30px;
-
-       border: 2px solid #AAAAAA;
-       border-radius: 10px;
-       -moz-border-radius: 10px;
-       -webkit-border-radius: 10px;
-    font-size: 1.25em;
-       text-align: center;
-       text-decoration: none;
-}
-.pager_n a {
-       padding-top: 2px;
-       padding-bottom: 2px;
-       padding-left: 9px;
-       padding-right: 18px;
-       text-decoration: none;
-}*/
-
-.pager_prev a,
-.pager_next a {
-       font-size: 1.5em;
-       padding: 0.2em 1em;
-       border: 1px solid #aaa;
-       border-radius: 10px;
-       -moz-border-radius: 10px;
-       -webkit-border-radius: 10px;
-}
-
-.pager_current {
-       display: none;
-       float: left;
-       border: 1px solid black;
-       border-radius: 7px;
-       -moz-border-radius: 7px;
-       -webkit-border-radius: 7px;
-       background: #FFCCCC;
-       font-size: 1.25em;
-       text-align: center;
-       width: 50px;
-       margin-right: 5px;
-       margin-bottom: 10px;
-}
-
-
-#advanced-profile-name-wrapper,
-#advanced-profile-gender-wrapper,
-#advanced-profile-dob-wrapper,
-#advanced-profile-age-wrapper,
-#advanced-profile-marital-wrapper,
-#advanced-profile-sexual-wrapper,
-#advanced-profile-homepage-wrapper,
-#advanced-profile-politic-wrapper,
-#advanced-profile-religion-wrapper,
-#advanced-profile-about-wrapper,
-#advanced-profile-interest-wrapper,
-#advanced-profile-contact-wrapper,
-#advanced-profile-music-wrapper,
-#advanced-profile-book-wrapper,
-#advanced-profile-tv-wrapper,
-#advanced-profile-film-wrapper,
-#advanced-profile-romance-wrapper,
-#advanced-profile-work-wrapper,
-#advanced-profile-education-wrapper {
-       margin-top: 20px;
-}
-
-#advanced-profile-name-text,
-#advanced-profile-gender-text,
-#advanced-profile-dob-text,
-#advanced-profile-age-text,
-#advanced-profile-marital-text,
-#advanced-profile-sexual-text,
-#advanced-profile-homepage-text,
-#advanced-profile-politic-text,
-#advanced-profile-religion-text,
-#advanced-profile-about-text,
-#advanced-profile-interest-text,
-#advanced-profile-contact-text,
-#advanced-profile-music-text,
-#advanced-profile-book-text,
-#advanced-profile-tv-text,
-#advanced-profile-film-text,
-#advanced-profile-romance-text,
-#advanced-profile-work-text,
-#advanced-profile-education-text {
-       width: 300px;
-       float: left;
-}
-
-#advanced-profile-name-end,
-#advanced-profile-gender-end,
-#advanced-profile-dob-end,
-#advanced-profile-age-end,
-#advanced-profile-marital-end,
-#advanced-profile-sexual-end,
-#advanced-profile-homepage-end,
-#advanced-profile-politic-end,
-#advanced-profile-religion-end {
-       height: 10px;
-}
-
-#advanced-profile-about-end,
-#advanced-profile-interest-end,
-#advanced-profile-contact-end,
-#advanced-profile-music-end,
-#advanced-profile-book-end,
-#advanced-profile-tv-end,
-#advanced-profile-film-end,
-#advanced-profile-romance-end,
-#advanced-profile-work-end,
-#advanced-profile-education-end {
-
-
-}
-
-#advanced-profile-name,
-#advanced-profile-gender,
-#advanced-profile-dob,
-#advanced-profile-age,
-#advanced-profile-marital,
-#advanced-profile-sexual,
-#advanced-profile-homepage,
-#advanced-profile-politic,
-#advanced-profile-religion {
-       float: left;
-
-}
-
-
-#advanced-profile-about,
-#advanced-profile-interest,
-#advanced-profile-contact,
-#advanced-profile-music,
-#advanced-profile-book,
-#advanced-profile-tv,
-#advanced-profile-film,
-#advanced-profile-romance,
-#advanced-profile-work,
-#advanced-profile-education {
-       margin-top: 10px;
-       margin-left: 50px;
-       margin-right: 20px;
-       padding: 10px;
-       border: 1px solid #CCCCCC;
-}
-
-#advanced-profile-with {
-       float: left;
-       margin-left: 15px;
-}
-
-#contact-edit-wrapper {
-       margin-top: 10px;
-}
-
-#contact-edit-banner-name {
-       font-size: 1.4em;
-       font-weight: bold;
-}
-
-#contact-edit-poll-wrapper {
-       margin-top: 15px;
-}
-
-#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;
-}
-
-#contact-edit-update-now {
-       margin-top: 15px;
-}
-
-#contact-edit-links{
-       clear: both;
-}
-
-#contact-edit-links ul {
-       list-style: none;
-       list-style-type: none;
-       margin-left: 0px;
-       padding-left: 0px;
-}
-
-#contact-edit-links li {
-       margin-top: 5px;
-}
-
-#contact-edit-drop-link {
-       float: right;
-       margin-right: 10px;
-}
-
-#contact-edit-nav-end {
-       clear: both;
-}
-
-#contact-edit-wrapper {
-       width: 100%;
-}
-
-#update_now_link {
-       float: left;
-       clear: left;
-       margin-bottom: 20px;
-}
-
-#label_id_hidden, #id_hidden {
-       margin-top: 30px;
-}
-#help_id_hidden {
-       margin-top: 30px;
-}
-
-#contact-edit-end {
-       clear: both;
-       margin-top: 15px;
-}
-
-#contact-profile-selector {
-       width: 175px;
-       margin-left: 0px;
-}
-
-.contact-edit-submit {
-       margin-top: 20px;
-       padding: 0.2em 0.5em;
-       font-size: 18px;
-}
-
-
-.contact-photo-menu-button {
-/*     position: absolute;
-       background-image: url("photo-menu.jpg");
-       background-position: top left; 
-       background-repeat: no-repeat;
-       margin: 0px; padding: 0px;
-       width: 16px;
-       height: 16px;
-       top: 64px; left:0px;
-       overflow: hidden;
-       text-indent: 40px;
-       display: none;*/
-       
-}
-.contact-photo-menu {
-       width: 130px;
-       border: 1px solid #AAA;
-       background: #FFFFFF;
-       position: absolute;
-       left: -30px; top: 80px;
-       display: none;
-       z-index: 10000;
-       -moz-box-shadow: 3px 3px 5px #555;
-       -webkit-box-shadow: 3px 3px 5px #555;
-       box-shadow: 3px 3px 5px #555;
-}
-.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }
-.contact-photo-menu li a { display: block; padding: 2px; }
-.contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }
-
-
-#block-message, #ignore-message, #archive-message, #lost-contact-message {
-       color: #FF0000;
-}
-
-#profile-edit-insecure {
-       margin-top: 20px;
-       color: #FF0000;
-       font-size: 1.1em;
-       border: 1px solid #FF8888;
-       background-color: #FFEEEE;
-       padding-left: 5px;
-       /*: 3px 3px 3px 5px; */
-       width: 587px;
-}
-
-#profile-jot-desc {
-       /*float: left;*/
-       width: 100%;
-       color: #FF0000;
-       margin-top: 10px;
-       margin-bottom: 10px;
-}
-
-#profile-jot-text {
-       width: 90%;
-       height: 20px;
-       color:#cccccc;
-       border: 1px solid #cccccc;
-       padding: 3px 0px 0px 5px;
-       -moz-border-radius: 3px;
-       -webkit-border-radius: 3px;
-       border-radius: 3px;     
-}
-
-
-/** acl **/
-#photo-edit-perms-select,
-#photos-upload-permissions-wrapper,
-#profile-jot-acl-wrapper{
-       display:block!important;
-}
-
-#photos-usage-message {
-       margin-bottom: 15px;
-}
-
-#profile-jot-acl-wrapper{
-       width:270px;
-       padding-left:10px;
-       height:auto;
-       overflow:visible;
-}
-
-#acl-wrapper {
-       width: 270px;
-       float:left;
-}
-#acl-search {
-       display: none;
-       float:right;
-       background: #ffffff url("../../../images/search_18.png") no-repeat right center;
-       padding-right:20px;
-}
-#acl-showall {
-       float: left;
-       display: block;
-       width: auto;
-       height: 18px;
-       background-color: #cccccc;
-       background-image: url("../../../images/show_all_off.png");
-       background-position: 7px 7px;
-       background-repeat: no-repeat;
-       padding: 7px 5px 0px 30px;
-       -webkit-border-radius: 5px ;
-       -moz-border-radius: 5px;
-       border-radius: 5px;
-       color: #999999;
-}
-#acl-showall.selected {
-       color: #000000;
-       background-color: #ff9900;
-       background-image: url("../../../images/show_all_on.png");
-}
-
-#acl-list {
-/*     height: 210px;*/
-       border: 1px solid #cccccc;
-       clear: both;
-       margin-top: 30px;
-       overflow: visible;
-}
-#acl-list-content {
-       
-}
-.acl-list-item {
-       display: block;
-       width: 120px;
-       height: 30px;
-       border: 1px solid #cccccc;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius: 4px;
-       margin-top: 5px;
-       margin-bottom: 5px;
-       margin-right: 2px;
-       margin-left: 2px;
-       padding-left: 5px;
-       float: left;
-}
-.acl-list-item img{
-       display: none;
-       width:22px;
-       height: 22px;
-       float: left;
-       margin: 4px;
-}
-.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
-.acl-list-item a { 
-       font-size: 8px;
-       display: block;
-       width: 40px;
-       height: 10px;
-       float: left;
-       color: #999999;
-       background-color: #cccccc;
-       background-position: 3px 3px;
-       background-repeat: no-repeat;
-       margin-right: 5px;
-       -webkit-border-radius: 2px ;
-       -moz-border-radius: 2px;
-       border-radius: 2px;
-       padding-left: 15px;
-}
-#acl-wrapper a:hover {
-       text-decoration: none;
-       color:#000000;
-}
-.acl-button-show { background-image: url("../../../images/show_off.png"); }
-.acl-button-hide { background-image: url("../../../images/hide_off.png"); }
-
-.acl-button-show.selected {
-       color: #000000;
-       background-color: #9ade00;
-       background-image: url("../../../images/show_on.png");
-}
-.acl-button-hide.selected {
-       color: #000000;
-       background-color: #ff4141;
-       background-image: url("../../../images/hide_on.png");
-}
-.acl-list-item.groupshow { border-color: #9ade00; }
-.acl-list-item.grouphide { border-color: #ff4141; }
-/** /acl **/
-
-
-#group-new-submit-wrapper {
-       margin-top: 30px;
-}
-
-#group-edit-name-label {
-       float: left;
-       width: 175px;
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-
-#group-edit-name {
-       float: left;
-       width: 225px;
-       margin-top: 20px;
-       margin-bottom: 20px;
-}
-
-#group-edit-name-wrapper {
-
-
-}
-
-
-#group_members_select_label {
-       display: block;
-       float: left;
-       width: 175px;
-}
-
-.group_members_select {
-       float: left;
-       width: 230px;
-       overflow: auto;
-}
-
-#group_members_select_end {
-       clear: both;
-}
-#group-edit-name-end {
-       clear: both;
-}
-
-#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {
-       margin-bottom: 10px;
-       margin-top: 20px;
-}
-
-#prvmail-submit {
-       float: left;
-       font-size: 18px;
-       padding: 0.25em 0.5em;
-       margin-top: 10px;
-       margin-right: 30px;
-}
-#prvmail-upload-wrapper,
-#prvmail-link-wrapper,
-#prvmail-rotator-wrapper {
-       float: left;
-       margin-top: 10px;
-       margin-right: 10px;
-       width: 24px;
-}
-
-#prvmail-end {
-       clear: both;
-}
-
-.mail-list-sender,
-.mail-list-detail {
-       float: left;
-}
-.mail-list-detail {
-       margin-left: 20px;
-}
-
-.mail-list-subject {
-       font-size: 1.1em;
-       margin-top: 10px;
-}
-a.mail-list-link {
-    display: block;
-    font-size: 1.3em;
-    padding: 4px 0;
-}
-
-/*
-*a.mail-list-link:hover {
-*      background-color: #15607B;
-*      color: #F5F6FB;
-*}
-*/
-
-.mail-list-outside-wrapper-end {
-       clear: both;
-}
-
-.mail-list-outside-wrapper {
-       margin-top: 30px;
-}
-
-.mail-list-delete-wrapper {
-       float: right;
-       margin-right: 30px;
-       margin-top: 15px;
-}
-
-.mail-list-delete-icon {
-       border: none;
-}
-
-.mail-conv-sender,
-.mail-conv-detail {
-       float: left;
-}
-.mail-conv-detail {
-       margin-left: 20px;
-       margin-bottom: 10px;
-       width: 270px;
-}
-
-.mail-conv-subject {
-    font-size: 1.4em;
-    margin: 10px 0;
-}
-
-.mail-conv-outside-wrapper-end {
-       clear: both;
-}
-
-.mail-conv-outside-wrapper {
-       margin-top: 30px;
-}
-
-.mail-conv-delete-wrapper {
-       float: right;
-       margin-right: 5px;
-       margin-top: 15px;
-}
-.mail-conv-break {
-       clear: both;
-}
-
-.mail-conv-delete-icon {
-       border: none;
-}
-
-.message-links ul {
-       list-style-type: none;
-       padding: 0px;
-}
-
-.message-links li {
-       margin-top: 10px;
-       float: left;
-}
-.message-links a {
-       padding: 3px 5px;
-}
-
-.message-links-end {
-       clear: both;
-}
-
-#sidebar-group-list ul {
-       list-style-type: none;
-}
-
-#sidebar-group-list .icon, #sidebar-group-list .iconspacer {
-       display: inline-block;
-       height: 12px;
-       width: 12px;
-}
-
-#sidebar-group-list li {
-       margin-top: 10px;
-}
-
-.nets-ul, .fileas-ul, .categories-ul {
-       list-style-type: none;
-}
-
-.nets-ul li, .fileas-ul li, .categories-ul li {
-       margin-top: 10px;
-}
-
-.nets-link {
-       margin-left: 24px;
-}
-.nets-all {
-       margin-left: 42px;
-}
-
-.fileas-link, .categories-link {
-       margin-left: 24px;
-}
-
-.fileas-all, .categories-all {
-       margin-left: 0px;
-}
-
-#search-save {
-       margin-left: 5px;
-}
-.groupsideedit {
-       margin-right: 10px;
-}
-#saved-search-ul {
-       list-style-type: none;
-}
-.savedsearchdrop, .savedsearchterm {
-       float: left;
-       margin-top: 10px;
-}
-.savedsearchterm {
-       margin-left: 10px;
-}
-
-
-#side-follow-wrapper {
-       margin-top: 20px;
-}
-#side-follow-url, #side-peoplefind-url {
-       margin-top: 5px;
-}
-#side-follow-submit, #side-peoplefind-submit {
-       margin-top: 15px;
-}
-
-#side-match-link {
-       margin-top: 10px;
-}
-
-aside input[type='text'] {
- width: 174px;
-}
-
-.widget {
-       border: 1px solid #DDDDDD;
-       padding: 8px;
-       margin-top: 5px;
-       -moz-border-radius:5px;
-       -webkit-border-radius:5px;
-       border-radius:5px;
-
-}
-
-
-/*.photos {
-       height: auto;
-       overflow: auto;
-}*/
-
-.photos-end {
-       clear: both;
-       margin-bottom: 25px;
-}
-
-.photo-album-image-wrapper {
-       float: left;
-       margin-top: 15px;
-       margin-right: 15px;
-       margin-left: 15px;
-/*     width: 200px; height: 200px; 
-       overflow: hidden; 
-       position: relative; */
-}
-.photo-album-image-wrapper .caption {
-       display: none; 
-       width: 100%;
-/*     position: absolute; */
-       bottom: 0px; 
-       padding: 0.5em 0.5em 0px 0.5em;
-       background-color: rgba(245, 245, 255, 0.8);
-       border-bottom: 2px solid #CCC;
-       margin: 0px;
-}
-.photo-album-image-wrapper a:hover .caption {
-       display:block;
-}
-
-#photo-album-end {
-       clear: both;
-       margin-bottom: 25px;
-}
-
-.photo-top-image-wrapper {
-/*     position: relative; */
-       float: left;
-       margin-top: 15px;
-       margin-right: 15px;
-       margin-left: 15px;
-       margin-bottom: 15px;
-/*     width: 200px; height: 200px; 
-       overflow: hidden; */
-}
-.photo-top-image-wrapper img {
-       max-width: 290px;
-       border-radius: 10px;
-       -moz-border-radius: 10px;
-       -webkit-border-radius: 10px;
-}
-.photo-top-album-name {
-       width: 100%;
-       min-height: 2em;
-/*     position: absolute;  */
-       bottom: 0px; 
-       padding: 0px 3px;
-       padding-top: 0.5em;
-       background-color: rgb(255, 255, 255);
-}
-#photo-top-end {
-       clear: both;
-}
-
-#photo-top-links {
-       margin-bottom: 30px;
-       margin-left: 30px;
-}
-
-#photos-upload-newalbum-div {
-       float: left;
-       width: 175px;
-}
-
-#photos-upload-noshare {
-       margin-bottom: 10px;
-}
-#photos-upload-existing-album-text {
-       float: left;
-       width: 175px;
-}
-#photos-upload-newalbum {
-       float: left;
-}
-#photos-upload-album-select {
-       float: left;
-}
-
-#photos-upload-spacer {
-       margin-top: 25px;
-}
-#photos-upload-new-end, #photos-upload-exist-end {
-       clear: both;
-}
-#photos-upload-exist-end {
-       margin-bottom: 15px;
-}
-#photos-upload-submit {
-       margin-top: 15px;
-}
-
-#photos_upload_applet_wrapper {
-       margin-bottom: 15px;
-}
-
-#photos-upload-no-java-message {
-       margin-bottom: 15px;
-}
-
-#character-counter {
-       float: right;
-       font-size: 120%;
-}
-
-#character-counter.grey {
-       color: #888888;
-}
-
-#character-counter.orange {
-       color: orange;
-}
-#character-counter.red {
-       color: red;
-}
-
-#profile-jot-banner-end {
-       /* clear: both; */ 
-}
-
-#photos-upload-select-files-text {
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-
-#photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {
-       color: #8888FF;
-       text-decoration: none;
-       cursor: pointer;
-}
-
-#photos-upload-perms-menu {
-       margin-left: 15px;
-}
-
-#photos-upload-perms-menu:hover {
-       color: #0000FF;
-       text-decoration: underline;
-       cursor: pointer;
-}
-#settings-default-perms-menu {
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-
-#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {
-       float: left;
-       width: 150px;
-}
-
-#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {
-       font-weight: 700;
-}
-
-#photos-upload-noshare-div {
-       margin-top: 140px;
-       margin-bottom: 15px;
-}
-
-#photos-upload-noshare-label {
-       margin-left: 25px;
-}
-
-#photos-upload-noshare {
-       float: left;
-}
-
-.photo-perms-icon {
-       float: left;
-}
-
-#photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {
-       text-decoration: none;
-}
-
-.photo-jot-perms-text {
-       padding-top: 5px;
-       padding-left: 40px;
-}
-
-#photo-edit-perms, #photos-upload-perms, #settings-default-perms {
-       margin-top: 30px;
-}
-#photos-upload-perms {
-       margin-top: 15px;
-       margin-left: 5px;
-}
-
-#photo-edit-perms-select, #photos-upload-permissions-wrapper, #settings-jot-acl-wrapper {
-       margin-top: 30px;
-       margin-left: 20px;
-}
-
-#advanced-expire-popup {
-       padding-left: 1em;
-       margin-top: 15px;
-       border: 1px solid #aaa;
-       border-radius: 10px;
-       -moz-border-radius: 10px;
-       -webkit-border-radius: 10px;
-}
-
-#photo-edit-perms-end {
-       margin-bottom: 15px;
-}
-
-#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {
-       float: left;
-       margin-bottom: 25px;
-}
-
-.photo-edit-rotate {
-       float: left;
-       margin-left: 20px;
-}
-#photo-edit-link-wrap {
-       margin-bottom: 15px;
-}
-#photo-like-div {
-       margin-left: 15px;
-       margin-bottom: 65px;
-}
-
-#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {
-       clear: both;
-}
-
-#photo-edit-rotate-end {
-       margin-bottom: 15px;
-}
-
-#photo-edit-submit-button, #photo-edit-delete-button, #photos-upload-submit {
-       margin-top: 30px;
-       padding: 0.25em 0.5em;
-       font-size: 18px;
-}
-#photo-edit-submit-button {
-       margin-left: 10px;
-}
-#photo-edit-delete-button {
-       margin-left: 45px;
-}
-#photos-upload-choose {
-       position: absolute;
-       top: 460px;
-       left: 5px;
-}
-#photos-upload-submit {
-       margin-top: 30px;
-       margin-left: 100px;
-       margin-bottom: 20px;
-}
-.settings-submit, .profile-edit-submit-button {
-       padding: 0.25em 0.5em;
-       margin-bottom: 10px;
-       font-size: 18px;
-}
-#photo-edit-end {
-       margin-bottom: 35px;
-}
-#photo-caption {
-       font-size: 110%;
-       font-weight: bold;
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-
-#in-this-photo-text {
-       color: #0000FF;
-       margin-left: 30px;
-}
-
-#in-this-photo {
-       margin-left: 60px;
-       margin-top: 10px;
-       margin-bottom: 20px;
-}
-
-#photo-album-edit-submit, #photo-album-edit-drop {
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-
-#photo-album-edit-drop {
-       margin-left: 200px;
-}
-
-.group-delete-wrapper {
-       float: right;
-       margin-right: 50px;
-}
-
-#install-dbhost-label,
-#install-dbuser-label,
-#install-dbpass-label,
-#install-dbdata-label,
-#install-tz-desc {
-       float: left;
-       width: 250px;
-       margin-top: 10px;
-       margin-bottom: 10px;
-
-}
-
-#install-dbhost,
-#install-dbuser,
-#install-dbpass,
-#install-dbdata {
-       float: left;
-       width: 200px;
-       margin-left: 20px;
-}
-
-#install-dbhost-end,
-#install-dbuser-end,
-#install-dbpass-end,
-#install-dbdata-end,
-#install-tz-end {
-       clear: both;
-}
-
-#install-form select#timezone_select {
-       float: left;
-       margin-top: 18px;
-       margin-left: 20px;
-}
-
-#dfrn-request-networks {
-       margin-bottom: 30px;
-}
-
-#pause {
-  position: fixed;
-  bottom: 5px;
-  right: 5px;
-}
-
-.sparkle {
-       cursor: url('lock.cur'), pointer;
-/*     cursor: pointer !important; */
-}
-
-.contact-block-div {
-       float: left;
-       width: 52px;
-       height: 52px;
-}
-.contact-block-textdiv {
-       float: left;
-       width: 150px;
-       height: 34px;
-}
-
-#contact-block-end {
-       clear: both;
-}
-.contact-block-link {
-       float: left;
-}
-.contact-block-img {
-       width:48px;
-       height:48px;
-}
-
-#tag-remove {
-       margin-bottom: 15px;
-}
-
-#tagrm li {
-       margin-bottom: 10px;
-}
-
-#tagrm-submit, #tagrm-cancel {
-       margin-top: 25px;
-}
-
-#tagrm-cancel {
-       margin-left: 15px;
-}
-
-.wall-item-conv {
-       margin-top: 5px;
-       margin-bottom: 25px;
-}
-
-#search-submit {
-       margin-left: 15px;
-}
-
-#search-box {
-       margin-bottom: 25px;
-}
-
-.location-label, .gender-label, .marital-label, .homepage-label {
-       float: left;
-       text-align: right;
-       display: block;
-       width: 65px;
-}
-
-.adr, .x-gender, .marital-text, .homepage-url {
-       float: left;
-       display: block;
-       margin-left: 8px;
-}
-
-.profile-clear {
-       clear: both;
-}
-
-
-.clear {
-       clear: both;
-}
-
-.cc-license {
-       margin-top: 50px;
-       font-size: 70%;
-}
-
-
-#plugin-settings-link, #account-settings-link {
-       margin-bottom: 10px;
-}
-
-#uexport-link {
-       margin-bottom: 20px;
-}
-
-/* end from default */
-       
-
-.fn {
-       padding: 0px 0px 5px 12px;
-       font-size: 120%;
-       font-weight: bold;
-}
-
-.vcard .title {
-       margin-bottom: 5px;
-       margin-left: 12px;
-}
-
-.vcard dl {
-       clear: both;
-}
-
-#birthday-title {
-       float: left;
-       font-weight: bold;      
-}
-
-#birthday-adjust {
-       float: left;
-       font-size: 75%;
-       margin-left: 10px;
-}
-
-#birthday-title-end {
-       clear: both;
-}
-
-.birthday-list {
-       margin-left: 15px;
-}
-
-#birthday-wrapper {
-       margin-bottom: 20px;
-}
-
-#network-new-link {
-       margin-top: 15px;
-       margin-bottom: 15px;
-}
-
-
-.tool-wrapper {
-  float: left;
-  margin-left: 15px;
-}
-
-.tool-link {
-  cursor: pointer;
-}
-
-.eventcal {
-       float: left;
-       font-size: 20px;
-}
-
-#event-summary-text {
-       margin-top: 15px;
-}
-
-#event-share-checkbox {
-       float: left;
-       margin-top: 10px;
-}
-
-#event-share-text {
-       float: left;
-       margin-top: 10px;
-       margin-left: 5px;
-}
-
-#event-share-break {
-       clear: both;
-       margin-bottom: 10px;
-}
-
-#event-summary {
-       width: 280px;
-}
-
-.vevent {
-       border: 1px solid #CCCCCC;
-}
-
-.vevent .event-summary {
-       margin-left: 10px;
-       margin-right: 10px;
-       font-weight: bold;
-}
-
-.vevent .event-description, .vevent .event-location {
-       margin-left: 10px;
-       margin-right: 10px;
-}
-.vevent .event-start {
-       margin-left: 10px;
-       margin-right: 10px;
-}
-
-#new-event-link {
-       margin-bottom: 10px;
-}
-
-.edit-event-link, .plink-event-link {
-       float: left;
-       margin-top: 4px;
-       margin-right: 4px;
-       margin-bottom: 15px;
-}
-
-.event-description:before {
-       content: url('../../../images/calendar.png');
-       margin-right: 15px;
-}
-
-.event-start, .event-end {
-       font-size: 14px;
-       margin-left: 10px;
-       width: 280px;
-       clear: both;
-       padding-bottom: 1.5em;
-}
-
-.event-start .dtstart, .event-end .dtend {
-       clear: both;
-       float: left;
-}
-
-.event-list-date {
-       margin-bottom: 10px;
-}
-
-.prevcal, .nextcal {
-       float: left;
-       margin-left: 32px;
-       margin-right: 32px;
-       margin-top: 64px;
-}
-.event-calendar-end {
-       clear: both;
-}
-
-.calendar {
-       font-family: Courier, monospace;
-}
-.today {
-       font-weight: bold;
-       color: #FF0000;
-}
-
-.settings-block {
-       border: 1px solid #AAA;
-       margin: 10px;
-       padding: 10px;
-}
-
-.app-title {
-       margin: 10px;
-}
-
-#identity-manage-desc {
-       margin-top:15px;
-       margin-bottom: 15px;
-}
-
-#identity-manage-choose {
-       margin-bottom: 15px;
-}
-
-#identity-submit {
-       margin-top: 20px;
-}
-
-#photo-nav {
-       position: relative;
-       height: 55px;
-}
-
-#photo-prev-link {
-       position: absolute;
-       left: 5px;
-}
-#photo-next-link {
-       position: absolute;
-       right: 5px;
-}
-#photo-prev-link, #photo-next-link {
-       padding: 10px;
-/*     float: left;*/
-}
-
-/*#photo-photo {
-       float: left;
-}*/
-
-#photo-photo img {
-       max-width: 310px;
-}
-
-#photo-photo-end {
-       clear: both;
-}
-
-.profile-match-photo {
-       float: left;
-       text-align: center;
-       width: 120px;
-}
-
-.profile-match-name {
-       float: left;
-       text-align: center;
-       width: 120px;
-       overflow: hidden;
-}
-
-.profile-match-break,
-.profile-match-end {
-       clear: both;
-}
-
-.profile-match-connect {
-       text-align: center;
-       font-weight: bold;
-}
-
-.profile-match-wrapper {
-       float: left;
-       padding: 10px;
-       width: 120px;
-       height: 120px;
-       scroll: auto;
-}
-#profile-match-wrapper-end {
-       clear: both;
-}
-.side-link {
-       margin-bottom: 15px;
-}
-
-#language-selector {
-       position: absolute;
-       top: 0px;
-       left: 16px;
-}
-
-#group-members {
-       margin-top: 20px;
-       padding: 10px;
-       height: 250px;
-       overflow: auto;
-       border: 1px solid #ddd;
-}
-
-#group-members-end {
-       clear: both;
-}
-
-#group-separator {
-       margin-top: 10px;
-       margin-bottom: 10px;
-}
-
-#group-all-contacts {
-       padding: 10px;
-       height: 450px;
-       overflow: auto;
-       border: 1px solid #ddd;
-}
-
-#group-all-contacts-end {
-       clear: both;
-       margin-bottom: 10px;
-}
-
-#group-edit-desc {
-       margin-top: 15px;
-}
-
-
-#prof-members {
-       margin-top: 20px;
-       padding: 10px;
-       height: 250px;
-       overflow: auto;
-       border: 1px solid #ddd;
-}
-
-#prof-members-end {
-       clear: both;
-}
-
-#prof-separator {
-       margin-top: 10px;
-       margin-bottom: 10px;
-}
-
-#prof-all-contacts {
-       padding: 10px;
-       height: 450px;
-       overflow: auto;
-       border: 1px solid #ddd;
-}
-
-#prof-all-contacts-end {
-       clear: both;
-       margin-bottom: 10px;
-}
-
-#prof-edit-desc {
-       margin-top: 15px;
-}
-
-#crepair-name-label,
-#crepair-nick-label,
-#crepair-attag-label,
-#crepair-url-label,
-#crepair-request-label,
-#crepair-confirm-label,
-#crepair-notify-label,
-#crepair-photo-label,
-#crepair-poll-label {
-       float: left;
-       width: 200px;
-       margin-bottom: 15px;
-}
-
-#crepair-name,
-#crepair-nick,
-#crepair-attag,
-#crepair-url,
-#crepair-request,
-#crepair-confirm,
-#crepair-notify,
-#crepair-photo,
-#crepair-poll {
-       float: left;
-       width: 300px;
-}
-
-
-#netsearch-box {
-       margin-top: 20px;       
-}
-
-#netsearch-box #search-submit {
-       margin: 5px 0px 0px 0px;
-}
-
-.required {
-       color: #FF0000;
-}
-
-#event-start-text, #event-finish-text {
-       margin-top: 10px;
-       margin-bottom: 5px;
-}
-
-#event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {
-       float: left;
-}
-#event-datetime-break {
-       margin-bottom: 10px;
-}
-
-#event-nofinish-break, #event-adjust-break {
-       clear: both;
-}
-
-#event-desc-text, #event-location-text {
-       margin-top: 10px;
-       margin-bottom: 5px;
-}
-#event-submit {
-       margin-top: 10px;
-}
-
-.body-tag, .filesavetags, .categorytags {
-       opacity: 0.5;
-       filter:alpha(opacity=50);
-}
-
-.body-tag:hover, .filesavetags:hover, .categorytags:hover {
-       opacity: 1.0 !important;
-       filter:alpha(opacity=100) !important;
-}
-
-.item-select {
-       display: none;
-       opacity: 0.1;
-       filter:alpha(opacity=10);
-       float: right;
-       margin-right: 10px;
-
-}
-.item-select:hover, .checkeditem {
-       opacity: 1;
-       filter:alpha(opacity=100);
-}
-
-
-#item-delete-selected {
-       margin-top: 30px;
-}
-
-#item-delete-selected-end {
-       clear: both;
-}
-#item-delete-selected-icon, #item-delete-selected-desc {
-       float: left;
-       margin-right: 5px;
-}
-#item-delete-selected-desc:hover {
-       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;
-       margin-right: 15px;
-}
-.notification-listing-end {
-       clear: both;
-       margin-bottom: 15px;
-}
-
-
-
-/**
- * Plugins settings
- */
-
-.settings-block > h3,
-.settings-heading {
-       border-bottom: 1px solid #babdb6;
-}
-
-/**
- * Form fields
- */
-.field {
-       margin-bottom: 10px;
-       padding-bottom: 10px;
-       overflow: auto;
-       width: 100%
-}
-
-.field label {
-       font-weight: 700;
-       float: left;
-       width: 200px;
-}
-
-.field input,
-.field textarea {
-       width: 270px;
-       margin-left: 20px;
-}
-.field textarea { height: 100px; }
-.field_help {
-       display: block;
-       margin-left: 20px;
-       color: #666666;
-       
-}
-
-
-.field .onoff {
-       float: left;
-       width: 80px;
-}
-.field .onoff a {
-       display: block;
-       border:1px solid #666666;
-       background-image:url("../../../images/onoff.jpg");
-       background-repeat: no-repeat;
-       padding: 4px 2px 2px 2px;
-       height: 16px;
-       text-decoration: none;
-}
-.field .onoff .off {
-       border-color:#666666;
-       padding-left: 40px;
-       background-position: left center;
-       background-color: #cccccc;
-       color: #666666;
-       text-align: right;
-}
-.field .onoff .on {
-       border-color:#204A87;
-       padding-right: 40px;
-       background-position: right center;
-       background-color: #D7E3F1;
-       color: #204A87;
-       text-align: left;
-}
-.hidden { display: none!important; }
-
-.field.radio .field_help { clear: left; margin-left: 20px; }
-
-/**
- * ADMIN
- */
-#pending-update {
-       float:right;
-       color: #ffffff;
-       font-weight: bold;
-       background-color: #FF0000;
-       padding: 0em 0.3em;
-       
-}
-#adminpage dl {
-       clear: left;
-       min-height: 40px;
-       margin-bottom: 2px;
-       padding-bottom: 2px;
-       border-bottom: 1px solid black;
-}
-#adminpage dt {
-       width: 180px;
-       float: left;
-       font-weight: bold;
-}
-#adminpage dd {
-       margin-left: 180px;
-}
-
-#adminpage h3 {
-       border-bottom: 1px solid #cccccc;
-}
-#adminpage .field label {
-       font-weight: bold;
-}
-#adminpage .submit {
-       clear:left;
-       text-align: right;
-}
-
-#adminpage #pluginslist {
-       margin: 0px; padding: 0px;
-}
-#adminpage .plugin {
-       list-style: none;
-       display: block;
-       border: 1px solid #888888;
-       padding: 1em;
-       margin-bottom: 5px;
-       clear: left;
-}
-#adminpage .plugin .desc { margin-left: 2.5em;}
-#adminpage .toggleplugin {
-       float:left;
-       margin-right: 1em;
-}
-
-#adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
-#adminpage table th { text-align: left;}
-#adminpage td .icon { float: left;}
-#adminpage table#users img { width: 16px; height: 16px; }
-#adminpage table tr:hover { background-color: #bbc7d7; }
-#adminpage .selectall { text-align: right; }
-
-#cnftheme {
-       display: none;
-}
-
-/*
- * UPDATE
- */
-.popup {       
-       width: 100%; height: 100%;
-       top:0px; left:0px;
-       position: absolute;
-       display: none;
-}
-
-.popup .background {
-       background-color: rgba(0,0,0,128);
-       opacity: 0.5;
-       width: 100%; height: 100%;
-       position: absolute;
-       top:0px; left:0px;
-}
-.popup .panel {
-       top:25%;left:25%;width:50%;height:50%;
-       padding: 1em;
-       position: absolute;
-       border: 4px solid #000000;
-       background-color: #FFFFFF;
-}
-.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}
-.panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}
-
-/**
- * OAuth
- */
-.oauthapp {
-       height: auto; overflow: auto;
-       border-bottom: 2px solid #cccccc;
-       padding-bottom: 1em;
-       margin-bottom: 1em;     
-}
-.oauthapp img {
-       float: left;
-       width: 48px; height: 48px;
-       margin: 10px;
-}
-.oauthapp img.noicon {
-       background-image: url("../../../images/icons/48/plugin.png");
-       background-position: center center;
-       background-repeat: no-repeat;
-}
-.oauthapp a {
-       float: left;
-}
-
-/**
- * ICONS
- */
-.iconspacer {
-       display: block; width: 16px; height: 16px;
-}
-
-.icon {
-       display: block; width: 16px; height: 16px;
-       background-image: url('../../../images/icons.png');
-}
-.article { background-position: 0px 0px;}
-.icon.audio { display: none; background-position: -16px 0px;}
-.block { background-position: -32px 0px;}
-/*.drop { background-position: -48px 0px;}
-.drophide { background-position: -64px 0px;}*/
-.icon.drop {
-       display: block; width: 28px; height: 28px;
-       background-size: 100% 100%;
-       background-image: url('images/drop-darkred.png');
-       background-repeat: no-repeat;
-}
-.icon.drophide {
-       display: block; width: 28px; height: 28px;
-       background-size: 100% 100%;
-       background-image: url('images/drop-darkred.png');
-       background-repeat: no-repeat;
-}
-.edit { background-position: -80px 0px;}
-/*.camera { background-position: -96px 0px;}*/
-.icon.camera {
-       display: block; width: 28px; height: 21px;
-       margin-top: 4px;
-       background-size: 100% 100%;
-       background-image: url('images/camera.png');
-       background-repeat: no-repeat;
-}
-/*.dislike { background-position: -112px 0px;}*/
-.icon.dislike {
-       display: block;
-       width: 26px; height: 28px;/*31 33*/
-       background-size: 100% 100%;
-       background-image: url('images/disapprove.png');
-       background-repeat: no-repeat;
-       opacity: 0.5;
-}
-/*.like { background-position: -128px 0px;}*/
-.icon.like {
-       display: block; width: 26px; height: 28px;/*31 33*/
-       margin-right: 7px;
-       background-size: 100% 100%;
-       background-image: url('images/approve.png');
-       background-repeat: no-repeat;
-       opacity: 0.5;
-}
-.icon.link { display: none; background-position: -144px 0px;}
-
-/*.globe { background-position: 0px -16px;}*/
-.icon.globe {
-       display: block; width: 28px; height: 28px;
-       background-size: 100% 100%;
-       background-image: url('images/globe.png');
-       background-repeat: no-repeat;
-}
-.noglobe { background-position: -16px -16px;}
-.no { background-position: -32px -16px;}
-.pause { background-position: -48px -16px;}
-.play { background-position: -64px -16px;}
-/*.pencil { background-position: -80px -16px;}
-.small-pencil { background-position: -96px -16px;}*/
-.icon.pencil {
-       display: block; width: 28px; height: 28px;
-       background-size: 100% 100%;
-       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-image: url('images/pencil.png');
-       background-repeat: no-repeat;
-       opacity: 0.5;
-}
-/*.recycle { background-position: -112px -16px;}*/
-.icon.recycle {
-       display: block;
-       width: 28px; height: 27px;/*33 32*/
-       background-size: 100% 100%;
-       background-image: url('images/recycle.png');
-       background-repeat: no-repeat;
-       opacity: 0.5;
-}
-/*.remote-link { background-position: -128px -16px;}*/
-.icon.remote-link {
-/*     display: block;*/
-       display: none;
-       width: 28px; height: 28px;
-       background-size: 100% 100%;
-       background-image: url('images/remote-link.png');
-       background-repeat: no-repeat;
-       opacity: 0.5;
-}
-.share { background-position: -144px -16px;}
-
-.tools { background-position: 0px -32px;}
-/*.lock { background-position: -16px -32px;}*/
-.icon.lock {
-       display: block; width: 17px; height: 25px;
-       margin-top: 1px;
-       background-size: 100% 100%;
-       background-image: url('images/lock.png');
-       background-repeat: no-repeat;
-}
-/*.unlock { background-position: -32px -32px;}*/
-.icon.unlock {
-       display: block; width: 17px; height: 28px;
-       margin-top: -2px;
-       background-size: 100% 100%;
-       background-image: url('images/unlock.png');
-       background-repeat: no-repeat;
-}
-.icon.video { display: none; background-position: -48px -32px;}
-.oembed.video a { display: block; }
-.youtube { background-position: -64px -32px;}
-/*.attach { background-position: -80px -32px; }*/
-.icon.attach {
-       display: block; width: 28px; height: 28px;
-       background-size: 100% 100%;
-       background-image: url('images/paperclip.png');
-       background-repeat: no-repeat;
-}
-.language { background-position: -96px -32px; }
-.prev { background-position: -112px -32px; }
-.next { background-position: -128px -32px; }
-.on { background-position: -144px -32px; }
-
-.off { background-position: 0px -48px; }
-/*.starred { background-position: -16px -48px; }*/
-.icon.starred {
-       display: block; width: 28px; height: 28px;
-       background-size: 100% 100%;
-       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-image: url('images/star.png');
-       background-repeat: no-repeat;
-       opacity: 0.5;
-}
-/*.tagged { background-position: -48px -48px; }*/
-.icon.tagged {
-       display: block; width: 28px; height: 28px;
-       background-size: 100% 100%;
-       background-image: url('images/tag.png');
-       background-repeat: no-repeat;
-       opacity: 0.5;
-}
-.yellow { background-position: -64px -48px; }
-
-
-.filer-icon {
-       display: block; width: 24px; height: 24px;
-       background-size: 100% 100%;
-       background-image: url('images/folder.png');
-       background-repeat: no-repeat;
-       opacity: 0.5;
-}
-
-.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }
-
-[class^="comment-edit-bb"] {
-       list-style: none;
-       display: none;
-       margin: 0px 0 -5px 20px;
-       width: 75%;
-}
-[class^="comment-edit-bb"] > li {
-       display: inline-block;
-       margin: 20px 10px 0 0;
-       visibility: none;
-}
-/*[class^="comment-edit-bb-end"] {
-       clear: both;
-}*/
-.editicon {
-    display: inline-block;
-       background-size: 100% 100%;
-       background-repeat: no-repeat;
-       background-color: #f3f3f3;
-    text-decoration: none;
-}
-/*.editicon:hover {
-       background-color: #ccc;
-}*/
-.boldbb {
-/*     background-position: 0px 0px;*/
-       width: 26px; height: 28px;
-       background-image: url('images/boldB-serif.png');
-}
-/*.boldbb:hover {
-       background-position: 0px -16px;
-}*/
-.italicbb {
-/*     background-position: -16px 0px;*/
-       width: 16px; height: 28px;
-       background-image: url('images/italicI-serif.png');
-}
-/*.italicbb:hover {
-       background-position: -16px -16px;
-}*/
-.underlinebb {
-/*     background-position: -32px 0px;*/
-       width: 25px; height: 28px;
-       background-image: url('images/underlineU-serif.png');
-}
-/*.underlinebb:hover {
-       background-position: -32px -16px;
-}*/
-.quotebb {
-/*     background-position: -48px 0px;*/
-       width: 28px; height: 28px;
-       background-image: url('images/quote.png');
-}
-/*.quotebb:hover {
-       background-position: -48px -16px;
-}*/
-.codebb {
-/*     background-position: -64px 0px;*/
-       width: 28px; height: 28px;
-       background-image: url('images/code.png');
-}
-/*.codebb:hover {
-       background-position: -64px -16px;
-}*/
-.imagebb {
-       background-position: -80px 0px;
-}
-.imagebb:hover {
-       background-position: -80px -16px;
-}
-.urlbb {
-       background-position: -96px 0px;
-}
-.urlbb:hover {
-       background-position: -96px -16px;
-}
-.videobb {
-       background-position: -112px 0px;
-}
-.videobb:hover {
-       background-position: -112px -16px;
-}
-
-.attachtype {
-       display: block; width: 20px; height: 23px;
-       float: left;
-       background-image: url('../../../images/content-types.png');
-}
-
-.body-attach {
-       margin-top: 10px;
-}
-
-.type-video { background-position: 0px 0px; }
-.type-image { background-position: -20px 0px; }
-.type-audio { background-position: -40px 0px; }
-.type-text  { background-position: -60px 0px; }
-.type-unkn  { background-position: -80px 0px; }
-
-
-/* autocomplete popup */
-.acpopup {
-       max-height:150px;
-       background-color:#ffffff;
-       overflow:auto;
-       z-index:100000;
-       border:1px solid #cccccc;
-}
-.acpopupitem {
-       background-color:#ffffff; padding: 4px;
-       clear:left;
-}
-.acpopupitem img {
-       float: left;
-       margin-right: 4px;
-}
-
-.acpopupitem.selected {
-       color: #FFFFFF; background: #3465A4;
-}
-
-/* popup notifications */
-div.jGrowl div.notice {
-  background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
-  color: #ffffff;
-  padding-left: 58px;
-}
-div.jGrowl div.info {
-  background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;
-  color: #ffffff;
-  padding-left: 58px;
-}
-#jGrowl.top-right {
-       top: 15px;
-       right: 15px;
-}
-.qcomment {
-       border: 1px solid #EEE;
-       padding: 3px;
-       margin-top: 15px;
-       margin-left: 25px;
-       width: 125px;
-       overflow-y: auto;
-}
-
-
-.qcomment option {
-       width: 125px;
-       overflow-x: hidden;
-}
-
-.qcomment {
-       opacity: 0.3;
-       filter:alpha(opacity=30);
-}
-.qcomment:hover {
-       opacity: 1.0;
-       filter:alpha(opacity=100);
-}
-
-/* notifications popup menu */
-.nav-notify {
-       display: none;
-       position: absolute;
-       font-size: 10px;
-       padding: 1px 3px;
-       top: 0px;
-       right: -10px;
-       min-width: 15px;
-       text-align: right;
-}
-.nav-notify.show {
-       display: block;
-}
-ul.notifications-menu-popup {
-       position: absolute;
-       display: none;
-       width: 10em;
-       margin: 0px;
-       padding: 0px;
-       list-style: none;
-       z-index: 100000;
-       right: -55px;
-}
-#nav-notifications-menu {
-       width: 300px;
-/*     max-height: 400px;*/
-       height: auto;
-       overflow-y: scroll;overflow-style:scrollbar;
-       background-color:#FFFFFF;
-       -moz-border-radius: 5px;
-       -webkit-border-radius: 5px;
-       border-radius:5px;
-       border: 1px solid #AAA;
-       -moz-box-shadow: 3px 3px 5px #555;
-       -webkit-box-shadow: 3px 3px 5px #555;
-       box-shadow: 3px 3px 5px #555;
-}
-#nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
-#nav-notifications-menu img { float: left; margin-right: 5px; }
-#nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }
-#nav-notifications-menu li {
-       padding: 7px 0px 7px 10px;
-       word-wrap:normal;
-       border-bottom: 1px solid #000;
-}
-
-#nav-notifications-menu li:hover {
-
-}
-
-#nav-notifications-menu a:hover {
-       text-decoration: underline;
-}
-
-.notif-item a {
-       color: #000000;
-}
-
-.notif-item a:hover {
-       text-decoration: underline;
-}
-
-.notif-image {
-       width: 32px;
-       height: 32px;
-       padding: 7px 7px 0px 0px;
-}
-
-.notify-seen {
-       background: #DDDDDD;
-}
-
-#id_term_label {
-       width:75px;
-}
-#id_term {
-       width:100px;
-}
-
-#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; }
-.autocomplete .selected { background:#F0F0F0; }
-.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
-
-#datebrowse-sidebar select {
-       margin-left: 40px;
-       width: 130px;
-}
+/**\r
+ * duepuntozero Frindika style\r
+ * Fabio Comuni <fabrix.xm@gmail.com>\r
+ *\r
+ * Heavily modified for Frost Mobile\r
+ * Zach P\r
+ */\r
+\r
+\r
+/* generals */\r
+html {\r
+       width: 320px;\r
+       margin-left: auto;\r
+       margin-right: auto;\r
+}\r
+\r
+body {\r
+       font-family: helvetica,arial,freesans,clean,sans-serif;\r
+       font-size: 16px;\r
+/*     line-height: 24px;*/\r
+       background-color: #ffffff;\r
+       background-image: url(head.jpg);\r
+       background-repeat: repeat-x;\r
+       color: #505050;\r
+       margin: 0px;\r
+}\r
+\r
+div.container {\r
+       display: block;\r
+/*     width: 100%;*/\r
+       margin-top: 0px;\r
+       margin-bottom: 0px;\r
+       margin-left: auto;\r
+       margin-right: auto;\r
+}\r
+\r
+a, a:visited, a:link { color: #3465a4; text-decoration: none; }\r
+a:hover {text-decoration: underline; }\r
+\r
+input {\r
+       border: 1px solid #666666;\r
+       -moz-border-radius: 3px;\r
+       -webkit-border-radius: 3px;\r
+       border-radius: 3px;     \r
+       padding: 3px;\r
+}\r
+\r
+img { border :0px; }\r
+\r
+#id_openid_url, .openid input {\r
+   background: url(login-bg.gif) no-repeat;\r
+   background-position: 0 50%;\r
+   padding-left: 18px;\r
+   width: 252px;\r
+   margin-left: 20px;\r
+}\r
+.openid:hover {\r
+\r
+}\r
+\r
+/*#id_openid_url {\r
+       width: 384px;\r
+}*/\r
+\r
+code {\r
+       font-family: Courier, monospace;\r
+       white-space: pre;\r
+       display: block;\r
+       overflow: auto;\r
+       border: 1px solid #444;\r
+       background: #EEE;\r
+       color: #444;\r
+       padding: 10px;\r
+       margin-top: 20px; \r
+}\r
+\r
+blockquote {\r
+       background-color: #f4f8f9;\r
+       border-left: 4px solid #dae4ee;\r
+       padding: 0.4em;\r
+}\r
+\r
+.icollapse-wrapper, .ccollapse-wrapper {\r
+       border: 1px solid #CCC;\r
+       padding: 5px;\r
+}\r
+\r
+.hide-comments-outer {\r
+       margin-left: 0px;\r
+       font-weight: 700;\r
+       opacity: 0.6;\r
+}\r
+.hide-comments {\r
+       margin-left: 5px;\r
+}\r
+\r
+#panel {\r
+       background-color: ivory;\r
+       position: absolute;\r
+       z-index: 2;\r
+       width: 30%;\r
+       padding: 25px;\r
+       border: 1px solid #444;\r
+}\r
+\r
+.heart {\r
+       color: #FF0000;\r
+       font-size: 100%;\r
+       margin-right: 5px;\r
+}\r
+\r
+\r
+\r
+/* nav */\r
+nav {\r
+       height: 94px;\r
+/*     width: 100%;*/\r
+       width: 320px;\r
+       display: block;\r
+       margin-top: 0px;\r
+       margin-bottom: 0px;\r
+       margin-left: auto;\r
+       margin-right: auto;\r
+}\r
+nav #site-location {\r
+       color: #888a85;\r
+       font-size: 0.8em;\r
+       position: absolute;\r
+}\r
+\r
+.error-message {\r
+       color: #FF0000;\r
+       font-size: 1.1em;\r
+       border: 1px solid #FF8888;\r
+       background-color: #FFEEEE;\r
+       padding: 10px;\r
+}\r
+\r
+.info-message {\r
+       color: #204a87;\r
+       font-size: 1.1em;\r
+       border: 1px solid #3465a4;\r
+       background-color: #d7e3f1;\r
+       padding: 10px;\r
+}\r
+\r
+\r
+nav #banner {\r
+/*     display: block;*/\r
+       display: none;\r
+       margin-top: 14px;\r
+       position: absolute;\r
+}\r
+nav #banner #logo-text a {\r
+       display: none;\r
+       font-size: 40px;\r
+       font-weight: bold;\r
+       margin-left: 3px;\r
+       color: #000000;\r
+\r
+}\r
+nav #banner #logo-text a:hover { text-decoration: none; }\r
+\r
+\r
+/* ZP REMOVE? nav-commlink */\r
+.nav-commlink, .nav-login-link {\r
+       display: block;\r
+       height: 15px;\r
+       margin-top: 67px;\r
+       margin-right: 2px;\r
+       /*padding: 6px 10px;*/\r
+       padding: 6px 3px;\r
+       float: left;\r
+       bottom: 140px;\r
+       border: 1px solid #babdb6;\r
+       border-bottom: 0px;\r
+       background-color: #aec0d3;\r
+       color: #565854;         \r
+       -moz-border-radius: 3px 3px 0px 0px;\r
+       -webkit-border-radius: 3px 3px 0px 0px;\r
+       border-radius: 3px 3px 0px 0px; \r
+}\r
+\r
+.nav-commlink.selected {\r
+       background-color: #ffffff;\r
+       border-bottom: 1px solid #ffffff;\r
+       color: #000000 !important;\r
+       margin-top: 64px;\r
+       padding-top: 6px;\r
+       padding-bottom: 8px;\r
+}\r
+\r
+.nav-ajax-left.show {\r
+       position: absolute;\r
+       font-size: 0.8em;\r
+       top: 22px;\r
+       right: 2px;\r
+       padding: 1px 2px;\r
+       border-radius: 4px;\r
+       -moz-border-radius: 4px;\r
+       -webkit-border-radius: 4px;\r
+       background-color: gold !important;\r
+}\r
+\r
+\r
+\r
+nav #nav-link-wrapper .nav-link {\r
+       /*border-right: 1px solid #babdb6;*/\r
+}\r
+\r
+nav .nav-link {\r
+       margin-top: 24px;\r
+       margin-bottom: 0.2em;\r
+       margin-right: 1em;\r
+       margin-left: 1em;\r
+       background-color: transparent !important;\r
+}\r
+\r
+.nav-button-container {\r
+       float: right;\r
+       position: relative;\r
+}\r
+\r
+.nav-button-container .nav-ajax-left {\r
+}\r
+\r
+.nav-menu-list {\r
+       text-align: center;\r
+       text-size: 18px;\r
+       line-height: 24px;\r
+\r
+       border-left: 1px solid #aaa;/*#444444;*/\r
+       border-right: 1px solid #aaa;\r
+       border-top: 1px solid #aaa;\r
+       border-bottom: 1px solid #aaa;\r
+\r
+       background: #FFFFFF;\r
+\r
+       display: none;\r
+       list-style: none;\r
+\r
+       width: 8em;\r
+       position: absolute;\r
+       margin: 0px;\r
+/*     right: -33px;*/\r
+       padding: 1em 0px;\r
+\r
+       -moz-box-shadow: 3px 3px 5px #555;\r
+       -webkit-box-shadow: 3px 3px 5px #555;\r
+       box-shadow: 3px 3px 5px #555;\r
+\r
+       z-index: 10000;\r
+}\r
+\r
+#network-menu-list {\r
+       left: 3px;\r
+}\r
+\r
+#contacts-menu-list {\r
+       right: -30px;\r
+}\r
+\r
+#system-menu-list {\r
+       right: 3px;\r
+}\r
+\r
+\r
+div.main-container {\r
+/*     width: 100%;*/\r
+       margin: 0px auto;\r
+       display: block;\r
+       position: relative;\r
+}\r
+\r
+/*div.main-content-loading {\r
+       position: absolute;\r
+       top: 200px;\r
+       left: 50%;\r
+       display: none;\r
+}*/\r
+\r
+\r
+/* aside */\r
+aside {\r
+/*     display: block;*/\r
+       display: none;\r
+       min-height: 112px;\r
+\r
+       width: 250px;\r
+\r
+       padding: 1em;\r
+       margin: 1em 0px 0px 0px;\r
+\r
+       position: absolute;\r
+\r
+/*     float:left;*/\r
+}\r
+\r
+#dfrn-request-link {\r
+       display: block;\r
+       color: #FFFFFF;\r
+       -webkit-border-radius: 5px ;\r
+       -moz-border-radius: 5px;\r
+       border-radius: 5px;\r
+       padding: 5px;\r
+       font-weight: bold;\r
+       background: #3465a4 url('friendika-16.png') no-repeat 95% center;\r
+}\r
+#wallmessage-link {\r
+       display: block;\r
+       color: #FFFFFF;\r
+       -webkit-border-radius: 5px ;\r
+       -moz-border-radius: 5px;\r
+       border-radius: 5px;\r
+       padding: 5px;\r
+       font-weight: bold;\r
+       background-color: #3465a4;\r
+}\r
+\r
+/* section */\r
+div.section-wrapper {\r
+/*     width: 100%;*/\r
+       width: 320px;\r
+\r
+       margin-left: auto;\r
+       margin-right: auto;\r
+\r
+       /*padding-right:2em;*/\r
+\r
+       display: block;\r
+\r
+       background-color: #ffffff;\r
+       background-image: url(border.jpg);\r
+       background-position: top right;\r
+       background-repeat: no-repeat;\r
+}\r
+\r
+section {\r
+       margin: 0px 0px 0px 0px;\r
+\r
+       padding-left: 5px;\r
+       padding-right: 5px;\r
+       padding-top: 1em;\r
+       padding-bottom: 3em;\r
+\r
+       background-image: url(border.jpg);\r
+       background-position: top left;\r
+       background-repeat: no-repeat;\r
+\r
+       min-height: 112px;\r
+       border-top: 1px solid #babdb6;  \r
+}\r
+\r
+.tabs {\r
+       /*background-image: url(head.jpg);\r
+       background-repeat: repeat-x;    \r
+       background-position: 0px -20px;*/\r
+       border-bottom: 1px solid #babdb6;\r
+       padding:0px;\r
+}\r
+.tabs li { margin: 0px 0px 20px 0px; padding-left: 1em; list-style: none; }\r
+.tabs a {\r
+       padding: 0.4em 2em;\r
+       border: 1px solid #aaa;\r
+       border-radius: 8px;\r
+       -moz-border-radius: 8px;\r
+       -webkit-border-radius: 8px;\r
+}\r
+.tab {\r
+       /*display:block;*/\r
+       /*float:left;*/\r
+       padding-left: 1em;\r
+       padding-right: 0.4em;\r
+       padding-top: 0.4em;\r
+       padding-bottom: 0.4em;\r
+       /*margin-right: 1em;*/\r
+       margin-right: 3px ;\r
+}\r
+.tab.active {\r
+       font-weight: bold;\r
+       \r
+}\r
+#events-tab {\r
+       display: none;\r
+}\r
+\r
+\r
+/* footer */\r
+footer {\r
+    display: none;\r
+\r
+}\r
+\r
+.birthday-today, .event-today {\r
+       font-weight: bold;\r
+}\r
+\r
+.preview {\r
+       background: #FFFFC8;\r
+}\r
+\r
+#theme-preview {\r
+       margin: 15px 0 15px 150px;\r
+}\r
+\r
+/* from default */\r
+#jot-perms-icon, \r
+#profile-location,\r
+#profile-nolocation,\r
+#profile-youtube, \r
+#profile-video, \r
+#profile-audio,\r
+#profile-link,\r
+#profile-title, \r
+#wall-image-upload,\r
+#wall-file-upload,\r
+#profile-upload-wrapper,\r
+#wall-image-upload-div,\r
+#wall-file-upload-div,\r
+.hover, .focus {\r
+       cursor: pointer;\r
+}\r
+\r
+#jot-perms-icon {\r
+       float: left;\r
+}\r
+\r
+#jot-title, #jot-category {\r
+       border: 0px;\r
+       margin: 0px;\r
+       height: 20px;\r
+       width: 270px;\r
+       margin-bottom: 5px;\r
+       font-weight: bold;\r
+       border: 1px solid #ffffff;\r
+}\r
+\r
+#jot-title::-webkit-input-placeholder{font-weight: normal;}\r
+#jot-category::-webkit-input-placeholder{font-weight: normal;}\r
+#jot-title:-moz-placeholder{font-weight: normal;}\r
+#jot-category:-moz-placeholder{font-weight: normal;}\r
+               \r
+       \r
+#jot-title:hover,\r
+#jot-title:focus,\r
+#jot-category:hover,\r
+#jot-category:focus {\r
+       border: 1px solid #cccccc; \r
+}\r
+\r
+.jothidden { display:none; }\r
+\r
+\r
+.fakelink, .fakelink:visited, .fakelink:link {\r
+       color: #3465a4;\r
+       text-decoration: none;\r
+       cursor: pointer;\r
+       margin-top: 15px;\r
+       margin-bottom: 15px;\r
+}\r
+.lockview {\r
+       cursor: pointer;\r
+}\r
+\r
+#group-sidebar {\r
+       margin-bottom: 10px;\r
+}\r
+\r
+.group-selected, .nets-selected, .fileas-selected, .categories-selected {\r
+       padding: 3px;\r
+       -moz-border-radius: 3px;\r
+       -webkit-border-radius: 3px;\r
+       border-radius: 3px;     \r
+       border: 1px solid #CCCCCC;\r
+       background: #F8F8F8;\r
+       font-weight: bold;\r
+}\r
+\r
+.settings-widget .selected {\r
+       padding: 3px;\r
+       -moz-border-radius: 3px;\r
+       -webkit-border-radius: 3px;\r
+       border-radius: 3px;     \r
+       border: 1px solid #CCCCCC;\r
+       background: #F8F8F8;\r
+       font-weight: bold;\r
+}\r
+\r
+.fakelink:hover {\r
+       color: #3465a4;\r
+       text-decoration: underline;\r
+       cursor: pointer;\r
+}\r
+.smalltext {\r
+       font-size: 0.7em;\r
+}\r
+#sysmsg {\r
+       /*width: 600px;*/\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#register-fill-ext {\r
+       margin-bottom: 25px;\r
+}\r
+\r
+#label-register-name, #label-register-email, #label-register-nickname, #label-register-openid {\r
+       float: left;\r
+       width: 350px;\r
+       margin-top: 10px;\r
+}\r
+\r
+#register-name, #register-email, #register-nickname {\r
+       float: left;\r
+       margin-top: 10px;\r
+       width: 150px;\r
+}\r
+\r
+#register-openid {\r
+       float: left;\r
+       margin-top: 10px;\r
+       width: 130px;\r
+}\r
+\r
+#register-name-end, #register-email-end, #register-nickname-end, #register-submit-end, #register-openid-end {\r
+       clear: both;\r
+}\r
+\r
+#register-nickname-desc {\r
+       margin-top: 30px;\r
+       width: 650px;\r
+}\r
+#register-sitename {\r
+       float: left;\r
+       margin-top: 10px;\r
+}\r
+\r
+#register-submit-button {\r
+       margin-top: 10px;\r
+}\r
+\r
+\r
+#login_standard {\r
+       width: 210px;\r
+       float: left;\r
+}\r
+#login_openid {\r
+       width: 210px;\r
+       margin-left: 250px;\r
+}\r
+\r
+#login_standard input,\r
+#login_openid input {\r
+       width: 180px;\r
+}\r
+\r
+#login-extra-links {\r
+       clear: both;\r
+}\r
+\r
+#register-link, #lost-password-link {\r
+       float: left;\r
+       font-size: 80%;\r
+       margin-right: 15px;\r
+}\r
+\r
+#login-name-end, #login-password-end, #login-extra-end, #login-submit-end {\r
+       height: 50px;\r
+}\r
+\r
+#login-submit-button {\r
+/*     margin-top: 10px; */\r
+       margin-left: 200px;\r
+}\r
+\r
+\r
+input#dfrn-url {\r
+       float: left;\r
+       background: url(friendika-16.png) no-repeat;\r
+       background-position: 2px center;\r
+       font-size: 17px;\r
+       padding-left: 21px;\r
+       height: 21px;\r
+       background-color: #FFFFFF;\r
+       color: #000000;\r
+       margin-bottom: 20px;\r
+}\r
+\r
+#dfrn-url-label {\r
+       float: left;\r
+       width: 250px;\r
+}\r
+\r
+#dfrn-request-url-end {\r
+       clear: both;\r
+}\r
+\r
+#knowyouyes, #knowyouno {\r
+       float: left;\r
+}\r
+\r
+#dfrn-request-knowyou-yes-wrapper, #dfrn-request-knowyou-no-wrapper {\r
+\r
+       float: none;\r
+}\r
+#dfrn-request-knowyou-yes-label, #dfrn-request-knowyou-no-label {\r
+       float: left;\r
+       width: 75px;\r
+       margin-left: 50px;\r
+       margin-bottom: 7px;\r
+}\r
+#dfrn-request-knowyou-break, #dfrn-request-knowyou-end {\r
+       clear: both;\r
+\r
+}\r
+\r
+#dfrn-request-message-wrapper {\r
+       margin-bottom: 50px;\r
+}\r
+#dfrn-request-submit-wrapper {\r
+       clear: both;\r
+       margin-left: 50px;\r
+}\r
+\r
+#dfrn-request-info-wrapper {\r
+       margin-left: 50px;\r
+}\r
+\r
+\r
+\r
+#cropimage-wrapper, #cropimage-preview-wrapper {\r
+       float: left;\r
+       padding: 10px;\r
+}\r
+.imgCrop {\r
+       max-width: 280px;\r
+}\r
+#crop-image-form {\r
+       margin-top: 30px;\r
+       clear: both;\r
+}\r
+\r
+.intro-wrapper {\r
+       margin-top: 20px;\r
+}\r
+\r
+.intro-fullname {\r
+       font-size: 1.1em;\r
+       font-weight: bold;\r
+\r
+}\r
+.intro-desc {\r
+       margin-bottom: 20px;\r
+       font-weight: bold;\r
+}\r
+\r
+.intro-note {\r
+       padding: 10px;\r
+}\r
+\r
+.intro-end {\r
+       padding: 30px;\r
+}\r
+\r
+.intro-form {\r
+       float: left;\r
+}\r
+.intro-approve-form {\r
+       clear: both;\r
+}\r
+.intro-approve-as-friend-end {\r
+       clear: both;\r
+}\r
+.intro-submit-approve, .intro-submit-ignore {\r
+       margin-right: 20px;\r
+}\r
+.intro-submit-approve {\r
+       margin-top: 15px;\r
+}\r
+\r
+.intro-approve-as-friend-label, .intro-approve-as-fan-label {\r
+       float: left;\r
+       width: 100px;\r
+       margin-left: 20px;\r
+}\r
+.intro-approve-as-friend, .intro-approve-as-fan {\r
+       float: left;\r
+}\r
+.intro-form-end {\r
+       clear: both;\r
+}\r
+.intro-approve-as-friend-desc {\r
+       margin-top: 15px;\r
+}\r
+.intro-approve-as-end {\r
+       clear: both;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+.intro-end {\r
+       clear: both;\r
+       margin-bottom: 30px;\r
+}\r
+.aprofile dt {\r
+       font-weight: bold;\r
+}\r
+#page-profile .title {\r
+       font-weight: bold;\r
+}\r
+#profile-vcard-break {\r
+       clear: both;\r
+}\r
+#profile-extra-links {\r
+       clear: both;\r
+       margin-top: 10px;\r
+}\r
+\r
+#profile-extra-links ul {\r
+       list-style-type: none;\r
+       padding: 0px;\r
+}\r
+\r
+\r
+#profile-extra-links li {\r
+       margin-top: 5px;\r
+}\r
+\r
+#profile-edit-links ul {\r
+       list-style-type: none;\r
+}\r
+\r
+#profile-edit-links li {\r
+       margin-top: 10px;\r
+}\r
+.profile-edit-side-div {\r
+       float: right;\r
+}\r
+.profile-edit-side-link {\r
+       opacity: 0.3;\r
+       filter:alpha(opacity=30);\r
+}\r
+.profile-edit-side-link:hover {\r
+       opacity: 1.0;\r
+       filter:alpha(opacity=100);\r
+}\r
+\r
+.view-contact-wrapper {\r
+       margin-top: 20px;\r
+       float: left;\r
+       margin-left: 20px;\r
+       width: 180px;\r
+}\r
+\r
+.contact-wrapper {\r
+       float: left;\r
+       width: 150px;\r
+       height: 150px;\r
+       overflow: auto;\r
+}\r
+\r
+#view-contact-end {\r
+       clear: both;\r
+}\r
+\r
+\r
+#viewcontacts {\r
+       margin-top: 15px;\r
+}\r
+#profile-edit-default-desc {\r
+       color: #FF0000;\r
+       border: 1px solid #FF8888;\r
+       background-color: #FFEEEE;\r
+       padding: 7px;\r
+}\r
+\r
+#profile-edit-clone-link-wrapper {\r
+       float: left;\r
+       margin-left: 50px;\r
+       margin-bottom: 20px;\r
+       width: 300px;\r
+}\r
+\r
+\r
+#profile-edit-links-end {\r
+       clear: both;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+.profile-listing-photo {\r
+       border: none;\r
+}\r
+\r
+.profile-edit-submit-wrapper {\r
+       margin-top: 20px;\r
+       margin-bottom: 20px;\r
+}\r
+\r
+#profile-photo-link-select-wrapper {\r
+       margin-top: 2em;\r
+}\r
+\r
+#profile-photo-submit-wrapper {\r
+       margin-top: 10px;\r
+}\r
+\r
+#profile-photo-wrapper img {\r
+       width:175px;\r
+       height:175px;\r
+       padding: 12px;\r
+}\r
+\r
+#profile-edit-profile-name-label,\r
+#profile-edit-name-label,\r
+#profile-edit-pdesc-label,\r
+#profile-edit-gender-label,\r
+#profile-edit-dob-label,\r
+#profile-edit-address-label,\r
+#profile-edit-locality-label,\r
+#profile-edit-region-label,\r
+#profile-edit-postal-code-label,\r
+#profile-edit-country-name-label,\r
+#profile-edit-marital-label,\r
+#profile-edit-sexual-label,\r
+#profile-edit-politic-label,\r
+#profile-edit-religion-label,\r
+#profile-edit-pubkeywords-label,\r
+#profile-edit-prvkeywords-label,\r
+#profile-edit-homepage-label,\r
+#profile-edit-hometown-label {\r
+       font-weight: 700;\r
+       float: left;\r
+       width: 175px;\r
+}\r
+\r
+#profile-edit-profile-name,\r
+#profile-edit-name,\r
+#profile-edit-pdesc,\r
+#gender-select,\r
+#profile-edit-dob,\r
+#profile-edit-address,\r
+#profile-edit-locality,\r
+#profile-edit-region,\r
+#profile-edit-postal-code,\r
+#profile-edit-country-name,\r
+#marital-select,\r
+#sexual-select,\r
+#profile-edit-politic,\r
+#profile-edit-religion,\r
+#profile-edit-pubkeywords,\r
+#profile-edit-prvkeywords,\r
+#profile-in-dir-yes,\r
+#profile-in-dir-no,\r
+#profile-in-netdir-yes,\r
+#profile-in-netdir-no,\r
+#hide-wall-yes,\r
+#hide-wall-no,\r
+#hide-friends-yes,\r
+#hide-friends-no {\r
+       float: left;\r
+       margin-bottom: 20px;\r
+       margin-left: 20px;\r
+}\r
+#profile-edit-country-name {\r
+       max-width: 260px;\r
+}\r
+#profile-edit-pubkeywords,\r
+#profile-edit-prvkeywords {\r
+       margin-bottom: 5px;\r
+}\r
+#settings-normal,\r
+#settings-soapbox,\r
+#settings-freelove,\r
+#settings-community {\r
+       float: left;\r
+}\r
+#settings-notifications label {\r
+       margin-left: 20px;\r
+}\r
+#settings-notify-desc, #settings-activity-desc {\r
+       font-weight: bold;\r
+       margin-bottom: 15px;\r
+}\r
+#settings-pagetype-desc {\r
+       color: #666666;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#profile-in-dir-yes-label,\r
+#profile-in-dir-no-label,\r
+#profile-in-netdir-yes-label,\r
+#profile-in-netdir-no-label,\r
+#hide-wall-yes-label,\r
+#hide-wall-no-label,\r
+#hide-friends-yes-label,\r
+#hide-friends-no-label {\r
+       margin-left: 125px;\r
+       float: left;\r
+       width: 50px;\r
+}\r
+\r
+\r
+#profile-edit-howlong-label,\r
+#profile-edit-with-label {\r
+       display: block;\r
+       font-style: italic;\r
+       width: 175px;\r
+       margin-left: 0px;\r
+}\r
+#profile-edit-howlong,\r
+#profile-edit-with {\r
+       margin-left: 20px;\r
+       margin-bottom: 20px;\r
+}\r
+\r
+#profile-publish-yes-reg,\r
+#profile-publish-no-reg {\r
+       float: left;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#profile-publish-yes-label-reg,\r
+#profile-publish-no-label-reg {\r
+       margin-left: 350px;\r
+       float: left;\r
+       width: 50px;\r
+}\r
+\r
+#profile-publish-break-reg,\r
+#profile-publish-end-reg {\r
+       clear: both;\r
+}\r
+\r
+\r
+#profile-edit-pdesc-desc,\r
+#profile-edit-pubkeywords-desc,\r
+#profile-edit-prvkeywords-desc  {\r
+       float: left;\r
+       color: #777;\r
+       margin-left: 20px;\r
+       margin-bottom: 20px;\r
+}\r
+#profile-edit-prvkeywords-desc {\r
+       margin-bottom: 0px;\r
+}\r
+\r
+#profile-edit-homepage, #profile-edit-hometown {\r
+       float: left;\r
+       margin-bottom: 25px;\r
+       margin-left: 20px;\r
+}\r
+#profile-edit-hometown {\r
+       margin-bottom: 5px;\r
+}\r
+#settings-normal-label,\r
+#settings-soapbox-label,\r
+#settings-community-label,\r
+#settings-freelove-label {\r
+       float: left;\r
+       width: 200px;\r
+}\r
+#settings-normal-desc,\r
+#settings-soapbox-desc,\r
+#settings-community-desc,\r
+#settings-freelove-desc {\r
+       /*float: left;\r
+       margin-left: 75px;*/\r
+    clear: left;\r
+    color: #666666;\r
+    display: block;\r
+    margin-bottom: 20px        \r
+}\r
+\r
+#profile-edit-profile-name-end,\r
+#profile-edit-name-end,\r
+#profile-edit-pdesc-end,\r
+#profile-edit-gender-end,\r
+#profile-edit-dob-end,\r
+#profile-edit-address-end,\r
+#profile-edit-locality-end,\r
+#profile-edit-region-end,\r
+#profile-edit-postal-code-end,\r
+#profile-edit-country-name-end,\r
+#profile-edit-marital-end,\r
+#profile-edit-sexual-end,\r
+#profile-edit-politic-end,\r
+#profile-edit-religion-end,\r
+#profile-edit-pubkeywords-end,\r
+#profile-edit-prvkeywords-end,\r
+#profile-edit-homepage-end,\r
+#profile-edit-hometown-end,\r
+#profile-in-dir-break,\r
+#profile-in-dir-end,\r
+#profile-in-netdir-break,\r
+#profile-in-netdir-end,\r
+#hide-wall-break,\r
+#hide-wall-end,\r
+#hide-friends-break,\r
+#hide-friends-end,\r
+#settings-normal-break,\r
+#settings-soapbox-break,\r
+#settings-community-break,\r
+#settings-freelove-break {\r
+       clear: both;\r
+}\r
+#profile-edit-marital-wrapper, #profile-edit-address-wrapper {\r
+       margin-top: 50px;\r
+}\r
+#profile-edit-marital-end {\r
+       margin-bottom: 20px;\r
+}\r
+\r
+.settings-widget ul {\r
+       list-style-type: none;\r
+       padding: 0px;\r
+}\r
+\r
+.settings-widget li {\r
+       margin-left: 24px;\r
+       margin-bottom: 8px;\r
+}\r
+\r
+\r
+#gender-select, #marital-select, #sexual-select {\r
+       width: 220px;\r
+}\r
+\r
+#profile-edit-profile-name-wrapper .required {\r
+       color: #FF0000;\r
+       float: left;\r
+}\r
+\r
+#contacts-display-wrapper {\r
+       padding-left: 35px;\r
+}\r
+\r
+#contacts-main {\r
+       margin-top: 20px;\r
+       margin-bottom: 20px;\r
+}\r
+\r
+.contact-entry-wrapper {\r
+       float: left;\r
+/*     width: 120px;\r
+       height: 120px;*/\r
+       padding-left: 15px;\r
+       padding-right: 15px; \r
+       width: 95px;\r
+       height: 170px;\r
+}\r
+#contacts-search-end {\r
+       margin-bottom: 10px;\r
+}\r
+\r
+.contact-entry-direction-icon {\r
+       margin-top: 24px;\r
+       margin-right: 2px;\r
+}\r
+\r
+.contact-entry-photo img {\r
+       border: none;\r
+}\r
+.contact-entry-photo-end {\r
+       clear: both;\r
+}\r
+.contact-entry-name {\r
+       float: left;\r
+       margin-left: 0px;\r
+       margin-right: 10px;\r
+       padding-bottom: 5px;\r
+       width: 120px;\r
+       font-weight: 600;\r
+       overflow: hidden;\r
+}\r
+.contact-entry-details {\r
+       font-style: italic;\r
+       font-size: 10px;\r
+       font-weight: 500;\r
+}\r
+.contact-entry-network {\r
+       font-size: 10px;\r
+       font-weight: 500;\r
+}\r
+.contact-entry-edit-links {\r
+       margin-top: 6px;\r
+       margin-left: 10px;\r
+       width: 16px;\r
+}\r
+.contact-entry-nav-wrapper {\r
+       float: left;\r
+       margin-left: 10px;\r
+}\r
+\r
+.contact-entry-edit-links img {\r
+       border: none;\r
+       margin-right: 15px;\r
+}\r
+.contact-entry-photo {\r
+       float: left;\r
+       position: relative;\r
+}\r
+.contact-entry-end {\r
+       clear: both;\r
+}\r
+\r
+#fsuggest-desc, #fsuggest-submit-wrapper {\r
+       margin-top: 15px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#network-star-link{\r
+       margin-top: 10px;\r
+}\r
+.network-star {\r
+       float: left;\r
+       margin-right: 5px;\r
+}\r
+#network-bmark-link {\r
+       margin-top: 10px;\r
+}\r
+\r
+.wall-item-content-wrapper {\r
+       margin-top: 60px;\r
+       padding-top: 30px;\r
+       border-top: 2px solid #AAAAAA;\r
+       position: relative;\r
+\r
+}\r
+\r
+.wall-item-content-wrapper.comment {\r
+       margin-top: 30px;\r
+       padding-top: 0px;\r
+       margin-left: 5px;\r
+       margin-right: 5px;\r
+       border: 2px solid #AAAAAA;\r
+       border-radius: 10px;\r
+       -webkit-border-radius: 10px;\r
+       -moz-border-radius: 10px;\r
+/*     background: #EEEEEE;*/\r
+}\r
+\r
+.wall-item-like, .wall-item-dislike {\r
+       font-style: italic;\r
+       margin-left: 0px;\r
+       opacity: 0.6;\r
+}\r
+\r
+.wall-item-like.comment, .wall-item-dislike.comment {\r
+       margin-left: 5px;\r
+}\r
+\r
+.wall-item-info {\r
+       display: block;\r
+       float: left;\r
+       width:110px;\r
+       margin-right:10px;\r
+}\r
+.comment .wall-item-info {\r
+       width: 70px;\r
+}\r
+\r
+.wall-item-photo-wrapper {\r
+       margin-bottom: 10px;\r
+       width: 100px;\r
+}\r
+.wall-item-photo-menu-button {\r
+       display: block;\r
+       position: absolute;\r
+       background-image: url("photo-menu.jpg");\r
+       background-position: top left; \r
+       background-repeat: no-repeat;\r
+       margin: 0px; padding: 0px;\r
+       width: 16px;\r
+       height: 16px;\r
+       top: 94px; left:0px;\r
+       overflow: hidden;\r
+       text-indent: 40px;\r
+       display: none;\r
+       \r
+}\r
+.wall-item-photo-menu {\r
+       width: auto;\r
+       border: 2px solid #444444;\r
+       background: #FFFFFF;\r
+       position: absolute;\r
+       left: 0px; top:110px;\r
+       display: none;\r
+       z-index: 10000;\r
+}\r
+.wall-item-photo-menu { margin:0px; padding: 0px; list-style: none }\r
+.wall-item-photo-menu li a { display: block; padding: 2px; }\r
+.wall-item-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }\r
+\r
+\r
+.comment .wall-item-photo-menu-button {        top: 64px;}\r
+.comment .wall-item-photo-menu { top: 80px; }\r
+\r
+.wallwall .wwto {\r
+    left: 50px;\r
+    margin: 0;\r
+    position: absolute;\r
+    top: 80px;\r
+    width: 30px\r
+}\r
+.wallwall .wwto img {\r
+       width: 30px !important;\r
+       height: 30px !important;\r
+}\r
+\r
+.wallwall /*.wall-item-photo-end*/ {\r
+       clear: both;\r
+}\r
+\r
+.wall-item-arrowphoto-wrapper {\r
+    position: absolute;\r
+    left: 75px;\r
+    top: 80px;\r
+    z-index: 100;\r
+}\r
+.wall-item-wrapper {\r
+       margin-left:10px;\r
+}\r
+.wall-item-lock {\r
+       margin-top: 30px;\r
+       left: 105px;\r
+       position: absolute;\r
+       top: 1px;       \r
+}\r
+.comment .wall-item-lock {\r
+       margin-top: 0px;\r
+       left: 65px;\r
+}\r
+\r
+.wall-item-ago {\r
+       color: #888888;\r
+       font-size: 0.8em;\r
+}\r
+\r
+.wall-item-location {\r
+       overflow: hidden;\r
+       /* add ellipsis on text overflow               */\r
+       /* this work on safari, opera, ie, chrome.     */\r
+       /* firefox users have to wait support or we    */\r
+       /* can use a jquery plugin http://bit.ly/zJskg */\r
+       text-overflow: ellipsis;\r
+       -o-text-overflow: ellipsis;\r
+       width: 100%;\r
+}\r
+\r
+.wall-item-like-buttons {\r
+       float: left;\r
+       margin-right: 3px;\r
+}\r
+\r
+.like-rotator {\r
+       margin-left: 5px;\r
+}\r
+\r
+.wall-item-like-buttons > a,\r
+.wall-item-like-buttons > img {\r
+       float: left;\r
+}\r
+\r
+.wall-item-like-buttons img {\r
+       cursor: pointer;\r
+}\r
+\r
+.wall-item-share-buttons {\r
+       margin-left: 10px;\r
+       margin-right: 10px;\r
+}\r
+\r
+.editpost {\r
+       margin-left: 10px;\r
+       float: left;\r
+}\r
+.star-item {\r
+       margin-left: 10px;\r
+       float: left;    \r
+}\r
+.tag-item {\r
+       margin-left: 10px;\r
+       float: left;    \r
+}\r
+\r
+.filer-item {\r
+       margin-left: 10px;\r
+       float: left;\r
+}\r
+\r
+.wall-item-links-wrapper {\r
+       float: left;\r
+}\r
+\r
+.wall-item-delete-wrapper {\r
+       float: right;\r
+}\r
+\r
+/*.wall-item-delete-end {\r
+       clear: both;\r
+}*/\r
+\r
+.wall-item-delete-icon {\r
+       border: none;\r
+}\r
+\r
+\r
+/*.wall-item-wrapper-end {\r
+       clear: both;\r
+}*/\r
+.wall-item-name-link {\r
+       font-weight: bold;\r
+       text-decoration: none;\r
+       color: #3172BD;\r
+}\r
+.wall-item-photo {\r
+       border: none;\r
+}\r
+.comment .wall-item-photo {\r
+       width: 50px !important; \r
+       height: 50px !important;\r
+       border-top-left-radius: 10px;\r
+}\r
+.wall-item-content {\r
+       float: left;\r
+       margin-left: 3px;\r
+/*     padding-right: 1em;\r
+       max-height: 500px;\r
+       overflow: auto;*/\r
+}\r
+\r
+.wall-item-content img {\r
+       max-width: 300px;\r
+       border-radius: 7px;\r
+       -moz-border-radius: 7px;\r
+       -webkit-border-radius: 7px;\r
+}\r
+\r
+\r
+\r
+.wall-item-title {\r
+       float: left;\r
+       font-weight: bold;\r
+       font-size: 1.6em; \r
+       /*width: 450px;*/\r
+}\r
+\r
+/*.wall-item-title-end {\r
+       clear: both;\r
+}*/\r
+\r
+.wall-item-body {\r
+       text-align: justify;\r
+       float: left;\r
+       width: 300px;\r
+       overflow: hidden;\r
+       margin-top: 10px;\r
+       line-height: 23px;\r
+}\r
+\r
+.wall-item-body code {\r
+       overflow: auto;\r
+}\r
+\r
+.comment .wall-item-body {\r
+       margin-left: 5px;\r
+       width: 280px;\r
+}\r
+\r
+.wall-item-tools {\r
+       clear: both;\r
+/*     background-image: url("head.jpg");\r
+       background-position: 0 -20px;\r
+       background-repeat: repeat-x;*/\r
+       padding: 5px 5px 0px;\r
+       height: 32px;\r
+}\r
+.wall-item-author {\r
+/*     margin-top: 10px;*/\r
+       margin-top: 0px;\r
+}\r
+\r
+.comment .wall-item-tools {\r
+/*     background:none;*/\r
+/*     background-image: url("head.jpg");\r
+       background-position: 0 -20px;\r
+       background-repeat: repeat-x;*/\r
+       border-bottom-left-radius: 10px;\r
+       border-bottom-right-radius: 10px;\r
+} \r
+\r
+.comment-edit-wrapper {\r
+       margin-top: 15px;\r
+       background: #f3f3f3;\r
+       margin-left: 50px;\r
+}\r
+\r
+.comment-wwedit-wrapper {\r
+       display: block;\r
+       margin-top: 15px;\r
+       background: #f3f3f3;\r
+       margin-left: 10px;\r
+       margin-right: 10px;\r
+}\r
+\r
+.comment-edit-photo {\r
+       margin-top: 15px;\r
+       margin-left: 10px;\r
+       margin-bottom: 10px;\r
+       width: 25px;\r
+       float: left;\r
+}\r
+.comment-edit-photo img {\r
+       width: 25px;\r
+}\r
+.comment-edit-text-empty, .comment-edit-text-full {\r
+/*     float: left;*/\r
+       -moz-border-radius: 3px;\r
+       -webkit-border-radius: 3px;\r
+       border-radius: 3px;     \r
+       border: 1px solid #cccccc;\r
+       padding: 3px 1px 1px 3px;\r
+}\r
+\r
+.comment-edit-text-empty {\r
+       color: gray;\r
+       height: 30px;\r
+       width: 175px;\r
+/*     overflow: auto;*/\r
+       margin-top: 40px;\r
+       margin-bottom: 10px;\r
+       margin-left: 20px;\r
+}\r
+\r
+.comment-edit-text-full {\r
+       color: black;\r
+       height: 150px;\r
+/*     width: 350px;\r
+       overflow: auto;*/\r
+       width: 250px;\r
+       margin-top: 15px;\r
+       margin-left: 20px;\r
+}\r
+\r
+.comment-edit-text-end {\r
+       clear: both;\r
+}\r
+\r
+.comment-edit-submit {\r
+       font-size: 18px;\r
+       padding: 5px 10px;\r
+       margin: 10px 0px 10px 110px;\r
+}\r
+\r
+#profile-jot-wrapper {\r
+       padding-left: 10px;\r
+}\r
+\r
+#profile-jot-plugin-wrapper,\r
+#profile-jot-submit-wrapper {\r
+       margin-top: 15px;\r
+}\r
+\r
+#profile-jot-submit {\r
+       float: left;\r
+       font-size: 18px;\r
+       padding: 5px 8px;\r
+}\r
+#profile-upload-wrapper {\r
+       float: left;\r
+       margin-left: 30px;\r
+}\r
+#profile-attach-wrapper {\r
+       float: left;\r
+       margin-left: 15px;\r
+}\r
+#profile-rotator {\r
+       float: left;\r
+       margin-left: 30px;\r
+}\r
+#profile-link-wrapper {\r
+       float: left;\r
+       margin-left: 15px;\r
+}\r
+#profile-youtube-wrapper {\r
+       float: left;\r
+       margin-left: 15px;\r
+}\r
+#profile-video-wrapper {\r
+       float: left;\r
+       margin-left: 15px;\r
+}\r
+#profile-audio-wrapper {\r
+       float: left;\r
+       margin-left: 15px;\r
+}\r
+#profile-location-wrapper {\r
+       float: left;\r
+       margin-left: 15px;\r
+}\r
+#jot-preview-link {\r
+       display: none;\r
+       float: left;\r
+       margin-left: 45px;\r
+       margin-top: 0px !important;\r
+}\r
+\r
+\r
+#profile-nolocation-wrapper {\r
+       float: left;\r
+       margin-left: 15px;\r
+}\r
+#profile-title-wrapper {\r
+       float: left;\r
+       margin-left: 15px;\r
+}\r
+\r
+#profile-jot-perms {\r
+       float: left;\r
+       margin-left: 40px;\r
+       font-weight: bold;\r
+       font-size: 1.2em;\r
+}\r
+\r
+\r
+#profile-jot-perms-end {\r
+       /*clear: left;*/\r
+       height: 30px;\r
+}\r
+\r
+#profile-jot-plugin-end{\r
+  clear: both;\r
+}\r
+.profile-jot-net {\r
+       float: left;\r
+       margin-right: 10px;\r
+       margin-top: 5px;\r
+       margin-bottom: 5px;\r
+}\r
+\r
+#profile-jot-networks-end {\r
+       clear: both;\r
+}\r
+\r
+.profile-jot-box {\r
+       margin-top: 50px;\r
+}\r
+.profile-edit-textarea {\r
+       margin-left: 20px;\r
+}\r
+\r
+#profile-jot-end {\r
+       /*clear: both;*/\r
+       margin-bottom: 30px;\r
+}\r
+#about-jot-submit-wrapper {\r
+       margin-top: 15px;\r
+}\r
+#about-jot-end {\r
+       margin-bottom: 30px;\r
+}\r
+#contacts-main {\r
+       margin-bottom: 30px;\r
+}\r
+\r
+#profile-listing-desc {\r
+       margin-left: 30px;\r
+}\r
+\r
+#profile-listing-new-link-wrapper {\r
+       margin-left: 30px;\r
+       margin-bottom: 30px;\r
+}\r
+.profile-listing-photo-wrapper {\r
+       float: left;\r
+}\r
+\r
+.profile-listing-edit-buttons-wrapper {\r
+       clear: both;\r
+}\r
+.profile-listing-photo-edit-link {\r
+       float: left;\r
+       width: 125px;\r
+}\r
+.profile-listing-end {\r
+       clear: both;\r
+}\r
+.profile-listing-edit-buttons-wrapper img{\r
+       border: none;\r
+       margin-right: 20px;\r
+}\r
+.profile-listing {\r
+       float: left;\r
+       margin-left: 30px;\r
+       margin-top: 25px;\r
+}\r
+.profile-listing-visible {\r
+       margin-left: 100px;\r
+}\r
+.profile-listing-name {\r
+       float: left;\r
+       margin-left: 12px;\r
+       margin-top: 10px;\r
+       color: #3172BD;\r
+       font-weight: bold;\r
+       width: 200px;\r
+\r
+}\r
+.fortune {\r
+       margin-top: 50px;\r
+       color: #4444FF;\r
+       font-weight: bold;\r
+       margin-bottom: 20px;\r
+}\r
+\r
+\r
+.directory-end {\r
+       clear: both;\r
+}\r
+.directory-name {\r
+       text-align: center;\r
+}\r
+.directory-photo {\r
+       margin-left: 15px;\r
+}\r
+.directory-details {\r
+       font-size: 0.7em;\r
+       text-align: center;\r
+       margin-left: 5px;\r
+       margin-right: 5px;\r
+}\r
+.directory-item {\r
+       float: left;\r
+/*     width: 225px;\r
+       height: 260px;*/\r
+       padding-left: 15px;\r
+       width: 130px;\r
+       height: 235px;\r
+       overflow: auto;\r
+}\r
+\r
+#directory-search-wrapper {\r
+       margin-top: 20px;\r
+       margin-right: 20px;\r
+       margin-bottom: 50px;\r
+}\r
+\r
+#directory-search-end {\r
+}\r
+\r
+.directory-photo-img {\r
+       width: 125px;\r
+       border: none;\r
+}\r
+\r
+\r
+.pager {\r
+  margin-top: 30px;\r
+  margin-right: auto;\r
+  margin-left: auto;\r
+\r
+  padding-top: 10px;\r
+  padding-bottom: 10px;\r
+  padding-left: 10px;\r
+  text-align: center;\r
+/*  line-height: 2.75em;*/\r
+}\r
+\r
+.pager a {\r
+       font-size: 1.5em;\r
+       padding: 0.2em 1em;\r
+       border: 1px solid #aaa;\r
+       border-radius: 10px;\r
+       -moz-border-radius: 10px;\r
+       -webkit-border-radius: 10px;\r
+}\r
+\r
+\r
+.pager_first,\r
+.pager_last,\r
+.pager_prev,\r
+.pager_next,\r
+.pager_n {\r
+/*     float: left;\r
+       border: 1px solid black;\r
+       border-radius: 7px;\r
+       background: #EEE;\r
+       text-align: center;\r
+       width: 50px;\r
+       margin-right: 5px;\r
+       margin-bottom: 10px;*/\r
+/*     float: left;*/\r
+/*     margin-right: 15px;\r
+       margin-left: 15px;*/\r
+}\r
+\r
+.pager_first,\r
+.pager_last,\r
+.pager_n {\r
+       display: none;\r
+}\r
+\r
+/*.pager_first a,\r
+.pager_last a,\r
+.pager_prev a,\r
+.pager_next a {\r
+       padding-top: 5px;\r
+       padding-bottom: 5px;\r
+       padding-left: 25px;\r
+       padding-right: 30px;\r
+\r
+       border: 2px solid #AAAAAA;\r
+       border-radius: 10px;\r
+       -moz-border-radius: 10px;\r
+       -webkit-border-radius: 10px;\r
+    font-size: 1.25em;\r
+       text-align: center;\r
+       text-decoration: none;\r
+}\r
+.pager_n a {\r
+       padding-top: 2px;\r
+       padding-bottom: 2px;\r
+       padding-left: 9px;\r
+       padding-right: 18px;\r
+       text-decoration: none;\r
+}*/\r
+\r
+.pager_prev a,\r
+.pager_next a {\r
+       font-size: 1.5em;\r
+       padding: 0.2em 1em;\r
+       border: 1px solid #aaa;\r
+       border-radius: 10px;\r
+       -moz-border-radius: 10px;\r
+       -webkit-border-radius: 10px;\r
+}\r
+\r
+.pager_current {\r
+       display: none;\r
+       float: left;\r
+       border: 1px solid black;\r
+       border-radius: 7px;\r
+       -moz-border-radius: 7px;\r
+       -webkit-border-radius: 7px;\r
+       background: #FFCCCC;\r
+       font-size: 1.25em;\r
+       text-align: center;\r
+       width: 50px;\r
+       margin-right: 5px;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+\r
+#advanced-profile-name-wrapper,\r
+#advanced-profile-gender-wrapper,\r
+#advanced-profile-dob-wrapper,\r
+#advanced-profile-age-wrapper,\r
+#advanced-profile-marital-wrapper,\r
+#advanced-profile-sexual-wrapper,\r
+#advanced-profile-homepage-wrapper,\r
+#advanced-profile-politic-wrapper,\r
+#advanced-profile-religion-wrapper,\r
+#advanced-profile-about-wrapper,\r
+#advanced-profile-interest-wrapper,\r
+#advanced-profile-contact-wrapper,\r
+#advanced-profile-music-wrapper,\r
+#advanced-profile-book-wrapper,\r
+#advanced-profile-tv-wrapper,\r
+#advanced-profile-film-wrapper,\r
+#advanced-profile-romance-wrapper,\r
+#advanced-profile-work-wrapper,\r
+#advanced-profile-education-wrapper {\r
+       margin-top: 20px;\r
+}\r
+\r
+#advanced-profile-name-text,\r
+#advanced-profile-gender-text,\r
+#advanced-profile-dob-text,\r
+#advanced-profile-age-text,\r
+#advanced-profile-marital-text,\r
+#advanced-profile-sexual-text,\r
+#advanced-profile-homepage-text,\r
+#advanced-profile-politic-text,\r
+#advanced-profile-religion-text,\r
+#advanced-profile-about-text,\r
+#advanced-profile-interest-text,\r
+#advanced-profile-contact-text,\r
+#advanced-profile-music-text,\r
+#advanced-profile-book-text,\r
+#advanced-profile-tv-text,\r
+#advanced-profile-film-text,\r
+#advanced-profile-romance-text,\r
+#advanced-profile-work-text,\r
+#advanced-profile-education-text {\r
+       width: 300px;\r
+       float: left;\r
+}\r
+\r
+#advanced-profile-name-end,\r
+#advanced-profile-gender-end,\r
+#advanced-profile-dob-end,\r
+#advanced-profile-age-end,\r
+#advanced-profile-marital-end,\r
+#advanced-profile-sexual-end,\r
+#advanced-profile-homepage-end,\r
+#advanced-profile-politic-end,\r
+#advanced-profile-religion-end {\r
+       height: 10px;\r
+}\r
+\r
+#advanced-profile-about-end,\r
+#advanced-profile-interest-end,\r
+#advanced-profile-contact-end,\r
+#advanced-profile-music-end,\r
+#advanced-profile-book-end,\r
+#advanced-profile-tv-end,\r
+#advanced-profile-film-end,\r
+#advanced-profile-romance-end,\r
+#advanced-profile-work-end,\r
+#advanced-profile-education-end {\r
+\r
+\r
+}\r
+\r
+#advanced-profile-name,\r
+#advanced-profile-gender,\r
+#advanced-profile-dob,\r
+#advanced-profile-age,\r
+#advanced-profile-marital,\r
+#advanced-profile-sexual,\r
+#advanced-profile-homepage,\r
+#advanced-profile-politic,\r
+#advanced-profile-religion {\r
+       float: left;\r
+\r
+}\r
+\r
+\r
+#advanced-profile-about,\r
+#advanced-profile-interest,\r
+#advanced-profile-contact,\r
+#advanced-profile-music,\r
+#advanced-profile-book,\r
+#advanced-profile-tv,\r
+#advanced-profile-film,\r
+#advanced-profile-romance,\r
+#advanced-profile-work,\r
+#advanced-profile-education {\r
+       margin-top: 10px;\r
+       margin-left: 50px;\r
+       margin-right: 20px;\r
+       padding: 10px;\r
+       border: 1px solid #CCCCCC;\r
+}\r
+\r
+#advanced-profile-with {\r
+       float: left;\r
+       margin-left: 15px;\r
+}\r
+\r
+#contact-edit-wrapper {\r
+       margin-top: 10px;\r
+}\r
+\r
+#contact-edit-banner-name {\r
+       font-size: 1.4em;\r
+       font-weight: bold;\r
+}\r
+\r
+#contact-edit-poll-wrapper {\r
+       margin-top: 15px;\r
+}\r
+\r
+#contact-edit-last-update-text {\r
+       float: left;\r
+       clear: left;\r
+       margin-top: 30px;\r
+}\r
+\r
+#contact-edit-poll-text {\r
+       float: left;\r
+       clear: left;\r
+       margin-top: 15px;\r
+       margin-bottom: 0px;\r
+}\r
+\r
+#contact-edit-update-now {\r
+       margin-top: 15px;\r
+}\r
+\r
+#contact-edit-links{\r
+       clear: both;\r
+}\r
+\r
+#contact-edit-links ul {\r
+       list-style: none;\r
+       list-style-type: none;\r
+       margin-left: 0px;\r
+       padding-left: 0px;\r
+}\r
+\r
+#contact-edit-links li {\r
+       margin-top: 5px;\r
+}\r
+\r
+#contact-edit-drop-link {\r
+       float: right;\r
+       margin-right: 10px;\r
+}\r
+\r
+#contact-edit-nav-end {\r
+       clear: both;\r
+}\r
+\r
+#contact-edit-wrapper {\r
+       width: 100%;\r
+}\r
+\r
+#update_now_link {\r
+       float: left;\r
+       clear: left;\r
+       margin-bottom: 20px;\r
+}\r
+\r
+#label_id_hidden, #id_hidden {\r
+       margin-top: 30px;\r
+}\r
+#help_id_hidden {\r
+       margin-top: 30px;\r
+}\r
+\r
+#contact-edit-end {\r
+       clear: both;\r
+       margin-top: 15px;\r
+}\r
+\r
+#contact-profile-selector {\r
+       width: 175px;\r
+       margin-left: 0px;\r
+}\r
+\r
+.contact-edit-submit {\r
+       margin-top: 20px;\r
+       padding: 0.2em 0.5em;\r
+       font-size: 18px;\r
+}\r
+\r
+\r
+.contact-photo-menu-button {\r
+/*     position: absolute;\r
+       background-image: url("photo-menu.jpg");\r
+       background-position: top left; \r
+       background-repeat: no-repeat;\r
+       margin: 0px; padding: 0px;\r
+       width: 16px;\r
+       height: 16px;\r
+       top: 64px; left:0px;\r
+       overflow: hidden;\r
+       text-indent: 40px;\r
+       display: none;*/\r
+       \r
+}\r
+.contact-photo-menu {\r
+       width: 130px;\r
+       border: 1px solid #AAA;\r
+       background: #FFFFFF;\r
+       position: absolute;\r
+       left: -30px; top: 80px;\r
+       display: none;\r
+       z-index: 10000;\r
+       -moz-box-shadow: 3px 3px 5px #555;\r
+       -webkit-box-shadow: 3px 3px 5px #555;\r
+       box-shadow: 3px 3px 5px #555;\r
+}\r
+.contact-photo-menu ul { margin:0px; padding: 0px; list-style: none }\r
+.contact-photo-menu li a { display: block; padding: 2px; }\r
+.contact-photo-menu li a:hover { color: #FFFFFF; background: #3465A4; text-decoration: none; }\r
+\r
+\r
+#block-message, #ignore-message, #archive-message, #lost-contact-message {\r
+       color: #FF0000;\r
+}\r
+\r
+#profile-edit-insecure {\r
+       margin-top: 20px;\r
+       color: #FF0000;\r
+       font-size: 1.1em;\r
+       border: 1px solid #FF8888;\r
+       background-color: #FFEEEE;\r
+       padding-left: 5px;\r
+       /*: 3px 3px 3px 5px; */\r
+       width: 587px;\r
+}\r
+\r
+#profile-jot-desc {\r
+       /*float: left;*/\r
+       width: 100%;\r
+       color: #FF0000;\r
+       margin-top: 10px;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#profile-jot-text {\r
+       width: 90%;\r
+       height: 20px;\r
+       color:#cccccc;\r
+       border: 1px solid #cccccc;\r
+       padding: 3px 0px 0px 5px;\r
+       -moz-border-radius: 3px;\r
+       -webkit-border-radius: 3px;\r
+       border-radius: 3px;     \r
+}\r
+\r
+\r
+/** acl **/\r
+#photo-edit-perms-select,\r
+#photos-upload-permissions-wrapper,\r
+#profile-jot-acl-wrapper{\r
+       display:block!important;\r
+}\r
+\r
+#photos-usage-message {\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#profile-jot-acl-wrapper{\r
+       width:270px;\r
+       padding-left:10px;\r
+       height:auto;\r
+       overflow:visible;\r
+}\r
+\r
+#acl-wrapper {\r
+       width: 270px;\r
+       float:left;\r
+}\r
+#acl-search {\r
+       display: none;\r
+       float:right;\r
+       background: #ffffff url("../../../images/search_18.png") no-repeat right center;\r
+       padding-right:20px;\r
+}\r
+#acl-showall {\r
+       float: left;\r
+       display: block;\r
+       width: auto;\r
+       height: 18px;\r
+       background-color: #cccccc;\r
+       background-image: url("../../../images/show_all_off.png");\r
+       background-position: 7px 7px;\r
+       background-repeat: no-repeat;\r
+       padding: 7px 5px 0px 30px;\r
+       -webkit-border-radius: 5px ;\r
+       -moz-border-radius: 5px;\r
+       border-radius: 5px;\r
+       color: #999999;\r
+}\r
+#acl-showall.selected {\r
+       color: #000000;\r
+       background-color: #ff9900;\r
+       background-image: url("../../../images/show_all_on.png");\r
+}\r
+\r
+#acl-list {\r
+/*     height: 210px;*/\r
+       border: 1px solid #cccccc;\r
+       clear: both;\r
+       margin-top: 30px;\r
+       overflow: visible;\r
+}\r
+#acl-list-content {\r
+       \r
+}\r
+.acl-list-item {\r
+       display: block;\r
+       width: 120px;\r
+       height: 30px;\r
+       border: 1px solid #cccccc;\r
+       -moz-border-radius: 4px;\r
+       -webkit-border-radius: 4px;\r
+       border-radius: 4px;\r
+       margin-top: 5px;\r
+       margin-bottom: 5px;\r
+       margin-right: 2px;\r
+       margin-left: 2px;\r
+       padding-left: 5px;\r
+       float: left;\r
+}\r
+.acl-list-item img{\r
+       display: none;\r
+       width:22px;\r
+       height: 22px;\r
+       float: left;\r
+       margin: 4px;\r
+}\r
+.acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}\r
+.acl-list-item a { \r
+       font-size: 8px;\r
+       display: block;\r
+       width: 40px;\r
+       height: 10px;\r
+       float: left;\r
+       color: #999999;\r
+       background-color: #cccccc;\r
+       background-position: 3px 3px;\r
+       background-repeat: no-repeat;\r
+       margin-right: 5px;\r
+       -webkit-border-radius: 2px ;\r
+       -moz-border-radius: 2px;\r
+       border-radius: 2px;\r
+       padding-left: 15px;\r
+}\r
+#acl-wrapper a:hover {\r
+       text-decoration: none;\r
+       color:#000000;\r
+}\r
+.acl-button-show { background-image: url("../../../images/show_off.png"); }\r
+.acl-button-hide { background-image: url("../../../images/hide_off.png"); }\r
+\r
+.acl-button-show.selected {\r
+       color: #000000;\r
+       background-color: #9ade00;\r
+       background-image: url("../../../images/show_on.png");\r
+}\r
+.acl-button-hide.selected {\r
+       color: #000000;\r
+       background-color: #ff4141;\r
+       background-image: url("../../../images/hide_on.png");\r
+}\r
+.acl-list-item.groupshow { border-color: #9ade00; }\r
+.acl-list-item.grouphide { border-color: #ff4141; }\r
+/** /acl **/\r
+\r
+\r
+#group-new-submit-wrapper {\r
+       margin-top: 30px;\r
+}\r
+\r
+#group-edit-name-label {\r
+       float: left;\r
+       width: 175px;\r
+       margin-top: 20px;\r
+       margin-bottom: 20px;\r
+}\r
+\r
+#group-edit-name {\r
+       float: left;\r
+       width: 225px;\r
+       margin-top: 20px;\r
+       margin-bottom: 20px;\r
+}\r
+\r
+#group-edit-name-wrapper {\r
+\r
+\r
+}\r
+\r
+\r
+#group_members_select_label {\r
+       display: block;\r
+       float: left;\r
+       width: 175px;\r
+}\r
+\r
+.group_members_select {\r
+       float: left;\r
+       width: 230px;\r
+       overflow: auto;\r
+}\r
+\r
+#group_members_select_end {\r
+       clear: both;\r
+}\r
+#group-edit-name-end {\r
+       clear: both;\r
+}\r
+\r
+#prvmail-to-label, #prvmail-subject-label, #prvmail-message-label {\r
+       margin-bottom: 10px;\r
+       margin-top: 20px;\r
+}\r
+\r
+#prvmail-submit {\r
+       float: left;\r
+       font-size: 18px;\r
+       padding: 0.25em 0.5em;\r
+       margin-top: 10px;\r
+       margin-right: 30px;\r
+}\r
+#prvmail-upload-wrapper,\r
+#prvmail-link-wrapper,\r
+#prvmail-rotator-wrapper {\r
+       float: left;\r
+       margin-top: 10px;\r
+       margin-right: 10px;\r
+       width: 24px;\r
+}\r
+\r
+#prvmail-end {\r
+       clear: both;\r
+}\r
+\r
+.mail-list-sender,\r
+.mail-list-detail {\r
+       float: left;\r
+}\r
+.mail-list-detail {\r
+       margin-left: 20px;\r
+}\r
+\r
+.mail-list-subject {\r
+       font-size: 1.1em;\r
+       margin-top: 10px;\r
+}\r
+a.mail-list-link {\r
+    display: block;\r
+    font-size: 1.3em;\r
+    padding: 4px 0;\r
+}\r
+\r
+/*\r
+*a.mail-list-link:hover {\r
+*      background-color: #15607B;\r
+*      color: #F5F6FB;\r
+*}\r
+*/\r
+\r
+.mail-list-outside-wrapper-end {\r
+       clear: both;\r
+}\r
+\r
+.mail-list-outside-wrapper {\r
+       margin-top: 30px;\r
+}\r
+\r
+.mail-list-delete-wrapper {\r
+       float: right;\r
+       margin-right: 30px;\r
+       margin-top: 15px;\r
+}\r
+\r
+.mail-list-delete-icon {\r
+       border: none;\r
+}\r
+\r
+.mail-conv-sender,\r
+.mail-conv-detail {\r
+       float: left;\r
+}\r
+.mail-conv-detail {\r
+       margin-left: 20px;\r
+       margin-bottom: 10px;\r
+       width: 270px;\r
+}\r
+\r
+.mail-conv-subject {\r
+    font-size: 1.4em;\r
+    margin: 10px 0;\r
+}\r
+\r
+.mail-conv-outside-wrapper-end {\r
+       clear: both;\r
+}\r
+\r
+.mail-conv-outside-wrapper {\r
+       margin-top: 30px;\r
+}\r
+\r
+.mail-conv-delete-wrapper {\r
+       float: right;\r
+       margin-right: 5px;\r
+       margin-top: 15px;\r
+}\r
+.mail-conv-break {\r
+       clear: both;\r
+}\r
+\r
+.mail-conv-delete-icon {\r
+       border: none;\r
+}\r
+\r
+.message-links ul {\r
+       list-style-type: none;\r
+       padding: 0px;\r
+}\r
+\r
+.message-links li {\r
+       margin-top: 10px;\r
+       float: left;\r
+}\r
+.message-links a {\r
+       padding: 3px 5px;\r
+}\r
+\r
+.message-links-end {\r
+       clear: both;\r
+}\r
+\r
+#sidebar-group-list ul {\r
+       list-style-type: none;\r
+}\r
+\r
+#sidebar-group-list .icon, #sidebar-group-list .iconspacer {\r
+       display: inline-block;\r
+       height: 12px;\r
+       width: 12px;\r
+}\r
+\r
+#sidebar-group-list li {\r
+       margin-top: 10px;\r
+}\r
+\r
+.nets-ul, .fileas-ul, .categories-ul {\r
+       list-style-type: none;\r
+}\r
+\r
+.nets-ul li, .fileas-ul li, .categories-ul li {\r
+       margin-top: 10px;\r
+}\r
+\r
+.nets-link {\r
+       margin-left: 24px;\r
+}\r
+.nets-all {\r
+       margin-left: 42px;\r
+}\r
+\r
+.fileas-link, .categories-link {\r
+       margin-left: 24px;\r
+}\r
+\r
+.fileas-all, .categories-all {\r
+       margin-left: 0px;\r
+}\r
+\r
+#search-save {\r
+       margin-left: 5px;\r
+}\r
+.groupsideedit {\r
+       margin-right: 10px;\r
+}\r
+#saved-search-ul {\r
+       list-style-type: none;\r
+}\r
+.savedsearchdrop, .savedsearchterm {\r
+       float: left;\r
+       margin-top: 10px;\r
+}\r
+.savedsearchterm {\r
+       margin-left: 10px;\r
+}\r
+\r
+\r
+#side-follow-wrapper {\r
+       margin-top: 20px;\r
+}\r
+#side-follow-url, #side-peoplefind-url {\r
+       margin-top: 5px;\r
+}\r
+#side-follow-submit, #side-peoplefind-submit {\r
+       margin-top: 15px;\r
+}\r
+\r
+#side-match-link {\r
+       margin-top: 10px;\r
+}\r
+\r
+aside input[type='text'] {\r
+ width: 174px;\r
+}\r
+\r
+.widget {\r
+       border: 1px solid #DDDDDD;\r
+       padding: 8px;\r
+       margin-top: 5px;\r
+       -moz-border-radius:5px;\r
+       -webkit-border-radius:5px;\r
+       border-radius:5px;\r
+\r
+}\r
+\r
+\r
+/*.photos {\r
+       height: auto;\r
+       overflow: auto;\r
+}*/\r
+\r
+.photos-end {\r
+       clear: both;\r
+       margin-bottom: 25px;\r
+}\r
+\r
+.photo-album-image-wrapper {\r
+       float: left;\r
+       margin-top: 15px;\r
+       margin-right: 15px;\r
+       margin-left: 15px;\r
+/*     width: 200px; height: 200px; \r
+       overflow: hidden; \r
+       position: relative; */\r
+}\r
+.photo-album-image-wrapper .caption {\r
+       display: none; \r
+       width: 100%;\r
+/*     position: absolute; */\r
+       bottom: 0px; \r
+       padding: 0.5em 0.5em 0px 0.5em;\r
+       background-color: rgba(245, 245, 255, 0.8);\r
+       border-bottom: 2px solid #CCC;\r
+       margin: 0px;\r
+}\r
+.photo-album-image-wrapper a:hover .caption {\r
+       display:block;\r
+}\r
+\r
+#photo-album-end {\r
+       clear: both;\r
+       margin-bottom: 25px;\r
+}\r
+\r
+.photo-top-image-wrapper {\r
+/*     position: relative; */\r
+       float: left;\r
+       margin-top: 15px;\r
+       margin-right: 15px;\r
+       margin-left: 15px;\r
+       margin-bottom: 15px;\r
+/*     width: 200px; height: 200px; \r
+       overflow: hidden; */\r
+}\r
+.photo-top-image-wrapper img {\r
+       max-width: 290px;\r
+       border-radius: 10px;\r
+       -moz-border-radius: 10px;\r
+       -webkit-border-radius: 10px;\r
+}\r
+.photo-top-album-name {\r
+       width: 100%;\r
+       min-height: 2em;\r
+/*     position: absolute;  */\r
+       bottom: 0px; \r
+       padding: 0px 3px;\r
+       padding-top: 0.5em;\r
+       background-color: rgb(255, 255, 255);\r
+}\r
+#photo-top-end {\r
+       clear: both;\r
+}\r
+\r
+#photo-top-links {\r
+       margin-bottom: 30px;\r
+       margin-left: 30px;\r
+}\r
+\r
+#photos-upload-newalbum-div {\r
+       float: left;\r
+       width: 175px;\r
+}\r
+\r
+#photos-upload-noshare {\r
+       margin-bottom: 10px;\r
+}\r
+#photos-upload-existing-album-text {\r
+       float: left;\r
+       width: 175px;\r
+}\r
+#photos-upload-newalbum {\r
+       float: left;\r
+}\r
+#photos-upload-album-select {\r
+       float: left;\r
+}\r
+\r
+#photos-upload-spacer {\r
+       margin-top: 25px;\r
+}\r
+#photos-upload-new-end, #photos-upload-exist-end {\r
+       clear: both;\r
+}\r
+#photos-upload-exist-end {\r
+       margin-bottom: 15px;\r
+}\r
+#photos-upload-submit {\r
+       margin-top: 15px;\r
+}\r
+\r
+#photos_upload_applet_wrapper {\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#photos-upload-no-java-message {\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#character-counter {\r
+       float: right;\r
+       font-size: 120%;\r
+}\r
+\r
+#character-counter.grey {\r
+       color: #888888;\r
+}\r
+\r
+#character-counter.orange {\r
+       color: orange;\r
+}\r
+#character-counter.red {\r
+       color: red;\r
+}\r
+\r
+#profile-jot-banner-end {\r
+       /* clear: both; */ \r
+}\r
+\r
+#photos-upload-select-files-text {\r
+       margin-top: 15px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#photos-upload-perms-menu, #photos-upload-perms-menu:visited, #photos-upload-perms-menu:link {\r
+       color: #8888FF;\r
+       text-decoration: none;\r
+       cursor: pointer;\r
+}\r
+\r
+#photos-upload-perms-menu {\r
+       margin-left: 15px;\r
+}\r
+\r
+#photos-upload-perms-menu:hover {\r
+       color: #0000FF;\r
+       text-decoration: underline;\r
+       cursor: pointer;\r
+}\r
+#settings-default-perms-menu {\r
+       margin-top: 15px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label, .photo-edit-rotate-label {\r
+       float: left;\r
+       width: 150px;\r
+}\r
+\r
+#photo-edit-caption-label, #photo-edit-tags-label, #photo-edit-albumname-label {\r
+       font-weight: 700;\r
+}\r
+\r
+#photos-upload-noshare-div {\r
+       margin-top: 140px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#photos-upload-noshare-label {\r
+       margin-left: 25px;\r
+}\r
+\r
+#photos-upload-noshare {\r
+       float: left;\r
+}\r
+\r
+.photo-perms-icon {\r
+       float: left;\r
+}\r
+\r
+#photo-edit-perms-menu, #photos-upload-perms-menu, #settings-default-perms-menu {\r
+       text-decoration: none;\r
+}\r
+\r
+.photo-jot-perms-text {\r
+       padding-top: 5px;\r
+       padding-left: 40px;\r
+}\r
+\r
+#photo-edit-perms, #photos-upload-perms, #settings-default-perms {\r
+       margin-top: 30px;\r
+}\r
+#photos-upload-perms {\r
+       margin-top: 15px;\r
+       margin-left: 5px;\r
+}\r
+\r
+#photo-edit-perms-select, #photos-upload-permissions-wrapper, #settings-jot-acl-wrapper {\r
+       margin-top: 30px;\r
+       margin-left: 20px;\r
+}\r
+\r
+#advanced-expire-popup {\r
+       padding-left: 1em;\r
+       margin-top: 15px;\r
+       border: 1px solid #aaa;\r
+       border-radius: 10px;\r
+       -moz-border-radius: 10px;\r
+       -webkit-border-radius: 10px;\r
+}\r
+\r
+#photo-edit-perms-end {\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#photo-edit-caption, #photo-edit-newtag, #photo-edit-albumname {\r
+       float: left;\r
+       margin-bottom: 25px;\r
+}\r
+\r
+.photo-edit-rotate {\r
+       float: left;\r
+       margin-left: 20px;\r
+}\r
+#photo-edit-link-wrap {\r
+       margin-bottom: 15px;\r
+}\r
+#photo-like-div {\r
+       margin-left: 15px;\r
+       margin-bottom: 65px;\r
+}\r
+\r
+#photo-edit-caption-end, #photo-edit-tags-end, #photo-edit-albumname-end, #photo-edit-rotate-end {\r
+       clear: both;\r
+}\r
+\r
+#photo-edit-rotate-end {\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#photo-edit-submit-button, #photo-edit-delete-button, #photos-upload-submit {\r
+       margin-top: 30px;\r
+       padding: 0.25em 0.5em;\r
+       font-size: 18px;\r
+}\r
+#photo-edit-submit-button {\r
+       margin-left: 10px;\r
+}\r
+#photo-edit-delete-button {\r
+       margin-left: 45px;\r
+}\r
+#photos-upload-choose {\r
+       position: absolute;\r
+       top: 460px;\r
+       left: 5px;\r
+}\r
+#photos-upload-submit {\r
+       margin-top: 30px;\r
+       margin-left: 100px;\r
+       margin-bottom: 20px;\r
+}\r
+.settings-submit, .profile-edit-submit-button {\r
+       padding: 0.25em 0.5em;\r
+       margin-bottom: 10px;\r
+       font-size: 18px;\r
+}\r
+#photo-edit-end {\r
+       margin-bottom: 35px;\r
+}\r
+#photo-caption {\r
+       font-size: 110%;\r
+       font-weight: bold;\r
+       margin-top: 15px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#in-this-photo-text {\r
+       color: #0000FF;\r
+       margin-left: 30px;\r
+}\r
+\r
+#in-this-photo {\r
+       margin-left: 60px;\r
+       margin-top: 10px;\r
+       margin-bottom: 20px;\r
+}\r
+\r
+#photo-album-edit-submit, #photo-album-edit-drop {\r
+       margin-top: 15px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#photo-album-edit-drop {\r
+       margin-left: 200px;\r
+}\r
+\r
+.group-delete-wrapper {\r
+       float: right;\r
+       margin-right: 50px;\r
+}\r
+\r
+#install-dbhost-label,\r
+#install-dbuser-label,\r
+#install-dbpass-label,\r
+#install-dbdata-label,\r
+#install-tz-desc {\r
+       float: left;\r
+       width: 250px;\r
+       margin-top: 10px;\r
+       margin-bottom: 10px;\r
+\r
+}\r
+\r
+#install-dbhost,\r
+#install-dbuser,\r
+#install-dbpass,\r
+#install-dbdata {\r
+       float: left;\r
+       width: 200px;\r
+       margin-left: 20px;\r
+}\r
+\r
+#install-dbhost-end,\r
+#install-dbuser-end,\r
+#install-dbpass-end,\r
+#install-dbdata-end,\r
+#install-tz-end {\r
+       clear: both;\r
+}\r
+\r
+#install-form select#timezone_select {\r
+       float: left;\r
+       margin-top: 18px;\r
+       margin-left: 20px;\r
+}\r
+\r
+#dfrn-request-networks {\r
+       margin-bottom: 30px;\r
+}\r
+\r
+#pause {\r
+  position: fixed;\r
+  bottom: 5px;\r
+  right: 5px;\r
+}\r
+\r
+.sparkle {\r
+       cursor: url('lock.cur'), pointer;\r
+/*     cursor: pointer !important; */\r
+}\r
+\r
+.contact-block-div {\r
+       float: left;\r
+       width: 52px;\r
+       height: 52px;\r
+}\r
+.contact-block-textdiv {\r
+       float: left;\r
+       width: 150px;\r
+       height: 34px;\r
+}\r
+\r
+#contact-block-end {\r
+       clear: both;\r
+}\r
+.contact-block-link {\r
+       float: left;\r
+}\r
+.contact-block-img {\r
+       width:48px;\r
+       height:48px;\r
+}\r
+\r
+#tag-remove {\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#tagrm li {\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#tagrm-submit, #tagrm-cancel {\r
+       margin-top: 25px;\r
+}\r
+\r
+#tagrm-cancel {\r
+       margin-left: 15px;\r
+}\r
+\r
+.wall-item-conv {\r
+       margin-top: 5px;\r
+       margin-bottom: 25px;\r
+}\r
+\r
+#search-submit {\r
+       margin-left: 15px;\r
+}\r
+\r
+#search-box {\r
+       margin-bottom: 25px;\r
+}\r
+\r
+.location-label, .gender-label, .marital-label, .homepage-label {\r
+       float: left;\r
+       text-align: right;\r
+       display: block;\r
+       width: 65px;\r
+}\r
+\r
+.adr, .x-gender, .marital-text, .homepage-url {\r
+       float: left;\r
+       display: block;\r
+       margin-left: 8px;\r
+}\r
+\r
+.profile-clear {\r
+       clear: both;\r
+}\r
+\r
+\r
+.clear {\r
+       clear: both;\r
+}\r
+\r
+.cc-license {\r
+       margin-top: 50px;\r
+       font-size: 70%;\r
+}\r
+\r
+\r
+#plugin-settings-link, #account-settings-link {\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#uexport-link {\r
+       margin-bottom: 20px;\r
+}\r
+\r
+/* end from default */\r
+       \r
+\r
+.fn {\r
+       padding: 0px 0px 5px 12px;\r
+       font-size: 120%;\r
+       font-weight: bold;\r
+}\r
+\r
+.vcard .title {\r
+       margin-bottom: 5px;\r
+       margin-left: 12px;\r
+}\r
+\r
+.vcard dl {\r
+       clear: both;\r
+}\r
+\r
+#birthday-title {\r
+       float: left;\r
+       font-weight: bold;      \r
+}\r
+\r
+#birthday-adjust {\r
+       float: left;\r
+       font-size: 75%;\r
+       margin-left: 10px;\r
+}\r
+\r
+#birthday-title-end {\r
+       clear: both;\r
+}\r
+\r
+.birthday-list {\r
+       margin-left: 15px;\r
+}\r
+\r
+#birthday-wrapper {\r
+       margin-bottom: 20px;\r
+}\r
+\r
+#network-new-link {\r
+       margin-top: 15px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+\r
+.tool-wrapper {\r
+  float: left;\r
+  margin-left: 15px;\r
+}\r
+\r
+.tool-link {\r
+  cursor: pointer;\r
+}\r
+\r
+.eventcal {\r
+       float: left;\r
+       font-size: 20px;\r
+}\r
+\r
+#event-summary-text {\r
+       margin-top: 15px;\r
+}\r
+\r
+#event-share-checkbox {\r
+       float: left;\r
+       margin-top: 10px;\r
+}\r
+\r
+#event-share-text {\r
+       float: left;\r
+       margin-top: 10px;\r
+       margin-left: 5px;\r
+}\r
+\r
+#event-share-break {\r
+       clear: both;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#event-summary {\r
+       width: 280px;\r
+}\r
+\r
+.vevent {\r
+       border: 1px solid #CCCCCC;\r
+}\r
+\r
+.vevent .event-summary {\r
+       margin-left: 10px;\r
+       margin-right: 10px;\r
+       font-weight: bold;\r
+}\r
+\r
+.vevent .event-description, .vevent .event-location {\r
+       margin-left: 10px;\r
+       margin-right: 10px;\r
+}\r
+.vevent .event-start {\r
+       margin-left: 10px;\r
+       margin-right: 10px;\r
+}\r
+\r
+#new-event-link {\r
+       margin-bottom: 10px;\r
+}\r
+\r
+.edit-event-link, .plink-event-link {\r
+       float: left;\r
+       margin-top: 4px;\r
+       margin-right: 4px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+.event-description:before {\r
+       content: url('../../../images/calendar.png');\r
+       margin-right: 15px;\r
+}\r
+\r
+.event-start, .event-end {\r
+       font-size: 14px;\r
+       margin-left: 10px;\r
+       width: 280px;\r
+       clear: both;\r
+       padding-bottom: 1.5em;\r
+}\r
+\r
+.event-start .dtstart, .event-end .dtend {\r
+       clear: both;\r
+       float: left;\r
+}\r
+\r
+.event-list-date {\r
+       margin-bottom: 10px;\r
+}\r
+\r
+.prevcal, .nextcal {\r
+       float: left;\r
+       margin-left: 32px;\r
+       margin-right: 32px;\r
+       margin-top: 64px;\r
+}\r
+.event-calendar-end {\r
+       clear: both;\r
+}\r
+\r
\r
+.calendar {\r
+       font-family: Courier, monospace;\r
+}\r
+.today {\r
+       font-weight: bold;\r
+       color: #FF0000;\r
+}\r
+\r
+.settings-block {\r
+       border: 1px solid #AAA;\r
+       margin: 10px;\r
+       padding: 10px;\r
+}\r
+\r
+.app-title {\r
+       margin: 10px;\r
+}\r
+\r
+#identity-manage-desc {\r
+       margin-top:15px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#identity-manage-choose {\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#identity-submit {\r
+       margin-top: 20px;\r
+}\r
+\r
+#photo-nav {\r
+       position: relative;\r
+       height: 55px;\r
+}\r
+\r
+#photo-prev-link {\r
+       position: absolute;\r
+       left: 5px;\r
+}\r
+#photo-next-link {\r
+       position: absolute;\r
+       right: 5px;\r
+}\r
+#photo-prev-link, #photo-next-link {\r
+       padding: 10px;\r
+/*     float: left;*/\r
+}\r
+\r
+/*#photo-photo {\r
+       float: left;\r
+}*/\r
+\r
+#photo-photo img {\r
+       max-width: 310px;\r
+}\r
+\r
+#photo-photo-end {\r
+       clear: both;\r
+}\r
+\r
+.profile-match-photo {\r
+       float: left;\r
+       text-align: center;\r
+       width: 120px;\r
+}\r
+\r
+.profile-match-name {\r
+       float: left;\r
+       text-align: center;\r
+       width: 120px;\r
+       overflow: hidden;\r
+}\r
+\r
+.profile-match-break,\r
+.profile-match-end {\r
+       clear: both;\r
+}\r
+\r
+.profile-match-connect {\r
+       text-align: center;\r
+       font-weight: bold;\r
+}\r
+\r
+.profile-match-wrapper {\r
+       float: left;\r
+       padding: 10px;\r
+       width: 120px;\r
+       height: 120px;\r
+       scroll: auto;\r
+}\r
+#profile-match-wrapper-end {\r
+       clear: both;\r
+}\r
+.side-link {\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#language-selector {\r
+       position: absolute;\r
+       top: 0px;\r
+       left: 16px;\r
+}\r
+\r
+#group-members {\r
+       margin-top: 20px;\r
+       padding: 10px;\r
+       height: 250px;\r
+       overflow: auto;\r
+       border: 1px solid #ddd;\r
+}\r
+\r
+#group-members-end {\r
+       clear: both;\r
+}\r
+\r
+#group-separator {\r
+       margin-top: 10px;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#group-all-contacts {\r
+       padding: 10px;\r
+       height: 450px;\r
+       overflow: auto;\r
+       border: 1px solid #ddd;\r
+}\r
+\r
+#group-all-contacts-end {\r
+       clear: both;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#group-edit-desc {\r
+       margin-top: 15px;\r
+}\r
+\r
+\r
+#prof-members {\r
+       margin-top: 20px;\r
+       padding: 10px;\r
+       height: 250px;\r
+       overflow: auto;\r
+       border: 1px solid #ddd;\r
+}\r
+\r
+#prof-members-end {\r
+       clear: both;\r
+}\r
+\r
+#prof-separator {\r
+       margin-top: 10px;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#prof-all-contacts {\r
+       padding: 10px;\r
+       height: 450px;\r
+       overflow: auto;\r
+       border: 1px solid #ddd;\r
+}\r
+\r
+#prof-all-contacts-end {\r
+       clear: both;\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#prof-edit-desc {\r
+       margin-top: 15px;\r
+}\r
+\r
+#crepair-name-label,\r
+#crepair-nick-label,\r
+#crepair-attag-label,\r
+#crepair-url-label,\r
+#crepair-request-label,\r
+#crepair-confirm-label,\r
+#crepair-notify-label,\r
+#crepair-photo-label,\r
+#crepair-poll-label {\r
+       float: left;\r
+       width: 200px;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+#crepair-name,\r
+#crepair-nick,\r
+#crepair-attag,\r
+#crepair-url,\r
+#crepair-request,\r
+#crepair-confirm,\r
+#crepair-notify,\r
+#crepair-photo,\r
+#crepair-poll {\r
+       float: left;\r
+       width: 300px;\r
+}\r
+\r
+\r
+#netsearch-box {\r
+       margin-top: 20px;       \r
+}\r
+\r
+#netsearch-box #search-submit {\r
+       margin: 5px 0px 0px 0px;\r
+}\r
+\r
+.required {\r
+       color: #FF0000;\r
+}\r
+\r
+#event-start-text, #event-finish-text {\r
+       margin-top: 10px;\r
+       margin-bottom: 5px;\r
+}\r
+\r
+#event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text {\r
+       float: left;\r
+}\r
+#event-datetime-break {\r
+       margin-bottom: 10px;\r
+}\r
+\r
+#event-nofinish-break, #event-adjust-break {\r
+       clear: both;\r
+}\r
+\r
+#event-desc-text, #event-location-text {\r
+       margin-top: 10px;\r
+       margin-bottom: 5px;\r
+}\r
+#event-submit {\r
+       margin-top: 10px;\r
+}\r
+\r
+.body-tag, .filesavetags, .categorytags {\r
+       opacity: 0.5;\r
+       filter:alpha(opacity=50);\r
+}\r
+\r
+.body-tag:hover, .filesavetags:hover, .categorytags:hover {\r
+       opacity: 1.0 !important;\r
+       filter:alpha(opacity=100) !important;\r
+}\r
+\r
+.item-select {\r
+       display: none;\r
+       opacity: 0.1;\r
+       filter:alpha(opacity=10);\r
+       float: right;\r
+       margin-right: 10px;\r
+\r
+}\r
+.item-select:hover, .checkeditem {\r
+       opacity: 1;\r
+       filter:alpha(opacity=100);\r
+}\r
+\r
+\r
+#item-delete-selected {\r
+       margin-top: 30px;\r
+}\r
+\r
+#item-delete-selected-end {\r
+       clear: both;\r
+}\r
+#item-delete-selected-icon, #item-delete-selected-desc {\r
+       float: left;\r
+       margin-right: 5px;\r
+}\r
+#item-delete-selected-desc:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+#lang-select-icon {\r
+       cursor: pointer;\r
+       position: fixed;\r
+       left: 0px;\r
+       top: 0px;\r
+       opacity: 0.2;\r
+       filter:alpha(opacity=20);\r
+}\r
+\r
+#lang-select-icon:hover {\r
+       opacity: 1;\r
+       filter:alpha(opacity=100);\r
+}\r
+\r
+.notif-image {\r
+       height: 80px;\r
+       width: 80px;\r
+       margin-right: 15px;\r
+}\r
+.notification-listing-end {\r
+       clear: both;\r
+       margin-bottom: 15px;\r
+}\r
+\r
+\r
+\r
+/**\r
+ * Plugins settings\r
+ */\r
+\r
+.settings-block > h3,\r
+.settings-heading {\r
+       border-bottom: 1px solid #babdb6;\r
+}\r
\r
+\r
+/**\r
+ * Form fields\r
+ */\r
+.field {\r
+       margin-bottom: 10px;\r
+       padding-bottom: 10px;\r
+       overflow: auto;\r
+       width: 100%\r
+}\r
+\r
+.field label {\r
+       font-weight: 700;\r
+       float: left;\r
+       width: 200px;\r
+}\r
+\r
+.field input,\r
+.field textarea {\r
+       width: 270px;\r
+       margin-left: 20px;\r
+}\r
+.field textarea { height: 100px; }\r
+.field_help {\r
+       display: block;\r
+       margin-left: 20px;\r
+       color: #666666;\r
+       \r
+}\r
+\r
+\r
+.field .onoff {\r
+       float: left;\r
+       width: 80px;\r
+}\r
+.field .onoff a {\r
+       display: block;\r
+       border:1px solid #666666;\r
+       background-image:url("../../../images/onoff.jpg");\r
+       background-repeat: no-repeat;\r
+       padding: 4px 2px 2px 2px;\r
+       height: 16px;\r
+       text-decoration: none;\r
+}\r
+.field .onoff .off {\r
+       border-color:#666666;\r
+       padding-left: 40px;\r
+       background-position: left center;\r
+       background-color: #cccccc;\r
+       color: #666666;\r
+       text-align: right;\r
+}\r
+.field .onoff .on {\r
+       border-color:#204A87;\r
+       padding-right: 40px;\r
+       background-position: right center;\r
+       background-color: #D7E3F1;\r
+       color: #204A87;\r
+       text-align: left;\r
+}\r
+.hidden { display: none!important; }\r
+\r
+.field.radio .field_help { clear: left; margin-left: 20px; }\r
+\r
+/**\r
+ * ADMIN\r
+ */\r
+#pending-update {\r
+       float:right;\r
+       color: #ffffff;\r
+       font-weight: bold;\r
+       background-color: #FF0000;\r
+       padding: 0em 0.3em;\r
+       \r
+}\r
+#adminpage dl {\r
+       clear: left;\r
+       min-height: 40px;\r
+       margin-bottom: 2px;\r
+       padding-bottom: 2px;\r
+       border-bottom: 1px solid black;\r
+}\r
+#adminpage dt {\r
+       width: 180px;\r
+       float: left;\r
+       font-weight: bold;\r
+}\r
+#adminpage dd {\r
+       margin-left: 180px;\r
+}\r
+\r
+#adminpage h3 {\r
+       border-bottom: 1px solid #cccccc;\r
+}\r
+#adminpage .field label {\r
+       font-weight: bold;\r
+}\r
+#adminpage .submit {\r
+       clear:left;\r
+       text-align: right;\r
+}\r
+\r
+#adminpage #pluginslist {\r
+       margin: 0px; padding: 0px;\r
+}\r
+#adminpage .plugin {\r
+       list-style: none;\r
+       display: block;\r
+       border: 1px solid #888888;\r
+       padding: 1em;\r
+       margin-bottom: 5px;\r
+       clear: left;\r
+}\r
+#adminpage .plugin .desc { margin-left: 2.5em;}\r
+#adminpage .toggleplugin {\r
+       float:left;\r
+       margin-right: 1em;\r
+}\r
+\r
+#adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}\r
+#adminpage table th { text-align: left;}\r
+#adminpage td .icon { float: left;}\r
+#adminpage table#users img { width: 16px; height: 16px; }\r
+#adminpage table tr:hover { background-color: #bbc7d7; }\r
+#adminpage .selectall { text-align: right; }\r
+\r
+#cnftheme {\r
+       display: none;\r
+}\r
+\r
+/*\r
+ * UPDATE\r
+ */\r
+.popup {       \r
+       width: 100%; height: 100%;\r
+       top:0px; left:0px;\r
+       position: absolute;\r
+       display: none;\r
+}\r
+\r
+.popup .background {\r
+       background-color: rgba(0,0,0,128);\r
+       opacity: 0.5;\r
+       width: 100%; height: 100%;\r
+       position: absolute;\r
+       top:0px; left:0px;\r
+}\r
+.popup .panel {\r
+       top:25%;left:25%;width:50%;height:50%;\r
+       padding: 1em;\r
+       position: absolute;\r
+       border: 4px solid #000000;\r
+       background-color: #FFFFFF;\r
+}\r
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } \r
+.popup .panel .panel_in { width: 100%; height: 100%;   position: relative; }\r
+.popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }\r
+.panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}\r
+.panel_text .progress span {float: right; display: block; width: 25%; background-color: #eeeeee; text-align: right;}\r
+\r
+/**\r
+ * OAuth\r
+ */\r
+.oauthapp {\r
+       height: auto; overflow: auto;\r
+       border-bottom: 2px solid #cccccc;\r
+       padding-bottom: 1em;\r
+       margin-bottom: 1em;     \r
+}\r
+.oauthapp img {\r
+       float: left;\r
+       width: 48px; height: 48px;\r
+       margin: 10px;\r
+}\r
+.oauthapp img.noicon {\r
+       background-image: url("../../../images/icons/48/plugin.png");\r
+       background-position: center center;\r
+       background-repeat: no-repeat;\r
+}\r
+.oauthapp a {\r
+       float: left;\r
+}\r
+\r
+/**\r
+ * ICONS\r
+ */\r
+.iconspacer {\r
+       display: block; width: 16px; height: 16px;\r
+}\r
+\r
+.icon {\r
+       display: block; width: 16px; height: 16px;\r
+       background-image: url('../../../images/icons.png');\r
+}\r
+.article { background-position: 0px 0px;}\r
+.icon.audio { display: none; background-position: -16px 0px;}\r
+.block { background-position: -32px 0px;}\r
+/*.drop { background-position: -48px 0px;}\r
+.drophide { background-position: -64px 0px;}*/\r
+.icon.drop {\r
+       display: block; width: 28px; height: 28px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/drop-darkred.png');\r
+       background-repeat: no-repeat;\r
+}\r
+.icon.drophide {\r
+       display: block; width: 28px; height: 28px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/drop-darkred.png');\r
+       background-repeat: no-repeat;\r
+}\r
+.edit { background-position: -80px 0px;}\r
+/*.camera { background-position: -96px 0px;}*/\r
+.icon.camera {\r
+       display: block; width: 28px; height: 21px;\r
+       margin-top: 4px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/camera.png');\r
+       background-repeat: no-repeat;\r
+}\r
+/*.dislike { background-position: -112px 0px;}*/\r
+.icon.dislike {\r
+       display: block;\r
+       width: 26px; height: 28px;/*31 33*/\r
+       background-size: 100% 100%;\r
+       background-image: url('images/disapprove.png');\r
+       background-repeat: no-repeat;\r
+       opacity: 0.5;\r
+}\r
+/*.like { background-position: -128px 0px;}*/\r
+.icon.like {\r
+       display: block; width: 26px; height: 28px;/*31 33*/\r
+       margin-right: 7px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/approve.png');\r
+       background-repeat: no-repeat;\r
+       opacity: 0.5;\r
+}\r
+.icon.link { display: none; background-position: -144px 0px;}\r
+\r
+/*.globe { background-position: 0px -16px;}*/\r
+.icon.globe {\r
+       display: block; width: 28px; height: 28px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/globe.png');\r
+       background-repeat: no-repeat;\r
+}\r
+.noglobe { background-position: -16px -16px;}\r
+.no { background-position: -32px -16px;}\r
+.pause { background-position: -48px -16px;}\r
+.play { background-position: -64px -16px;}\r
+/*.pencil { background-position: -80px -16px;}\r
+.small-pencil { background-position: -96px -16px;}*/\r
+.icon.pencil {\r
+       display: block; width: 28px; height: 28px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/pencil.png');\r
+       background-repeat: no-repeat;\r
+       opacity: 0.5;\r
+}\r
+.icon.small-pencil {\r
+       display: block; width: 28px; height: 28px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/pencil.png');\r
+       background-repeat: no-repeat;\r
+       opacity: 0.5;\r
+}\r
+/*.recycle { background-position: -112px -16px;}*/\r
+.icon.recycle {\r
+       display: block;\r
+       width: 28px; height: 27px;/*33 32*/\r
+       background-size: 100% 100%;\r
+       background-image: url('images/recycle.png');\r
+       background-repeat: no-repeat;\r
+       opacity: 0.5;\r
+}\r
+/*.remote-link { background-position: -128px -16px;}*/\r
+.icon.remote-link {\r
+/*     display: block;*/\r
+       display: none;\r
+       width: 28px; height: 28px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/remote-link.png');\r
+       background-repeat: no-repeat;\r
+       opacity: 0.5;\r
+}\r
+.share { background-position: -144px -16px;}\r
+\r
+.tools { background-position: 0px -32px;}\r
+/*.lock { background-position: -16px -32px;}*/\r
+.icon.lock {\r
+       display: block; width: 17px; height: 25px;\r
+       margin-top: 1px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/lock.png');\r
+       background-repeat: no-repeat;\r
+}\r
+/*.unlock { background-position: -32px -32px;}*/\r
+.icon.unlock {\r
+       display: block; width: 17px; height: 28px;\r
+       margin-top: -2px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/unlock.png');\r
+       background-repeat: no-repeat;\r
+}\r
+.icon.video { display: none; background-position: -48px -32px;}\r
+.oembed.video a { display: block; }\r
+.youtube { background-position: -64px -32px;}\r
+/*.attach { background-position: -80px -32px; }*/\r
+.icon.attach {\r
+       display: block; width: 28px; height: 28px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/paperclip.png');\r
+       background-repeat: no-repeat;\r
+}\r
+.language { background-position: -96px -32px; }\r
+.prev { background-position: -112px -32px; }\r
+.next { background-position: -128px -32px; }\r
+.on { background-position: -144px -32px; }\r
+\r
+.off { background-position: 0px -48px; }\r
+/*.starred { background-position: -16px -48px; }*/\r
+.icon.starred {\r
+       display: block; width: 28px; height: 28px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/star-yellow.png');\r
+       background-repeat: no-repeat;\r
+}\r
+/*.unstarred { background-position: -32px -48px; }*/\r
+.icon.unstarred {\r
+       display: block; width: 28px; height: 28px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/star.png');\r
+       background-repeat: no-repeat;\r
+       opacity: 0.5;\r
+}\r
+/*.tagged { background-position: -48px -48px; }*/\r
+.icon.tagged {\r
+       display: block; width: 28px; height: 28px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/tag.png');\r
+       background-repeat: no-repeat;\r
+       opacity: 0.5;\r
+}\r
+.yellow { background-position: -64px -48px; }\r
+\r
+\r
+.filer-icon {\r
+       display: block; width: 24px; height: 24px;\r
+       background-size: 100% 100%;\r
+       background-image: url('images/folder.png');\r
+       background-repeat: no-repeat;\r
+       opacity: 0.5;\r
+}\r
+\r
+.icon.dim { opacity: 0.3;filter:alpha(opacity=30); }\r
+\r
+[class^="comment-edit-bb"] {\r
+       list-style: none;\r
+       display: none;\r
+       margin: 0px 0 -5px 20px;\r
+       width: 75%;\r
+}\r
+[class^="comment-edit-bb"] > li {\r
+       display: inline-block;\r
+       margin: 20px 10px 0 0;\r
+       visibility: none;\r
+}\r
+/*[class^="comment-edit-bb-end"] {\r
+       clear: both;\r
+}*/\r
+.editicon {\r
+    display: inline-block;\r
+       background-size: 100% 100%;\r
+       background-repeat: no-repeat;\r
+       background-color: #f3f3f3;\r
+    text-decoration: none;\r
+}\r
+/*.editicon:hover {\r
+       background-color: #ccc;\r
+}*/\r
+.boldbb {\r
+/*     background-position: 0px 0px;*/\r
+       width: 26px; height: 28px;\r
+       background-image: url('images/boldB-serif.png');\r
+}\r
+/*.boldbb:hover {\r
+       background-position: 0px -16px;\r
+}*/\r
+.italicbb {\r
+/*     background-position: -16px 0px;*/\r
+       width: 16px; height: 28px;\r
+       background-image: url('images/italicI-serif.png');\r
+}\r
+/*.italicbb:hover {\r
+       background-position: -16px -16px;\r
+}*/\r
+.underlinebb {\r
+/*     background-position: -32px 0px;*/\r
+       width: 25px; height: 28px;\r
+       background-image: url('images/underlineU-serif.png');\r
+}\r
+/*.underlinebb:hover {\r
+       background-position: -32px -16px;\r
+}*/\r
+.quotebb {\r
+/*     background-position: -48px 0px;*/\r
+       width: 28px; height: 28px;\r
+       background-image: url('images/quote.png');\r
+}\r
+/*.quotebb:hover {\r
+       background-position: -48px -16px;\r
+}*/\r
+.codebb {\r
+/*     background-position: -64px 0px;*/\r
+       width: 28px; height: 28px;\r
+       background-image: url('images/code.png');\r
+}\r
+/*.codebb:hover {\r
+       background-position: -64px -16px;\r
+}*/\r
+.imagebb {\r
+       background-position: -80px 0px;\r
+}\r
+.imagebb:hover {\r
+       background-position: -80px -16px;\r
+}\r
+.urlbb {\r
+       background-position: -96px 0px;\r
+}\r
+.urlbb:hover {\r
+       background-position: -96px -16px;\r
+}\r
+.videobb {\r
+       background-position: -112px 0px;\r
+}\r
+.videobb:hover {\r
+       background-position: -112px -16px;\r
+}\r
+\r
+.attachtype {\r
+       display: block; width: 20px; height: 23px;\r
+       float: left;\r
+       background-image: url('../../../images/content-types.png');\r
+}\r
+\r
+.body-attach {\r
+       margin-top: 10px;\r
+}\r
+\r
+.type-video { background-position: 0px 0px; }\r
+.type-image { background-position: -20px 0px; }\r
+.type-audio { background-position: -40px 0px; }\r
+.type-text  { background-position: -60px 0px; }\r
+.type-unkn  { background-position: -80px 0px; }\r
+\r
+\r
+/* autocomplete popup */\r
+.acpopup {\r
+       max-height:150px;\r
+       background-color:#ffffff;\r
+       overflow:auto;\r
+       z-index:100000;\r
+       border:1px solid #cccccc;\r
+}\r
+.acpopupitem {\r
+       background-color:#ffffff; padding: 4px;\r
+       clear:left;\r
+}\r
+.acpopupitem img {\r
+       float: left;\r
+       margin-right: 4px;\r
+}\r
+\r
+.acpopupitem.selected {\r
+       color: #FFFFFF; background: #3465A4;\r
+}\r
+\r
+/* popup notifications */\r
+div.jGrowl div.notice {\r
+  background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;\r
+  color: #ffffff;\r
+  padding-left: 58px;\r
+}\r
+div.jGrowl div.info {\r
+  background: #364e59 url("../../../images/icons/48/info.png") no-repeat 5px center;\r
+  color: #ffffff;\r
+  padding-left: 58px;\r
+}\r
+#jGrowl.top-right {\r
+       top: 15px;\r
+       right: 15px;\r
+}\r
+.qcomment {\r
+       border: 1px solid #EEE;\r
+       padding: 3px;\r
+       margin-top: 15px;\r
+       margin-left: 25px;\r
+       width: 125px;\r
+       overflow-y: auto;\r
+}\r
+\r
+\r
+.qcomment option {\r
+       width: 125px;\r
+       overflow-x: hidden;\r
+}\r
+\r
+.qcomment {\r
+       opacity: 0.3;\r
+       filter:alpha(opacity=30);\r
+}\r
+.qcomment:hover {\r
+       opacity: 1.0;\r
+       filter:alpha(opacity=100);\r
+}\r
+\r
+/* notifications popup menu */\r
+.nav-notify {\r
+       display: none;\r
+       position: absolute;\r
+       font-size: 10px;\r
+       padding: 1px 3px;\r
+       top: 0px;\r
+       right: -10px;\r
+       min-width: 15px;\r
+       text-align: right;\r
+}\r
+.nav-notify.show {\r
+       display: block;\r
+}\r
+ul.notifications-menu-popup {\r
+       position: absolute;\r
+       display: none;\r
+       width: 10em;\r
+       margin: 0px;\r
+       padding: 0px;\r
+       list-style: none;\r
+       z-index: 100000;\r
+       right: -55px;\r
+}\r
+#nav-notifications-menu {\r
+       width: 300px;\r
+/*     max-height: 400px;*/\r
+       height: auto;\r
+       overflow-y: scroll;overflow-style:scrollbar;\r
+       background-color:#FFFFFF;\r
+       -moz-border-radius: 5px;\r
+       -webkit-border-radius: 5px;\r
+       border-radius:5px;\r
+       border: 1px solid #AAA;\r
+       -moz-box-shadow: 3px 3px 5px #555;\r
+       -webkit-box-shadow: 3px 3px 5px #555;\r
+       box-shadow: 3px 3px 5px #555;\r
+}\r
+#nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }\r
+#nav-notifications-menu img { float: left; margin-right: 5px; }\r
+#nav-notifications-menu .notif-when { font-size: 0.8em; display: block; }\r
+#nav-notifications-menu li {\r
+       padding: 7px 0px 7px 10px;\r
+       word-wrap:normal;\r
+       border-bottom: 1px solid #000;\r
+}\r
+\r
+#nav-notifications-menu li:hover {\r
+\r
+}\r
+\r
+#nav-notifications-menu a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+.notif-item a {\r
+       color: #000000;\r
+}\r
+\r
+.notif-item a:hover {\r
+       text-decoration: underline;\r
+}\r
+\r
+.notif-image {\r
+       width: 32px;\r
+       height: 32px;\r
+       padding: 7px 7px 0px 0px;\r
+}\r
+\r
+.notify-seen {\r
+       background: #DDDDDD;\r
+}\r
+\r
+#id_term_label {\r
+       width:75px;\r
+}\r
+#id_term {\r
+       width:100px;\r
+}\r
+\r
+#recip {\r
+       \r
+}\r
+.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; }\r
+.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; }\r
+.autocomplete .selected { background:#F0F0F0; }\r
+.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }\r
+\r
+#datebrowse-sidebar select {\r
+       margin-left: 40px;\r
+       width: 130px;\r
+}\r
+\r
+@media only screen and (min-device-width: 768px)\r
+and (max-device-width: 1024px)\r
+{\r
+html {\r
+width:700px\r
+}\r
+div.section-wrapper {\r
+width:700px;\r
+margin-left:0px;\r
+}\r
+.wall-item-body {\r
+width:700px;\r
+}\r
+.comment .wall-item-body {\r
+width:650px;\r
+}\r
+}
\ No newline at end of file