/*
jive-profile.css - v0.1 - October 24, 2006
styles for user profile pages.
*/
/* tweaks to the intro CSS for the profile pages */
#jive-body-intro-content h1 {
    line-height: .85;
    padding: 5px 0 2px;
    }
#jive-profile-avatar {
	width: 60px;
	margin: 0 10px 0 0;
	text-align: center;
	float: left;
	}
#jive-profile-avatar img {
	margin: 0;
	padding: 3px;
	}
/* profile page - main block */
.jive-body-profile-body-main-container {
    }
.jive-body-profile {
}
.jive-body-profile-padding {
    display:block;
}
.jive-body-profile-body-main {
    border: solid 1px #dadada;
    position: relative;
    float: left;
    width: 99%;
    margin: 0 0 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    overflow-x: hidden;
    }


.jive-body-profile-image {
	padding: 10px 0 10px 10px;
	position: relative;
    float: left;
    }
.jive-body-profile-body-extras  { /* empty */}
.jive-body-profile .jive-body-profile-body-extras ul.jive-body-profile-ul {
    padding: 10px 0 15px;
    }

.jive-body-profile-image a img {
	border: 2px solid #666;
	}
.jive-body-profile-image span.jive-profile-add-photo,
.jive-body-profile-image span.jive-profile-status {
    display:block;
    padding: 3px 0;
    font-size: .8889em;
}
.jive-profile-display-main {
	display: block;
    position: absolute;
    margin: 10px 10px 10px 345px;
    }
* html .jive-profile-display-main {
    height: 1%;
    }
div#jive-org-relationship ul li ul.jive-profile-display-main {
    padding: 0;
    position: relative;
    margin: 0;
}                                                                                              
.jive-profile-display-main li.jive-profile-name {
    font-size: 1.5556em;
    font-weight: bold;
    line-height: 1;
}
.jive-profile-display-main li.jive-profile-user-status {
    color: #666;
    font-size: 1em;
    padding: 3px 0 6px;
    }
.jive-profile-display-main li.jive-profile-name a {
    display: inline-block;
    }
.jive-profile-display-main li.jive-profile-title {
    font-size: 1.2222em;
    font-weight: bold;
    line-height: 1;
    color: #999;
    padding: 3px 0 0;
}
.jive-profile-display-main li.jive-profile-department {
    font-size: 1em;
    font-weight: bold;
    padding: 3px 0 0;

}

.jive-profile-display-main li.jive-profile-email,
.jive-profile-display-main li.jive-profile-url,
.jive-profile-display-main li.jive-profile-im {
    padding: 3px 0 0;
    font-size: 1em;
}
.jive-profile-display-main li.jive-profile-phone {
    margin: 10px 0 0;
    line-height: 1em;
}
.jive-profile-display-main li.jive-profile-address h4 {
    font-size: 1em;
    }
.jive-profile-display-main li.jive-profile-address span {
    display: inline;
}
.jive-profile-display-main li.jive-profile-address p {
    margin: 0;
}

.jive-profile-display-main li.jive-profile-address span.type {
    display: none;
}
.jive-body-header {
    margin: 20px;
}

#jive-doc-needs-approval div span {
    display: inline;
    float: left;
    padding-top: 2px;
    padding-right: 5px;
}

#jive-doc-needs-approval div input {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1em;
}

.jive-body-profile .jive-body-profile-ul {
	position: relative;
	clear: both;
	padding: 10px 0 0;
}
.jive-body-profile .jive-body-profile-ul span {
    padding-right: 15px;
    }

.jive-body-profile-body-toolbox-container {
	float: left;
	width: 170px;
	overflow: hidden;
	font-size: .8889em;
	}
.jive-body-profile-body-toolbox {
	float: left;
	margin: 0;
	}
.jive-body-profile ul {
	position: relative;
	display: block;
	list-style-type: none;
	padding: 0;
	}
.jive-body-profile ul.jive-body-profile-ul {
    float: left;
    width: 100%;
    margin: 0 0 0 -160px;

}
.jive-body-profile ul.jive-body-profile-ul li {
	padding: 2px 0 5px;
    clear:both;
    display: block;
    width: 100%;
    float: left;
    margin-left: 160px;
    }
.jive-body-profile ul.jive-body-profile-ul li strong {
	display: block;
	text-align: right;
	width: 150px;
    float: left;
    word-wrap: break-word;     
    overflow:hidden;
    }
.jive-body-profile ul.jive-body-profile-ul li span {
	color: #666;
	display: block;
    margin-left: 160px;
    word-wrap: break-word;
    }
/* jive profile toolbox */
.jive-body-profile-toolbox {
	background-color: #e8f0f9;
	border: 1px solid #c7d9ed;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	float: right;
	font-size: .8889em;
	}
/* jive profile toolbox */
.jive-body-profile-toolbox-self {
	background-color: #f5f5f5;
	border: 1px solid #dcdcdc;
	}
.jive-body-profile-toolbox span.jive-body-profile-toolbox-padding {
	display: block;
	padding: 8px;
	float: left;
	}
.jive-body-profile-toolbox ul li {
	font-weight: bold;
	padding: 3px 0;
	}
.jive-body-profile-toolbox ul li img {
	float: left;
	}
