Main UI, migration, and html Style updates

1 files changed, 107 insertions, 82 deletions

diff --git a/install/ui/ipa.css b/install/ui/ipa.css
index 37324f891..a071fd5b0 100644
--- a/install/ui/ipa.css
+++ b/install/ui/ipa.css
@@ -12,10 +12,10 @@
 @font-face {font-family: "FreeWayBold"; src:url("FreeWay-Bold.otf");}
 
 body{
-    background-image:url('outer-bg.png');
-    background-repeat:repeat-x;
+    background-image:url("outer-bg.png");
+    background-repeat:repeat-x; 
     background-position:left top;
-    background-color:#F9F9F9;
+    background-color:#ededed;
     border-width: 0;
     font-family:"Liberation Sans",Arial,Sans;
     font-size:11px;
@@ -52,16 +52,9 @@ body{
     top: 50%;
 }
 
-.button-without-icon {
-    padding: .4em 1em .4em 1em;
-    text-decoration: none;
-    position: relative;
-    cursor: pointer;
-}
-
 /*  ----  Header  ----  */
 div.header {
-    background-color:#0C3B00;
+    background: url("top-bg.png") #0C3B00;
     width: 100%;
     height: 4em;
 }
@@ -105,6 +98,7 @@ div.tabs {
     width: 100%;
     height: 100%;
     min-height: 40em;
+	background: url("centered-bg.png") no-repeat scroll 0 8.4em transparent;
 }
 
 div#content {
@@ -144,19 +138,22 @@ div.content div.content-buttons img {
     border: 0;
 }
 
-
-.entity-container h1{
-    -moz-border-radius: 0.3em;
-    font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
-    color: #333333;
-    margin: 0;
-    background: #EEEEEE;
-    margin-top: 0.5em;
-    padding: .5em;
+h1 {
+    font-family: "FreeWayBold","Liberation Sans", Arial, sans-serif;
+    font-size: 1.5em;
+    font-weight: normal;
+    color: #555555;
     text-transform: uppercase;
-    font-size: 1.2em;
 }
 
+.entity-container h1{
+    -moz-border-radius: 0.5em 0.5em 0 0;
+	background: -moz-linear-gradient(center top , #EEEEEE, #DFDFDF) repeat scroll 0 0 transparent;
+	margin-top: 1.5em;
+	padding: 0.5em 0.9em;
+	position: relative;
+	width: 40.5em;
+}
 
 h2 {
     font-family: "FreeWayBold","Liberation Sans", Arial, sans-serif;
@@ -176,7 +173,7 @@ h2 {
     border: 1px solid #b8b8b8;
     color: #fff;
     margin-right: 0.5em;
-    margin-top: 0.1em;
+    margin-top: -0.2em;
 }
 
 hr {
@@ -226,7 +223,8 @@ dl.entryattrs dd {
 
 dl.entryattrs dd.first {
     margin-left: 0;
-    margin-top: 0.7em;
+    margin-top: 0.5em;
+	font-weight: bold;
 }
 
 dl.entryattrs dd.other {
@@ -256,12 +254,13 @@ span.attrhint {
 
 /*Navigation */
 .tabs1 .ui-tabs-nav{
-    padding-left: 2.5em;
-    padding-top: 2em;
+    padding-left: .7em;
+    padding-top: 2.3em;
     margin: 0;
     border: none;
-    background-image: url(Mainnav-background.png);
+    background-image: url("Mainnav-background.png");
     -moz-border-radius: 0;
+	height: 3.5em;
 }
 
 .ui-tabs {
@@ -270,20 +269,22 @@ span.attrhint {
 
 #the positions for these are in the large icon image,
 #and need to be specified in pixels.
-.ui-icon-plus {
-    background-position: -16px -129px;
-}
+
 
 .ui-icon-minus {
     background-position: -48px -129px;
 }
 
+.ui-icon-plus {
+	background-position: -16px -129px;
+}
+
 .ui-icon-trash {
     background-position: -176px -97px;
 }
 
 .ui-widget-content .ui-icon {
-    background-image: url("ui-icons_222222_256x240.png");
+  //background-image: url("ui-icons_222222_256x240.png");
     background-color: #e2e2e2;
 }
 
@@ -298,16 +299,12 @@ span.attrhint {
 }
 
 .ui-widget-header {
-    background: url("modal-background.png")
-    repeat scroll 50% 50% #1f9123;
+    background: url("modal-background.png")     repeat scroll 50% 50% #1f9123;
     border: 1px solid #244c16;
     color: #EEEEEE;
     font-weight: bold;
 }
 
-.tabs1 .ui-tabs-nav {
-    height: 3em;
-}
 
 .ui-widget input, .ui-widget select,
 .ui-widget textarea, .ui-widget button {
@@ -322,11 +319,36 @@ span.attrhint {
      border: 1px solid #777777;
      color: #fff;
      font-weight: normal;
+	 padding: 0.4em 1em;
+}
+
+span.ui-icon-search {
+	background-color: transparent !important;
+    border: medium none !important;
+    color: #FFFFFF !important;
+	margin-left: 0 !important;
+}
+
+[title="Find"] {
+	margin-left: 0.5em !important;
+    padding: 0.4em 1em 0.4em 2em !important;
+}
+
+[title="details"] {
+	margin-top: -.7em !important;
+}
+
+[title="Delete"] {
+	margin-left: 1em !important;
+}
+
+[title="Add"] {
+	margin-left: 1em !important;
 }
 
 .tabs1 .ui-tabs-nav li {
     -moz-border-radius: 0 !important;
-    background-image: url(Mainnav-offtab.png);
+    background-image: url("Mainnav-offtab.png");
     margin: 0;
     border-width: 0;
     text-align: center;
@@ -335,7 +357,7 @@ span.attrhint {
 
 .tabs1 .ui-tabs-nav li.ui-tabs-selected {
     padding: 0 0;
-    background-image: url(Mainnav-ontab.png);
+    background-image: url("Mainnav-ontab.png");
     text-align: center;
     margin: 0;
 }
@@ -343,7 +365,7 @@ span.attrhint {
 .tabs1 .ui-tabs-nav li a{
     -moz-border-radius: 0 !important;
     font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
-    width:5.5em;
+    width:4.5em;
     padding: none;
     color: #7E7E7E;
     margin: 0 auto;
@@ -353,46 +375,46 @@ span.attrhint {
 
 
 .tabs1 .ui-tabs-nav li > a:link, span.main-nav-off >  a:visited{
-    color: #7E7E7E;
+    color: #FFFFFF;
 }
 
 .tabs1 .ui-tabs-nav li.ui-tabs-selected a{
-    color: #3D752A;
+    color: #045E01;
 }
 
 .tabs1 .ui-tabs-panel {
     display: block;
     border-width: 0;
     padding: 0 0 0 0;
-    background: none;
+    background-color: transparent;
     overflow-x: hidden;
 }
 
 .tabs2 .ui-tabs-nav {
-    padding:  0.3em 6em 0  4em;
-    margin: 0;
-    height:  2.4em;
-    background-image: url(Subnav-background.png);
+    padding:  0.3em 6em 0  1.5em;
+    margin-top: 0em;
+    height:  26px;
+    background-image: url("Subnav-background.png");
 }
 
 .tabs2 .ui-tabs-nav li {
     width:auto;
     padding-left: 1em;
     margin: 0;
-    background: #326122 !important;
+    background: none repeat scroll 0 0 transparent !important;
     color: white;
 }
 
 .tabs2 .ui-tabs-nav li.ui-tabs-selected  {
     padding-left: 1em;
     height: 1em;
-    background: #326122 !important;
+    background: none;
 }
 
 
-.tabs2 .ui-tabs-nav li a{
+.tabs2 .ui-tabs-nav li a {
     width:auto;
-    padding: 0.4em 0.6em ;
+    padding: 0.3em 0.8em ;
     -moz-border-radius: 2em !important;
     border-radius: 2em !important;
     color: white;
@@ -400,19 +422,15 @@ span.attrhint {
     font-family: "Liberation Sans", Arial, Sans;
 }
 
-.tabs2 .ui-tabs-nav li > a:link, span.main-nav-off >  a:visited{
-    color:white;
+.tabs2 .ui-tabs-nav li > a:link, span.main-nav-off >  a:visited {
+    color: #ffffff;
 }
 
-
-.tabs2 .ui-tabs-nav li a:hover{
-    background: none repeat scroll 0 0 #1C3612;
-}
-
-.tabs2 .ui-tabs-nav li.ui-tabs-selected a{
-    background: none repeat scroll 0 0 #1C3612;
-    color: white;
-
+.tabs2 .ui-tabs-nav li.ui-tabs-selected a,
+.tabs2 .ui-tabs-nav li a:hover {
+    background-color:#045E01;
+    color: #ffffff;
+    
 }
 
 span.sub-nav-off > a:link, span.sub-nav-off >  a:visited{
@@ -434,7 +452,7 @@ span.main-separator{
 
 .entity-container{
     position: relative;
-    left: 22em;
+    left: 21.5em;
     width: 80%;
     margin: 0.06em;
     padding: 0.06em;
@@ -447,36 +465,32 @@ span.main-separator{
     left: auto;
     border: none;
     float: none;
-    margin-top: 6.3em;
+    margin-top: 2.2em;
     margin-left: -19.5em;
     margin-right: 0;
     padding-left: 0;
     position: fixed;
     width: 18em;
-    background-image:url('panel-background.png');
+    background-image:url("panel-background.png");
     background-repeat:no-repeat;
     background-position:right;
 }
 
-.action-panel h3{
+.action-panel h3 {
     font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
     color: #333333;
-    margin: 0;
-    background: #EEEEEE;
-    padding: .5em;
-    border-right: 1px solid #dfdfdf;
+    margin-bottom: .8em;
+    padding: 1em 0 0.5em 0em;
+    border-bottom: 1px solid #c9c9c9;
     text-transform: uppercase;
-    font-size: 1.2em;
+    font-size: 1.6em;
+	font-weight: normal;
 }
 
 .action-panel ul {
     list-style-type:none;
     padding-left: .5em;
-}
-
-.action-panel h3{
-    margin: 0;
-    background: #e8e8e8;
+	padding-top: 0.5em;
 }
 
 .action-panel li {
@@ -498,23 +512,28 @@ span.main-separator{
 
 .action-panel li.back-to-search {
     margin-left: -1.5em;
+	margin-top: 1em;
 }
 
 .action-panel li.entity-facet {
     font-family: "Liberation Sans",Arial,sans-serif;
     color: #1d85d5;
     cursor: pointer;
-    margin-left:1.2em;
+    margin-left: -0.8em;
     text-transform: none;
 }
 
 .action-panel li.entity-facet-selected {
     font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
-    color: black;
+    color: #333333;
     text-transform: uppercase;
     cursor: pointer;
 }
 
+.action-panel li.entity-facet-selected .action-controls {
+
+}
+
 .action-panel li.entity-facet-disabled {
     display:none;
 }
@@ -524,13 +543,20 @@ span.main-separator{
     color: #8a8a8a;
     cursor: default;
     text-transform: uppercase;
-    margin-left:1.8em;
+    margin-left:0.8em;
 }
 
 .action-panel li.facet-group-member {
-    margin-left: 2.9em
+    margin-left: 2em;
 }
 
+.action-panel li hr {
+	margin-top: 0.3em;
+	margin-left: 1em;
+	background-color: #FFFFFF !important;
+    border-left: medium none !important;
+    border-top: 1px solid #C9C9C9 !important;
+}
 
 .action-button {
     background: none;
@@ -543,7 +569,6 @@ a.action-button-disabled {
     color: gray;
     cursor: default;
 }
-
 .action-controls {
     position: relative;
     display:inline;
@@ -555,8 +580,8 @@ a.action-button-disabled {
     float: left;
     min-width: 70em;
 }
-
-
+ 
+	
 /* Search */
 
 .search-controls {
@@ -711,7 +736,7 @@ table.scrollable tbody {
     top: 0;
     left: 0;
     bottom: 0;
-    width: 23.0em;
+    width: 25.0em;
 }
 
 .adder-dialog-buttons {