Fix Relatives spacing problem on tab display

14 files changed, 532 insertions, 518 deletions

diff --git a/themes/colors/css/aquamarine.css b/themes/colors/css/aquamarine.css
index 3271cd3f60..fffa9efff6 100644
--- a/themes/colors/css/aquamarine.css
+++ b/themes/colors/css/aquamarine.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#007e94;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#085360;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #085360;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #00A9C7;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #00A9C7 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #00A9C7 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/ash.css b/themes/colors/css/ash.css
index 2f82b3e87f..68d158813e 100644
--- a/themes/colors/css/ash.css
+++ b/themes/colors/css/ash.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#5d6779;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#2A2B2D;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #2A2B2D;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #9DA5B4;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #9DA5B4 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #9DA5B4 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/belgianchocolate.css b/themes/colors/css/belgianchocolate.css
index 5eb3696c9d..b52607f04e 100644
--- a/themes/colors/css/belgianchocolate.css
+++ b/themes/colors/css/belgianchocolate.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#971702;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#311900;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #311900;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #af2604;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #af2604 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #af2604 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/bluelagoon.css b/themes/colors/css/bluelagoon.css
index eadd1d8686..bd96737175 100644
--- a/themes/colors/css/bluelagoon.css
+++ b/themes/colors/css/bluelagoon.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#5ab5ee;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#2385c2;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #2385c2;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #5ab5ee;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #5ab5ee !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #5ab5ee !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/bluemarine.css b/themes/colors/css/bluemarine.css
index 2a7dd2b245..ed2c5247f5 100644
--- a/themes/colors/css/bluemarine.css
+++ b/themes/colors/css/bluemarine.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#6598cb;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#98badd;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #98badd;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #6598cb;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #6598cb !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #6598cb !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/coldday.css b/themes/colors/css/coldday.css
index 9d2c53b6c2..5f1df631c2 100644
--- a/themes/colors/css/coldday.css
+++ b/themes/colors/css/coldday.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#1a1575;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#4d91ff;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #4d91ff;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #5997E3;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #5997E3 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #5997E3 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/greenbeam.css b/themes/colors/css/greenbeam.css
index 6f115bd881..f1800e0baa 100644
--- a/themes/colors/css/greenbeam.css
+++ b/themes/colors/css/greenbeam.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#03961e;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#7be000;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #7be000;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #04AF23;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #04AF23 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #04AF23 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/mediterranio.css b/themes/colors/css/mediterranio.css
index 0f092551f1..258fe51f8d 100644
--- a/themes/colors/css/mediterranio.css
+++ b/themes/colors/css/mediterranio.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#a30f42;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#fc6d1d;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #fc6d1d;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #D23014;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #D23014 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #D23014 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/mercury.css b/themes/colors/css/mercury.css
index 1f49758079..6a029ca943 100644
--- a/themes/colors/css/mercury.css
+++ b/themes/colors/css/mercury.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#d4d4d4;
 color: #707070;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #707070;
 background:#a9adbc;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #a9adbc;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #C6C8D2;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #C6C8D2 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #707070;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #C6C8D2 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #707070;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #707070;
 }
diff --git a/themes/colors/css/nocturnal.css b/themes/colors/css/nocturnal.css
index fb8eba97a2..1e796f9199 100644
--- a/themes/colors/css/nocturnal.css
+++ b/themes/colors/css/nocturnal.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#0a2352;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#9fa8d5;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #9fa8d5;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #6A78BE;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #6A78BE !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #6A78BE !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/olivia.css b/themes/colors/css/olivia.css
index 79555da482..0c9a70d22e 100644
--- a/themes/colors/css/olivia.css
+++ b/themes/colors/css/olivia.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#7db323;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#b5d52a;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #b5d52a;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #7db323;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #7db323 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #7db323 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/pinkplastic.css b/themes/colors/css/pinkplastic.css
index ca51f9e20e..89cf30cefe 100644
--- a/themes/colors/css/pinkplastic.css
+++ b/themes/colors/css/pinkplastic.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#f41063;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#f391c6;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #f391c6;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #F75993;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #F75993 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #F75993 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/shinytomato.css b/themes/colors/css/shinytomato.css
index ff283c99c7..58904d9417 100644
--- a/themes/colors/css/shinytomato.css
+++ b/themes/colors/css/shinytomato.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#f21107;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#a1443a;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #a1443a;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #F96058;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #F96058 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #F96058 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }
diff --git a/themes/colors/css/tealtop.css b/themes/colors/css/tealtop.css
index 85be0fb297..feabebde53 100644
--- a/themes/colors/css/tealtop.css
+++ b/themes/colors/css/tealtop.css
@@ -22,14 +22,14 @@ padding:0px;
 }
 
 /*	Color settings for the this theme	*/