.jive-body-profile-toolbox ul li span {
	color: #333;
	}
.jive-body-profile-toolbox ul li span.jive-status-offline {
	clear: both;
	float: left;
	margin-left: 21px;
	font-weight: normal;
	}
/* tweaks to the blog CSS for the profile pages */
.jive-blog-info {
	float: left;
	clear: both;
	}
.jive-blog-info span a {
	float: left;
	margin-top: 6px;
	margin-left: 12px;
	font-size: .8889em;
	}
.jive-blog-info span a.jive-link-next {
	padding: 0 7px 0 3px;
	background: transparent url(../images/jive-icon-arrow-right-small.gif) no-repeat right;
	border: none;
	text-decoration: none;
	}

.jive-sidebar-offline {
	font-size: .7778em;
	color: #666;
	padding-left: 3px;
	padding-top: 2px;
	float: left;
	}
.jive-content-block-container {
    clear: both;
}
/* overview / your stuff pages, when empty */
.jive-content-block-container .jive-empty-contentlist h4 {
    font-size: 1.3333em;
}

.jive-content-block-container .jive-emptylist-action
{
    padding: 8px;
    margin: 15px 0 0;
    font-size: 1.2222em;
}
.jive-content-block-container .jive-emptylist-action a {
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    outline: none;
}
.jive-content-block-container .jive-emptylist-action a:hover
{
    text-decoration: underline;
}

.jive-content-block-container span.jive-content-block-description {
	font-size: .8889em;
	padding: 5px 0 5px 8px;
    display: block;
    clear: both;
    }
.jive-content-block-container span.jive-content-block-description p {
    margin: 0;
}
/* spaces/communities list, common to both short and long lists */
#jive-blogs-listContainer { /* empty */ }
#jive-blogs-list {
	overflow: hidden;
	width: 100%;
	}
.jive-blogs-list-blog {
	display: block;
	padding: 5px;
	border-bottom: 1px solid #e9e9e9;
	text-align: right;
	}
.jive-blogs-list-last {
	border-bottom: none;
	}
.jive-blogs-list-blog h4 {
	float: left;
	display: inline;
	font-size: 1.3333em;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0;
	margin-bottom: 0;
	}
.jive-blogs-list-blog h4 a {
	text-decoration: none;
	font-size: 1.2222em;
	}
.jive-blogs-list-blog h4 a:hover {
	text-decoration: underline;
	}
.jive-blogs-list-blog span.jive-list-viewblog {
	display: block;
	float: left;
	font-size: .8889em;
	padding: 4px 0 0 8px;
	color: #666;
	}
.jive-blogs-list-blog span.jive-list-viewblog a {
	color: #666;
	}
.jive-blogs-list-blog span.jive-blog-stats {
	display: block;
	overflow: hidden;
	clear: none;
	padding-top: 5px;
	font-size: .8889em;
	}
.jive-blogs-list-blog span.jive-blog-stats strong {
	padding-left: 4px;
	}
.jive-blogs-list-blog span.jive-blog-stats span {
	margin: 0;
	font-size: .8889em;
	}
.jive-blogs-list-blog span.jive-blog-stats a {
	padding-left: 4px;
	}
.jive-blogs-list-blog p.jive-blog-description {
	display: none;
	clear: both;
	padding: 1px 0 5px;
	margin: 0;
	}
.jive-table th.jive-table-head-remove {
	width: 80px;
	}
.jive-table td.jive-table-cell-remove {
	text-align: center;
	}
.jive-table .jive-watch-row-sel {
	background-color : #fdfdec !important;
	}
.jive-table td.jive-table-cell-type {
	text-align: center;
	}
/* recent content table styles (when there are no blog posts) */
.jive-table th.jive-table-head-tags,
.jive-table td.jive-table-cell-tags {
	width: 25%;
	font-size: .8889em;
	text-align: left;
	}
/* overview draft table styles */
.jive-table-drafts .jive-table-head-subject,
.jive-table-drafts .jive-table-cell-subject {
	width: 50%;
	}
.jive-table-drafts .jive-table-head-subject strong {
	font-size: 1.1111em;
	padding-top: 1px;
	}
.jive-table-drafts .jive-table-head-status,
.jive-table-drafts .jive-table-cell-status {
	text-align: left;
	width: 150px;
	}
.jive-table-drafts .jive-table-cell-status {
	font-size: .8889em;
	}
#jive-discussions-more {
	font-weight: bold;
	}
/* recent comments on your contentblock */
.jive-comment-reference {
    font-size: .8889em;
    color: #828282;
    margin: 0 0 5px;
}

.jive-comment-author span {
    font-size: .8889em;
    color: #828282;

}
#jive-body .jive-comment-author .jive-avatar {
    vertical-align: middle;
    margin: 0 2px 0 0;
    float: none;
    display: inline;
    
}
#jive-body .jive-comment-author .jive-username-link {

    float: none;
    display: inline;
}
span.jive-comment-body {
    display: block;
    margin: 5px 0 0;
}

/* documents page 'for your approval' block */
.jive-content-block-docapproval {
	background-image: url(../images/jive-content-block-bg-tan.gif) !important;
	border: 1px solid #ceccb3 !important;
	}
