diff --git a/productMods/css/individual/individual-vivo.css b/productMods/css/individual/individual-vivo.css
index dd75d3bc..03b5ed00 100644
--- a/productMods/css/individual/individual-vivo.css
+++ b/productMods/css/individual/individual-vivo.css
@@ -1,5 +1,44 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
+/* <------ INDIVIDUAL INTRO FOR PERSON*/
+#individual-intro.person {
+ margin-bottom: 30px;
+ position: relative;
+ width: 100%;
+}
+#individual-intro.person #individual-info {
+ float: left;
+ width: 78%;
+ margin-bottom: 20px;
+}
+#individual-intro.person .individual-overview {
+ width: 100%;
+ float: none;
+}
+ul#individual-tools-people {
+ margin-top: 5px;
+ height: 20px;
+ padding-bottom: 20px;
+ list-style-type: none;
+ clear: both;
+ margin-bottom: 15px;
+}
+ul#individual-tools-people li {
+ position: relative;
+ display: block;
+ padding-right: 7px;
+ float: left;
+ margin-bottom: 20px;
+}
+ul.individual-urls-people {
+ clear: both;
+ list-style-type: circle;
+ padding-left: 24px;
+}
+ul.individual-urls-people li {
+ font-size: .875em;
+ line-height: 1.3em;
+}
/* <------ INDIVIDUAL CORE:OVERVIEW */
#overview {
clear: left;
diff --git a/productMods/js/individual/individualUtils.js b/productMods/js/individual/individualUtils.js
index 0fd62c8c..bd79cc25 100644
--- a/productMods/js/individual/individualUtils.js
+++ b/productMods/js/individual/individualUtils.js
@@ -11,34 +11,40 @@ $(document).ready(function(){
// This function creates and styles the "qTip" tooltip that displays the resource uri when the user clicks the uri icon.
$('#uriIcon').each(function()
{
- $(this).qtip(
- {
- content: {
- title: {
- text: 'URI',
- },
- text: '
' + $("#uriIcon").attr("title") + '
'
- },
- position: {
- corner: {
- target: 'leftBottom',
- tooltip: 'bottomLeft'
- }
- },
- show: {
- when: {event: 'click'}
- },
- hide: {
- fixed: true // Make it fixed so it can be hovered over
- },
- style: {
- title: {'backgroundColor': '#2485AE', 'color': 'white', 'fontFamily': '"Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif'},
- padding: '6px 6px', // Give it some extra padding
- width: 380,
- textAlign: 'center',
- backgroundColor: '#f1f2ee'
- }
- });
+ $(this).qtip(
+ {
+ content: {
+ prerender: true, // We need this for the .click() event listener on 'a.close'
+ text: '