-
-/*	Define Header, Tbl hdrs and Light Text Colors	*/
+/*	Define Header and Light Text Colors	*/
 
 #header,
 .gedcomtitle {
 background:#34775a;
 color: #ffffff;
 }
+/*	Define Tbl hdrs and Light Text Colors	*/
 
 .descriptionbox,
 .descriptionbox a,
@@ -54,9 +54,11 @@ color: #ffffff;
 background:#52bf90;
 }
 
+/* Correct icon link problem  */
 .menuitem_hover a:hover, .menuitem_hover_rtl a:hover{
 color: #52bf90;
 }
+
 /*	Define Base Color					*/
 
 .descriptionbox .submenu a,
@@ -243,10 +245,6 @@ padding:0 10px;
 margin:8px 0px 0px 0px;
 }
 
-.nameZoom a:hover {
-font: bold 14px tahoma, arial, helvetica, sans-serif;
-}
-
 div.error {
 color:#dd0000;
 font-weight:600;
@@ -434,11 +432,6 @@ border:1px solid #ccc;
 float: left;
 }
 
-#facts, #relatives {
-max-width: 100%;
-width:100%;
-}
-
 #random_picture {
 height:auto;
 }
@@ -592,20 +585,20 @@ width:99%;
  }
 
 .person_box {
-background:#f0f9ff;
+background:#ddddff;
 border:1px solid #999;
 padding:3px;
 }
 
 .person_boxF {
-background:#fff0f0;
+background:#ffdddd;
 border:1px solid #ff2080;
 padding:3px;
 }
 
 .person_boxNN {
 background:#fff;
-border:1px dashed #CCC;
+border:1px solid #CCC;
 padding:3px;
 }
 
@@ -767,12 +760,23 @@ font-size: 11px;
 font-weight: bold;
 }
 
-.name1Hover {
+.name2 {
+font-size: 12px;
+font-weight: bold;
+}
+
+a:hover .name1 {
 color: red;
 font-size: 11px;
 font-weight: bold;
 }
 
+a:hover.name2 {
+color: red;
+font-size: 12px;
+font-weight: bold;
+}
+
 .nameblue {
 border: solid blue 1px;
 }
@@ -782,17 +786,6 @@ font-size: 10px;
 text-decoration:none;
 }
 
-.name2 {
-font-size: 12px;
-font-weight: bold;
-}
-
-.name2Hover {
-color: red;
-font-size: 12px;
-font-weight: bold;
-}
-
 .details2 {
 font-size: 11px;
 text-decoration:none;
@@ -804,6 +797,11 @@ font-weight: bold;
 text-decoration:none;
 }
 
+ a:hover .nameZoom {
+font: bold 14px tahoma, arial, helvetica, sans-serif;
+color: red;
+}
+
 .detailsZoom {
 font-size: 13px;
 text-decoration:none;
@@ -862,7 +860,6 @@ vertical-align: middle;
 .pedigree_image_portrait, .pedigree_image_landscape {
 float: left;
 height: 50px;
-border: solid black 1px;
 margin-right: 3px;
 }
 
@@ -1608,16 +1605,10 @@ dt {
 }
 
 /* Override js/jquery-ui.custom.css            */
-/* Accordion ----------------------------------*/
+/* Right Side Tab----------------------------------*/
 .ui-state-active, .ui-widget-content .ui-state-active { background: #51B389;}
 
-/* Tabs ----------------------------------*/
-.ui-widget-header { border: 1px solid #fff; background: #51B389 !important;  opacity: 0.67;}
-.ui-widget-content a:hover {color: #f50;}
-.ui-state-active, .ui-widget-content .ui-state-active { border: #999; }
-.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
-
-/* Override jquery-ui_theme.css                */
+/* Flyout changes */
 
 .flyout2 {
         margin-left:-40px; /* move popup left */
@@ -1631,8 +1622,18 @@ dt {
     color: #000;
 }
 
+/* Tabs ----------------------------------*/
+.ui-widget-header { border: 1px solid #fff; background: #51B389 !important;  opacity: 0.67;}
+.ui-widget-content a:hover {color: #f50;}
+.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #999 !important ; }
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff;}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000000; }
+.ui-tabs-nav li.ui-tabs-selected { background: #fff; }
+
+
 /* Colors specific changes                     */
-/* Override inline code in --------------------*/
+/* Location and behavior of Right Site Tab in/out pin-------*/
+
 #sidebar {  
 background: #fff !important;
 margin: 9px 20px 15px 15px;
@@ -1644,5 +1645,5 @@ margin: 9px 20px 15px 15px;
 color:  #000;
 }
 .nav_content .facts_label a{
-color: #fff;
+color: #ffffff;
 }