.jive-content-block-docapproval .jive-content-block {
    
    }
.jive-doc-needs-approval {
	background-color: #f7ede1;
	padding: 8px;
	}
.jive-doc-needs-approval a {
	font-size: 1.1111em;
	font-weight: bold;
	text-decoration: none;
	padding-right: 5px;
	}
.jive-doc-needs-approval a:hover {
	text-decoration: underline;
	}
.jive-doc-needs-approval span {
	color: #999;
	}
.jive-doc-needs-approval span a {
	color: #999;
	font-weight: normal;
	text-decoration: underline;
	padding-right: 3px;
	}
.doc-published-state {
	font-size: .8889em;
	color: #999;
	white-space: nowrap;
	}
.doc-draft-state {
	font-size: .8889em;
	color: #777;
	font-weight: bold;
	white-space: nowrap;
	}
.doc-approval-state {
	font-size: .8889em;
	color: #3089c7;
	white-space: nowrap;
	}
.doc-requires-review {
	font-size: .8889em;
	color: #d89615;
	white-space: nowrap;
	}
.doc-requires-approval {
	font-size: .8889em;
	color: #c90606;
	white-space: nowrap;
	}
.doc-archived-state {
	font-size: .8889em;
	color: #063;
	white-space: nowrap;
	}
.doc-rejected-state {
	font-size: .8889em;
	color: #c00;
	font-weight: bold;
	white-space: nowrap;
	}


/* approval page table cell styles */
td.jive-table-cell-approve-items,
td.jive-table-cell-approve-date,
td.jive-table-cell-approve {
    border-bottom: solid 1px #dadada;

}


td.jive-table-cell-approve {
        width: 300px;
}

td.jive-table-cell-approve-date {
        width: 150px;
}

td.jive-table-cell-approve-items img.jive-avatar {
    float: left;
    margin: 0 4px 0 0;
    
}
.jive-approval-targets {
    margin: 0 0 0 45px;
    padding: 3px 0;
}
div.jive-friend-approval-message {
    margin: 5px 0 0;
    font-size: .9167em;
    background: #fafafa;
    padding: 5px;
    border: solid 1px #eee;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
div.jive-friend-approval-message h4 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 1em;
}
div.jive-friend-approval-message p {
    padding: 5px 0;
    margin: 0;
}


.jive-community-overview-discussions ul li {
	padding-left: 3px;
	}
.jive-body-tabattention {
	background: transparent url(../images/jive-tabA-bg-left.gif) no-repeat left;
	}
.jive-body-tabattention a {
	background: transparent url(../images/jive-tabA-bg-right.gif) no-repeat right;
	color: #da6e16;
	}
.jive-body-intro-profile h1 {

    }
.jive-body-intro-profile .jive-user-status-message {
	color: #666;
	font-size: 1em;
    padding-top: 4px;
	}
.jive-body-intro-profile .jive-user-status-message a {
    text-decoration: none;
    padding-left: 4px;
    }
.jive-body-intro-profile .jive-user-status-message a:hover {
    text-decoration: underline;
    }

.jive-body-intro-profile .jive-user-status-update {
    margin-left: 66px;
    position: relative;
    }
.jive-body-intro-profile .jive-user-status-update input {
    font-size: 1em;
    width: 320px;
    }
.jive-body-intro-profile .jive-user-status-update a {
    background-color: #fafafa;
    border: 1px solid #e3e3e3;
    color: #444;
    display: inline-block;
    font-size: 1em;
    padding: 2px 6px;
    position: relative;
    text-decoration: none;
    }
.jive-body-intro-profile .jive-user-status-update strong {
    border: 1px solid #d0d0d0;
    display: inline-block;
    font-size: 1.1111em;
    margin: 0 2px;
    position: relative;
    }
.jive-body-intro-profile .jive-user-status-update strong a {
    background-color: #eee;
    border: 1px solid #fff;
    padding: 1px 7px;
    }
.jive-body-intro-profile .jive-user-status-update span {
    color: #b0b0b0;
    font-size: .8889em;
    left: 300px;
    position: absolute;
    top: -18px;
    }


.jive-body-intro-profile .jive-body-tabbar { padding-top: 10px; }


.jive-body-intro-profile #jive-user-status-message span.jive-user-status-btn a {
	border: 1px solid #dadada;
	background-color: #fafafa;
	padding: 1px 4px;
	margin-left: 5px;
	font-size: .8889em;
	}
.jive-body-intro-profile #jive-user-status-message span.jive-user-status-btn a:hover {
	background-color: #fff;
	}
.jive-body-intro-profile #jive-user-status-message input {
	border: 1px solid #d0d0d0;
	font-size: 1em;
	font-family: Lucida Grande,Arial,Helvetica,sans-serif;
	padding: 1px 3px;
	width: 250px;
	}
.jive-body-intro-profile .jive-body-tabattentioncurrent {
	background: transparent url(../images/jive-tab-bg-on-left.gif) no-repeat left;
	}
.jive-body-intro-profile .jive-body-tabattentioncurrent a {
	background: transparent url(../images/jive-tab-bg-on-right.gif) no-repeat right;
	color: #da6e16;
	}
.jive-content-comment span a img.jive-avatar {
	float: left;
	margin-right: 6px !important;
	}
.jive-content-comment p {
	padding-top: 3px;
	padding-bottom: 8px;
	}

td.jive-org-profile-image {
    padding: 10px;
}


/* Edit profile styles */

.jive-table-edit-profile {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	background: #f7f7f7 url(../images/jive-formblock-bg.png) repeat-x top;
	border: 1px solid #dadada;
	color: #666;
	padding-bottom: 25px;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 0 40px;
	}
.jive-table-edit-profile table.jive-edit-profile {
	width: 100%;
	margin-top: 20px;
	}
.jive-table-edit-profile table td {
	padding: 3px;
    }
.jive-table-registration td.jive-table-cell-label,
.jive-table-edit-profile td.jive-table-cell-label {
	width: 150px !important;
    font-weight: bold;
    }
.jive-field-hidden {
    display:none;
}


.jive-table-registration  td label,
.jive-table-edit-profile  td label
{
    font-weight: bold;
	margin-top: 3px;
    }
.jive-table-registration td.jive-profile-edit-label label,
.jive-table-edit-profile td.jive-profile-edit-label label {
	width: 150px !important;
    word-wrap: break-word;
    overflow:hidden;
    display:block;
    }
.jive-table-edit-profile td textarea {
    font: .9167em verdana, arial, helvetica, sans-serif;
    width: 270px;
    height: 100px;
    padding: 3px;
}
.jive-table-registration  td label.jive-profile-edit-secondary, 
.jive-table-edit-profile  td label.jive-profile-edit-secondary {
    font-weight: normal;
}
.jive-table-registration  td.jive-profile-edit-label, 
.jive-table-edit-profile  td.jive-profile-edit-label {
    text-align: right;
	width: 150px;
}
.jive-table-edit-profile  td.jive-editprofile-selected-image div {
    padding: 10px;
    width: 320px;
    background-color: white;
    border: solid 1px #dadada;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.jive-table-edit-profile  td.jive-editprofile-selected-image p {
    padding: 0;
    margin: 0 0 5px;
    font-size: .9167em;
    font-weight: bold;
}
.jive-table-edit-profile  td div.jive-edit-profile-instruction {
    font-size: .9167em;
    padding-top: 3px;
}
.jive-table-edit-profile  td.jive-edit-profile-submit hr {
    width: 75%;
    margin: 20px 0;
    color: #dadada;
}
.jive-table-edit-profile  td.jive-edit-profile-submit button {

    margin: 0 5px 0 0;

}









/* friends and groups! */


#jive-friends-sort-bar,
#jive-groups-sort-bar,
#jive-groups-sortby
{
    display: block;
}
#jive-connection-list .jive-loading-img {
    display: block;
    margin: 10px;
}

#jive-connection-list .jive-content-block,
.jive-sgroup-profile .jive-content-block {
    padding: 0;
}
.jive-sgroup-profile #jive-socialgroup-results {
    margin-bottom: 0;
    border-top: solid 1px #eee;
}

#jive-friends-sort-bar,
#jive-groups-sort-bar {
    background:#F3F3F3 url(../images/jive-comment-bar-bg.gif) repeat-x left top;
    font-size: .8889em;
    padding: 0 4px 0 12px;
    height: 30px;
}

#jive-friends-sort-bar div {
    padding: 8px 0 0;
    float:left;

}
#jive-friends-sort-bar span {
    padding-left: 5px;
}
#jive-groups-sortby {
    margin: 8px 20px 0 0;
    float: left;
}

.jive-sgroup-pagination {
    text-align: right;
    padding: 0 5px 0 0;    
    margin: 5px 0 0 3px;
}
#jive-groups-form .jive-pagination {
    display: block;
    padding: 3px 0 8px;
    float: none;
}

#jive-yourgroups-count {
    margin: 5px 0 0;
    padding: 0 0 0 12px;
    float:left;
    font-size: .9167em;
}


span.jive-items-per-page {
    display: block;
    padding: 2px 0 5px;
}
span.jive-items-per-page span,
span.jive-post-filter span {
    float: left;
    font-size: .9167em;
    margin:4px 3px 4px 0;
}
span.jive-post-filter {
    float: left;
    margin: 0 3px 4px 10px;
    font-size: 1em;
    padding: 2px 0 5px;
    color: #666;
}
span.jive-post-filter select {
    float: left;
    font-size: 1em;
    margin:0 3px 4px 0;
}

#jive-groups-per-page {
   float: right;
   font-size: .8889em;
    margin: 5px 0 0;
}



#jive-friends-actions-bar
 {
   font-size: .8889em;
   position: absolute;
   right: 3px;
   top: 3px;
}

#jive-friends-actions-bar form {
    margin: 0 0 3px;
    padding: 0;
    float: left;

}
#jive-friends-actions-bar form select {
    font-size: .8889em;
    padding: 0 -4px 0 0;

}


#jive-friends-actions-bar div.jive-mass-select {
    margin: 4px 0 0;
    position: relative;
    float: left;
    width: 100px;
}


.friends-action-form {
    clear: both;
}


div#jive-friends-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    clear: both;
    position: relative;
}

div#jive-friends-list div.jive-friend-row {
    border-bottom: solid 1px #dadada;
    margin: 10px 0;
    padding: 15px 10px;
    position: relative;
}
.friends-action-success {
    background-color: #ecf8f3 !important;
    border: solid 1px #b1d0c2 !important;
}

/* image and avatar */
div#jive-friends-list div.jive-friend-image-display {
    float:left;

}
div#jive-friends-list img.jive-friend-image {
    padding: 2px;
    border: solid 1px #dadada;
    background: #fff;
    float:left;
    display: block;
}
div#jive-friends-list img.jive-avatar {
    display: block;
    top: -5px;
    left: -19px;
    position: relative;
}





/* friend activity */
div#jive-friends-list div.jive-friend-info-display {
    margin-left: 165px;
    position: relative;
	}

div#jive-friends-list .jive-friend-activity h4 {
    font-size: 1em;
    color: #999;
    margin: 10px 0 3px;
    padding: 0 0 3px;
	}
div#jive-friends-list .jive-friend-activity {
    font-size: .9167em;
    color: #666;
    float: left;
    width: 100%;
	}
div#jive-friends-list .jive-friend-activity ul {
    list-style-type: none;
    margin: 0 10px 12px 0;
    padding: 0 10px 0 0;
	}
div#jive-friends-list .jive-friend-activity ul li {
	background-position: left 2px;
	padding-bottom: 3px;
	min-height: 16px;
	}
* html div#jive-friends-list .jive-friend-activity ul li {
	height: 16px;
	}
div#jive-friends-list .jive-friend-activity ul a.jive-username-link,
div#jive-friends-list .jive-friend-activity ul .jive-avatar {
    display:none;
	}
div#jive-friends-list .jive-friend-activity ul li a {
    text-decoration: none;
	}
div#jive-friends-list .jive-friend-activity ul li a:hover {
    text-decoration: underline;
    }

div#jive-friends-list div.jive-friend-watch {
    color:#666;
    margin: 5px 0 3px;
    padding: 0;
	}

div#jive-friends-list div.jive-friend-watch input {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

div#jive-friends-list div.jive-friend-watch img {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

div#jive-friends-list div.jive-friend-watch label {
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

div#jive-friends-list div.jive-friend-watch label.jive-friend-watching {
    color: #2e862c;
}

div#jive-friends-list span.jive-friend-status {
    font-size: .9167em;
    color: #666;
    margin: 0 0 5px;
    display: block;
}


div#jive-friends-list ul.jive-friend-actions {
    list-style-type: none;
    margin: 0 0 0 -10px;
    padding: 5px 0;
    font-size: .9167em;
}
div#jive-friends-list ul.jive-friend-actions li {
    display: inline;
    padding: 0 5px;

}
div#jive-friends-list ul.jive-friend-actions li a {
    color: #999;
}

div#jive-friends-list div a.jive-username-link {
    font-size: 1.2em;
    font-weight: bold;
    position: relative;
}

/*
div#jive-friends-list div a.jive-status-offline,
div#jive-friends-list div a.jive-status-available,
div#jive-friends-list div a.jive-status-chat,
div#jive-friends-list div a.jive-status-away,
div#jive-friends-list div a.jive-status-xa,
div#jive-friends-list div a.jive-status-dnd,
div#jive-friends-list div a.jive-status-forbidden {
    left: -10px;
}
*/ 

/* email, watch, remove links */


div#jive-friends-list .jive-friend-action-display {
    font-size: .9167em;
    margin: -10px 0 -10px -8px;
    float: right;
    position: absolute;
    right: 0;
    z-index: 1;
    padding: 0 5px 0 0;
}
div#jive-friends-list .jive-friend-action-display span.jive-friend-action-btn  {
    display: block;
    float: left;
    border: solid 1px #dadada;
    font-weight: normal;
    margin: 0 3px 0 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.jive-friend-action-btn .jive-icon-follow-stop {
	margin-top: 1px;
	}
div#jive-friends-list .jive-friend-action-display span.jive-friend-action-btn {
    padding: 5px;
    background: #f5f5f5;
}
div#jive-friends-list .jive-friend-action-display span.jive-remove-friend {
    padding: 5px;
    background: #f5f5f5;
}

div#jive-friends-list .jive-friend-action-display span.jive-label-friend {
    padding: 5px 5px 5px 22px;
    background: #f5f5f5  url( ../images/jive-icon-plus-12x12.gif ) no-repeat 6px 6px;
}

div#jive-friends-list .jive-friend-action-display span a {
    text-decoration: none;

}
div#jive-friends-list .jive-friend-action-display span a:hover {
    text-decoration: underline;

}
.jive-remove-friend-modal {
    padding: 0 10px 10px;
}


/* labels */


div#jive-friends-list .jive-friend-label-display {
   margin: 15px 0 0;
}


div#jive-friends-list .jive-friend-label-display h4 {
    float: left;
    font-size: 1em;
    padding: 0 5px 0 0;
    vertical-align: middle;
}
div#jive-friends-list .jive-friend-label-display ul {
    display: inline;

}
div#jive-friends-list ul.jive-friend-label li {
    list-style-type: none;
    margin: 6px 3px 2px 0;
    padding: 2px 3px;
    display: block;
    float: left;
    position: relative;
    border: solid 1px #eee;
    background: #fafafa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	}
* html div#jive-friends-list ul.jive-friend-label li {
	position: static;
	}
div#jive-friends-list ul.jive-friend-label li ul.jive-show-label-list {
    color: #333;
}

div#jive-friends-list ul.jive-friend-label img {
    margin: 0;
    vertical-align: middle;
}
div#jive-friends-list .jive-friend-label span {
    font-size: .8889em;
    color: #999;
    padding: 0;
    vertical-align: middle;

}

/* label picker flyout */
div#jive-friends-list ul.jive-friend-label-picker {
    position: absolute;
    top: 22px;
    right: -1px;
    width: 140px;
    list-style-type: none;
    text-align: left;
    border: solid 1px #dedede;
    background: #fff;
    font-size: .9167em;
    z-index: 2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}

/* project status icons (these use sprites) */

div#jive-friends-list ul.jive-recent-activity li.proj-status-high
{
    background-position: 0 -1098px;
}

div#jive-friends-list ul.jive-recent-activity li.proj-status-med
{
    background-position: 0 -998px;
}
 div#jive-friends-list ul.jive-recent-activity li.proj-status-low
{
    background-position: 0 -898px;
}


 .jive-friend-label input {
    width: 110px;
    margin: 0 7px 0 0;
    font-size: .9167em;
}
/* sidebar and other styles (needs some cleanup!)  */

.jive-sidebar-labels,
ul#relLists {
            position: relative;
        }

.jive-sidebar-labels ul#jive-view-all-friends {
    margin: 3px 0;
	position: relative;
}
.jive-sidebar-labelist li {
    color: #666;
}
.jive-sidebar-labelist .jive-link-addlabel {
    border: solid 1px #ddd;
	float: left;
    padding: 3px 8px;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.jive-sidebar-labelist .jive-link-addlabel .jive-icon-sml {
	margin-top: 1px;
	}
.jive-sidebar-labelist .jive-link-addlabel:hover {
    text-decoration: underline;
}
.jive-sidebar-labels .jive-sidebar-labelist .jive-label-controller {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 3px 5px 0 3px;
    float: left;
    padding: 0;
    background-image: url( ../images/friends/jive-friendlabel-backdrop.gif );
    background-repeat: no-repeat;
}
.jive-sidebar-labels .jive-sidebar-labelist .jive-label-picker {
    width: 150px;
    display:none;
    background: white;
    position: relative;
    top: 12px; left: -14px;
    border: 1px solid #808080;
    z-index: 5;}
.jive-sidebar-labels .jive-sidebar-labelist .jive-label-picker .jive-hover { background: #249ebc;}

ul.jive-sidebar-labelist li.jive-friend-label {
            position: relative;
            padding: 0px;
            margin: 0 0 6px;
        }

        .jive-friend-label a img.lbl {
            text-decoration: none;
            display: block;
            float: left;
            width: 16px;
            height: 16px;
            margin: 0 3px 0 0;
            position: relative;
        }

        .jive-friend-label a.jive-remove-label img {
            display: block;
            float: left;
            margin-left: 4px;
            background: none;
            position: relative;
            padding: 2px 0 0;
        }
#ur-list-new {
    margin: 12px 0 0;
}
#save-labels-link {
    margin: 8px 0;
}

        a.jive-add-label {
            display: block;
            cursor: pointer;
            float: left;
            margin: 1px 0;
        }
       .jive-choose-label-color {
            border: solid 1px #ddd;
            background: #fff;
            position: absolute;
            z-index: 999;
            left: -10px;
            top:  -30px;
        }
        .jive-choose-label-color a {
            display: block;
            padding: 5px;
            float: left;

        }
        .jive-choose-label-color a img {
            margin: 0;
        }
        .jive-add-label input {
            display: block;
            float: left;
            width: 130px;
            font-size: .9167em;
            text-decoration: none;
         }

        #edit-labels-link {
            margin: 8px 0 0;
            position: relative;
            display: block;
            clear: both;
        }

.jive-sidebar-body-actions ul.jive-friend-actions li {
    padding: 2px 0 3px 22px;
}

/* people following you */

.jive-followers-list ul {
    list-style-type: none;
    margin: 5px 0 0;
    padding: 0;
}
.jive-followers-list ul li {
    padding: 0 0 5px;
    clear: both;
}
.jive-followers-list ul li img {
    padding: 2px;
    background: #fff;
    border: solid 1px #dadada;
    vertical-align: middle;
}
.jive-followers-list ul li a {
    text-decoration: none;
    padding: 0 0 0 5px;
}
.jive-followers-list ul li a:hover {
    text-decoration: underline;
}
.jive-followers-list span {
    font-size: .9167em;
    color: #999;

}
/* empty friend/connection list */

.jive-empty-friendslist h4 {
    font-size: 1.3333em;
}

div.jive-browsefor-friends {
    padding: 8px;
    margin: 20px 0 0;
    background: #f0f9eb;
    border: solid 1px #dadada;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    width: 400px;
}

div.jive-browsefor-friends a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 5px 0 5px 30px;
    background: url( ../images/jive-icon-friends-24x24.gif ) no-repeat left 3px;
}

div.jive-browsefor-friends a:hover {
    text-decoration: underline;
}

/* your projects */
#jive-project-results {
    margin-top: 1px;
    border: solid 1px #dadada;
}
#jive-project-results .jive-table th.jive-table-head-1,
#jive-project-results .jive-table td.jive-table-cell-1 {
    padding-left: 10px;
}
#jive-tracked-project-results {
	border: 1px solid #ccc;
	margin-bottom: 25px;
	overflow: hidden;
	}

#jive-tracked-project-results .jive-table table {
	border-top: 1px solid #dcdcdc;
	float: left;
	width: 100%;
	}
#jive-tracked-project-results .jive-table th,
#jive-tracked-project-results .jive-table td {
	padding: 7px;
	text-align: left;
	}
#jive-tracked-project-results .jive-table th {
	width: 12%;
	}
#jive-tracked-project-results .jive-table th.jive-table-head-1,
#jive-tracked-project-results .jive-table td.jive-table-cell-1 {
	padding-left: 10px;
	vertical-align: top;
	width:76%;
	}
#jive-tracked-project-results .jive-table td span,
#jive-tracked-project-results .jive-table td span a {
	font-size: .8889em;
	color: #999;
	}
#jive-tracked-project-results .jive-table td.jive-table-cell-2 span,
#jive-tracked-project-results .jive-table td.jive-table-cell-3 span {
	display: block;
	padding-top: 3px;
	}

#jive-tracked-project-results .jive-table td.jive-table-cell-2 span,
#jive-project-results .jive-table td.jive-table-cell-2 span {
	white-space: nowrap;
	}

#jive-project-results .jive-table span.jive-project-browse-desc,
#jive-tracked-project-results .jive-table span.jive-project-browse-desc {
	display: block;
	padding: 10px 0 0;
	}
#jive-project-results .jive-table ul.jive-recent-activity,
#jive-tracked-project-results .jive-table ul.jive-recent-activity {
	list-style-type:none;
	padding: 10px 0;
	}
#jive-tracked-project-results .jive-table ul.jive-recent-activity li {
	}

#jive-tracked-project-results .jive-table td .proj-status-low {
	color: #900;
	}
#jive-tracked-project-results .jive-table td .proj-status-med {
	color: #960;
	}
#jive-tracked-project-results .jive-table td .proj-status-high {
	color: #060;
	}



/* table head styles */
#jive-tracked-project-results .jive-table table thead th {
	background: #f2f2f2 url(../images/jive-table-head-bg.gif) repeat-x top ;
	border-bottom: 1px solid #dcdcdc;
	font-size: 1em;
	color: #666;
	padding-top: 9px;
	padding-bottom: 9px;
	white-space: nowrap;
	}


#jive-tracked-project-results .jive-table tbody td {
	border-bottom: 1px solid #ededed;
	}

.jive-view-profile-updates ul.jive-recent-activity,
.jive-view-profile-updates ul.jive-recent-activity li {
    list-style-type: none;
}



.jive-profile-completeness {
    margin: 0 !important;
    }
.jive-profile-completeness h5 {
    font-size: 1.1111em !important;
    font-weight: normal;
    }
.jive-profile-completeness h5 strong {
    color: #335522;
    font-size: 1.1em;
    }
.jive-profile-completeness-graph {
    background: #fff url(../images/jive-progressbar-bg.png) repeat-x top;
    border: 1px solid #dadada;
    margin: 5px 0 !important;
    padding: 0 !important;
    position: relative;
    }
.jive-profile-completeness-graph div {
    background: #85c562 url(../images/jive-progressbar-green.gif) repeat-x left -5px;
    color: #fff;
    height: 18px;
    margin: 0 !important;
    padding: 0 !important;
    }
.jive-profile-completeness li {
    padding: 2px 0;
    }
.jive-profile-completeness strike {
    color: #aaa;
    }


/* profile photo and avatar management styles */
.jive-body-formpage-photoavatar #jive-body-maincol p { margin: 0; padding: 0 0 10px; }
.jive-body-formpage-photoavatar #jive-profile-images-current a { display: block; text-decoration: none; }
/* current photo & avatar landing page styles */
#jive-profile-images-current {
	float: left;
	margin-bottom: 50px;
	}
#jive-profile-images-current h5 {
    font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 4px;
    padding: 0;
    }
#jive-profile-images-current #jive-profile-photo-current,
#jive-profile-images-current #jive-profile-avatar-current {
	display: block;
	float: left;
	margin-right: 30px;
	margin-top: 20px;
	padding: 2px 30px 2px 0;
	}
#jive-profile-images-current #jive-profile-photo-current {
	border-right: 1px dotted #ccc;
	}
#jive-profile-images-current #jive-profile-photo-current div {
	font-size: .9em;
	margin-top: 2px;
	}
#jive-profile-images-current #jive-profile-photo-current div a {
	color: #666;
	}
#jive-profile-images-current #jive-profile-photo-current div a:hover {
    text-decoration: underline;
    }
#jive-profile-images-current #jive-profile-photo-current img {
	background-color: #fff;
	border: 1px solid #dadada;
	padding: 4px;
	}
#jive-profile-images-current #jive-profile-avatar-current {
	text-align: center;
	}
#jive-profile-images-current #jive-profile-avatar-current img {
	}
#jive-profile-images-current #jive-profile-photo-current a:hover  img,
#jive-profile-images-current #jive-profile-avatar-current a:hover img {
	background-color: #e9f6f9;
	border: 1px solid #b0b3ca;
	}


/* avatar list & selection styles */
.jive-profile-avatar-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
	}
.jive-profile-avatar-list li {
    color: #777;
    margin: 0;
    padding: 5px 10px 10px 5px;
	display: inline-block;
	position: relative;
	}
* html .jive-profile-avatar-list li { display: inline; } /* IE6 fix */
*+html .jive-profile-avatar-list li { display: inline; } /* IE7 fix */

.jive-profile-avatar-list li input {
	display: none;
	}
.jive-profile-avatar-list li a {
    outline: none;
    }
.jive-profile-avatar-list li a img {
	background-color: #fff;
	border: 1px solid #dadada;
	padding: 3px;
	}
.jive-profile-avatar-list li a:hover img {
	background-color: #fff3df;
	}
.jive-profile-avatar-list li a img.jive-avatar-highlight {
	background-color: #ffde00;
	}
.jive-profile-avatar-list li a.jive-avatar-current img {
	background-color: #3366cc;
    height: 48px;
    width: 48px;
    }
.jive-profile-avatar-list li a.jive-avatar-current img.jive-avatar-highlight {
	background-color: #ffde00;
	}
.jive-profile-avatar-list span {
	display: block;
	float: left;
	}
.jive-profile-avatar-list span a {
	display: block;
	padding-bottom: 2px;
	}
.jive-avatar-pending-approval {
	background-color: #334466;
	color: #fff;
	font-size: .75em;
	left: 9px;
    padding: 1px 0;
	position: absolute;
    text-align: center;
	top: 44px;
	width: 48px;
	}
.jive-avatar-label-delete a {
	color: #933;
	font-size: .9em;
	font-weight: bold;
	left: 8px;
	padding: 3px 3px 2px;
	position: absolute;
	top: 56px;
	width: 72px;
	}


/* edit photo & avatar styles */
.jive-profile-images-edit ul,
#jive-profile-photo-review ul {
	padding: 0 0 20px;
	}
.jive-profile-images-edit ul li,
#jive-profile-photo-review ul li {
	color: #777;
	display: inline;
	padding: 0 10px 0 0;
	}
.jive-profile-images-edit ul li strong,
#jive-profile-photo-review ul li strong {
	color: #333;
	}
.jive-profile-images-edit h4,
.jive-profile-images-edit p,
#jive-profile-photo-review p {
    margin: 0;
    padding: 0 0 10px;
	}
.jive-profile-images-edit #jive-profile-avatar-crop,
.jive-profile-images-edit #jive-profile-photo-crop {
	padding-bottom: 10px;
	}

.jive-profile-images-edit #photo,
#jive-profile-photo-review #photo {
	border: 1px solid #bcbcbc;
	display: block;
	float: left;
	width: 500px;
	}
.jive-profile-images-edit #photo-preview,
.jive-profile-images-edit #avatar-preview,
#jive-profile-photo-review #jive-profile-avatar-crop #avatar-preview {
    background-color: #efefef;
	border: 1px solid #bcbcbc;
	float: left;
	margin-left: 15px;
	overflow: hidden;
    }
.jive-profile-images-edit #photo-preview {
	width: 160px;
	height: 120px;
	}
.jive-profile-images-edit #avatar-preview,
#jive-profile-photo-review #jive-profile-avatar-crop #avatar-preview {
	width: 48px;
	height: 48px;
	}


/* photo review page styles */
#jive-profile-photo-review #photo-review img {
	border: 1px solid #bcbcbc;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 160px;
	}
#jive-profile-photo-review #jive-profile-avatar-info {
	background-color: #f9f9f9;
	border: 1px solid #dadada;
	float: left;
	padding: 10px;
	width: 580px;
	}
#jive-profile-photo-review #jive-profile-avatar-info h5,
#jive-profile-photo-review #jive-profile-avatar-crop h5 {
    font-weight: normal;
    font-size: 1.1em;
    margin-bottom: 8px;
    padding: 0;
    }
#jive-profile-avatar-info #jive-profile-avatar-current {
	border-right: 1px dotted #ccc;
	float: left;
	margin-right: 10px;
	padding: 1px 10px 1px 1px;
	}
#jive-profile-avatar-info #jive-profile-avatar-current img.jive-avatar {
	clear: both;
	}
#jive-profile-photo-review #jive-profile-avatar-crop {
	background-color: #f9f9f9;
	border: 1px solid #dadada;
	display: none;
	float: left;
	margin-right: 10px;
    margin-bottom: 5px;
    padding: 10px;
	width: 580px;
	}
#jive-profile-photo-review #jive-profile-avatar-crop h5 {
	display: inline-block;
	margin-bottom: 8px;
	}
#jive-profile-photo-review #jive-profile-avatar-crop span {
	font-size: .9em;
	padding-left: 5px;
	}