Main UI, migration, and html Style updates

10 files changed, 940 insertions, 85 deletions

diff --git a/install/html/FreeWay-Bold.otf b/install/html/FreeWay-Bold.otf
new file mode 100644
index 000000000..793185317
--- /dev/null
+++ b/install/html/FreeWay-Bold.otf
diff --git a/install/html/FreeWay.otf b/install/html/FreeWay.otf
new file mode 100644
index 000000000..ebefcb25e
--- /dev/null
+++ b/install/html/FreeWay.otf
diff --git a/install/html/Static-Background.png b/install/html/Static-Background.png
new file mode 100644
index 000000000..b8c28931e
--- /dev/null
+++ b/install/html/Static-Background.png
diff --git a/install/html/centered-bg.png b/install/html/centered-bg.png
new file mode 100644
index 000000000..9e606a815
--- /dev/null
+++ b/install/html/centered-bg.png
diff --git a/install/html/firefox-icon.png b/install/html/firefox-icon.png
new file mode 100644
index 000000000..ca149a42a
--- /dev/null
+++ b/install/html/firefox-icon.png
diff --git a/install/html/ie-icon.png b/install/html/ie-icon.png
new file mode 100644
index 000000000..52f7a83f2
--- /dev/null
+++ b/install/html/ie-icon.png
diff --git a/install/html/ipa_error.css b/install/html/ipa_error.css
new file mode 100644
index 000000000..abd850d61
--- /dev/null
+++ b/install/html/ipa_error.css
@@ -0,0 +1,842 @@
+/* Authors:
+ *   Pavel Zuna <pzuna@redhat.com>
+ *   Adam Young <ayoung@redhat.com>
+ *   Endi Sukma Dewata <edewata@redhat.com>
+ *   Kyle Baker <kybaker@redhat.com>
+ *
+ * Copyright (C) 2010 Red Hat
+*/
+
+
+@font-face {font-family: "FreeWay"; src:url("FreeWay.otf");}
+@font-face {font-family: "FreeWayBold"; src:url("FreeWay-Bold.otf");}
+
+body{
+    background-image:url("outer-bg.png");
+    background-repeat:repeat-x; 
+    background-position:left top;
+    background-color:#F9F9F9;
+    border-width: 0;
+    font-family:"Liberation Sans",Arial,Sans;
+    font-size:11px;
+    margin: 0;
+}
+
+.center-container {
+        margin-left: auto;
+        margin-right: auto;
+        width: 960px;
+}
+
+.ui-widget {
+    font-size: 1em;
+}
+
+.input_link {
+    padding: .4em 1em .4em 2em;
+    text-decoration: none;
+    position: relative;
+    cursor: pointer;
+}
+
+.input_link span.ui-icon {
+    -moz-border-radius: 0.3em;
+    border: 1px solid #B8B8B8;
+    margin: -0.9em 0.4em 0em -0.3em;
+    position: absolute;
+    left: .2em;
+    top: 50%;
+}
+
+/*  ----  Header  ----  */
+div.header {
+    background-color:#0C3B00;
+    width: 100%;
+    height: 4em;
+}
+
+div.header a {
+    text-decoration: none;
+}
+
+div.header a:link {
+    text-decoration: none;
+    color: white;
+}
+
+div.header a:visited {
+    text-decoration: none;
+    color: white;
+}
+
+div.header span.header-logo {
+    padding-left: 2em;
+}
+
+div.header span.header-logo a img {
+    border: 0;
+}
+
+div.header span.header-loggedinas {
+    width: 96em;
+    color: #fff;
+    display: block;
+    padding-left: 71em;
+    margin-top: -2.6em;
+    margin-left: auto;
+    margin-right: 27.6em;
+    width: 20em;
+}
+
+/* ---- Navigation ---- */
+div.tabs {
+    overflow: auto;
+    width: 100%;
+    height: 100%;
+    min-height: 40em;
+}
+
+div#content {
+    margin-top: 0;
+    position: relative;
+    width: 100%;
+}
+
+
+ul#viewtype {
+    padding-left: 2em;
+}
+
+ul#viewtype li {
+    color: #656565;
+    display: inline;
+    font-weight: bold;
+    list-style-type: none;
+    padding-right: 2em;
+}
+
+
+ul#viewtype li img {
+    vertical-align: middle;
+}
+
+ul#viewtype li a {
+    font-weight: normal;
+}
+
+div.content div.content-buttons {
+    float: right;
+    margin-right: 1.5em;
+}
+
+div.content div.content-buttons img {
+    border: 0;
+}
+
+h2 {
+    font-family: "FreeWayBold","Liberation Sans", Arial, sans-serif;
+    font-size: 1.5em;
+    font-weight: normal;
+    color: #333333;
+    text-transform: uppercase;
+    margin-left: 1em;
+    margin-bottom: 0;
+    text-align: left;
+}
+
+.section-expand{
+    float:left;
+    -moz-border-radius: 0.3em;
+    background-color: -moz-linear-gradient(top,  #959595,  #5e5e5e);
+    border: 1px solid #b8b8b8;
+    color: #fff;
+    margin-right: 0.5em;
+    margin-top: 0.1em;
+}
+
+hr {
+    background-color: #EEEEEE;
+    clear: both;
+    color: #FFFFFF;
+    height: 0.1em;
+    margin-left: 1.5em;
+    margin-right: 1.5em;
+    margin-top: 1em;
+}
+
+.details-section {
+    margin-left: 4.5em;
+    margin-right: 1.5em;
+    margin-top: 1.8em;
+    white-space: nowrap;
+    padding-bottom: 1.8em;
+    padding-right: 1.8em;
+}
+
+.undo {
+    cursor:pointer;
+}
+
+dl.entryattrs {
+    clear: both;
+    margin-left: 1.5em;
+    margin-top: 1.8em;
+    white-space: nowrap;
+}
+
+dl.entryattrs dt {
+    clear: left;
+    float: left;
+    padding-bottom: 1.8em;
+    padding-right: 1.8em;
+    text-align: right;
+    width: 16em;
+    margin: 0.5em -0.5em 0 -6em;
+}
+
+dl.entryattrs dd {
+    float: left;
+    padding-bottom: 1.8em;
+}
+
+dl.entryattrs dd.first {
+    margin-left: 0;
+    margin-top: 0.7em;
+}
+
+dl.entryattrs dd.other {
+    clear: both;
+    margin-left: 10.7em;
+}
+
+dl.entryattrs input {
+    margin-right: 0.5em;
+    margin-top: -1.2em;
+    min-width: 27.5em;
+}
+
+
+span.attrhint {
+    font-size: 8pt;
+    left: 5em;
+    margin-left: 12.5em;
+    position: absolute;
+    overflow-x: hidden;
+}
+
+
+/*Navigation */
+.tabs1 .ui-tabs-nav{
+    padding-left: 2.5em;
+    padding-top: 2em;
+    margin: 0;
+    border: none;
+    background-image: url("Mainnav-background.png");
+    -moz-border-radius: 0;
+}
+
+.ui-tabs {
+    padding:0;
+}
+
+#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-trash {
+    background-position: -176px -97px;
+}
+
+.ui-widget-content .ui-icon {
+    background-image: url("ui-icons_222222_256x240.png");
+    background-color: #e2e2e2;
+}
+
+.ui-widget-content {
+}
+
+
+.ui-widget-content a {
+    text-decoration: none;
+    color: #1d85d5;
+    font-weight: normal;
+}
+
+.ui-widget-header {
+    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 {
+    font-family: "Liberation Sans", Arial, sans-serif;
+    font-size: 1.3em;
+    margin-right: .1em;
+}
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+    -moz-border-radius: .3em;
+     background: -moz-linear-gradient(top,  #959595,  #5e5e5e);
+     border: 1px solid #777777;
+     color: #fff;
+     font-weight: normal;
+}
+
+.tabs1 .ui-tabs-nav li {
+    -moz-border-radius: 0 !important;
+    background-image: url("Mainnav-offtab.png");
+    margin: 0;
+    border-width: 0;
+    text-align: center;
+    vertical-align:baseline;
+ }
+
+.tabs1 .ui-tabs-nav li.ui-tabs-selected {
+    padding: 0 0;
+    background-image: url("Mainnav-ontab.png");
+    text-align: center;
+    margin: 0;
+}
+
+.tabs1 .ui-tabs-nav li a{
+    -moz-border-radius: 0 !important;
+    font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
+    width:5.5em;
+    padding: none;
+    color: #7E7E7E;
+    margin: 0 auto;
+    text-align:center;
+    font-size:1.5em;
+}
+
+
+.tabs1 .ui-tabs-nav li > a:link, span.main-nav-off >  a:visited{
+    color: #7E7E7E;
+}
+
+.tabs1 .ui-tabs-nav li.ui-tabs-selected a{
+    color: #3D752A;
+}
+
+.tabs1 .ui-tabs-panel {
+    display: block;
+    border-width: 0;
+    padding: 0 0 0 0;
+    background: none;
+    overflow-x: hidden;
+}
+
+.tabs2 .ui-tabs-nav {
+    padding:  0.3em 6em 0  4em;
+    margin: 0;
+    height:  2.4em;
+    background-image: url("Subnav-background.png");
+}
+
+.tabs2 .ui-tabs-nav li {
+    width:auto;
+    padding-left: 1em;
+    margin: 0;
+    background: #326122 !important;
+    color: white;
+}
+
+.tabs2 .ui-tabs-nav li.ui-tabs-selected  {
+    padding-left: 1em;
+    height: 1em;
+    background: #326122 !important;
+}
+
+
+.tabs2 .ui-tabs-nav li a{
+    width:auto;
+    padding: 0.4em 0.6em ;
+    -moz-border-radius: 2em !important;
+    border-radius: 2em !important;
+    color: white;
+    font-size: 1em;
+    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: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;
+
+}
+
+span.sub-nav-off > a:link, span.sub-nav-off >  a:visited{
+    color:white;
+}
+
+span.main-nav-off > a:link, span.main-nav-off >  a:visited{
+    color:white;
+}
+
+span.main-separator{
+    background: #333339;
+    padding:0.1em;
+}
+
+
+
+/* Entity */
+
+.entity-container{
+    position: relative;
+    left: 22em;
+    width: 80%;
+    margin: 0.06em;
+    padding: 0.06em;
+    background: #e8e8e8;
+}
+
+.action-panel {
+    position: fixed;
+    height: 33em;
+    left: auto;
+    border: none;
+    float: none;
+    margin-top: 6.3em;
+    margin-left: -19.5em;
+    margin-right: 0;
+    padding-left: 0;
+    position: fixed;
+    width: 18em;
+    background-image:url("panel-background.png");
+    background-repeat:no-repeat;
+    background-position:right;
+}
+
+.action-panel h3{
+    font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
+    color: #333333;
+    margin: 0;
+    background: #EEEEEE;
+    padding: .5em;
+    border-right: 1px solid #dfdfdf;
+    text-transform: uppercase;
+    font-size: 1.2em;
+}
+
+.action-panel ul {
+    list-style-type:none;
+    padding-left: .5em;
+}
+
+.action-panel h3{
+    margin: 0;
+    background: #e8e8e8;
+}
+
+.action-panel li {
+    font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
+    font-size: 1.1em;
+    color: #1d85d5;
+    list-style-type: none;
+    min-height: 2.1em;
+    padding: none;
+}
+
+.action-panel li.search-facet {
+    font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
+    color: #1D85D5;
+    cursor: pointer;
+    text-transform: uppercase;
+    font-size: 1.2em;
+}
+
+.action-panel li.entity-facet {
+    font-family: "Liberation Sans",Arial,sans-serif;
+    color: #1d85d5;
+    cursor: pointer;
+    margin-left:1.2em;
+    text-transform: none;
+}
+
+.action-panel li.entity-facet-selected {
+    font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
+    color: black;
+    text-transform: uppercase;
+    cursor: pointer;
+}
+
+.action-panel li.entity-facet-disabled {
+    font-family: "Liberation Sans",Arial,sans-serif;
+    color: gray;
+    cursor: default;
+    text-decoration: none;
+    text-transform: none;
+
+}
+
+.action-panel li.entity-facet-relation-label {
+    font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
+    color: #8a8a8a;
+    cursor: default;
+    text-transform: uppercase;
+    margin-left:1.8em;
+}
+
+.action-panel li.facet-group-member {
+    margin-left: 2.9em
+}
+
+
+.action-button {
+    background: none;
+    background-image:none;
+    font-family: "Liberation Sans", Arial, sans-serif;
+    font-size: 0.9em;
+}
+
+.action-controls {
+    position: relative;
+    display:inline;
+}
+
+.client {
+    font-size: 10px;
+    margin-top: 0.4em;
+    float: left;
+    min-width: 70em;
+}
+
+/* Migration */
+
+body#header-bg {
+    background: url("Static-Background.png") repeat-x scroll left top #EDEDED;
+}
+   
+.container_1 {
+    margin-left: auto;
+    margin-right: auto;
+    width: 960px;
+	background: url("centered-bg.png") no-repeat scroll 0 7em transparent;
+	min-height: 40em;
+}
+
+#formwindow {
+    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
+    background: none repeat scroll 0 0 #FFFFFF;
+    border-color: #FFFFFF #F0F0F0 #F0F0F0;
+    border-right: 1px solid #F0F0F0;
+    border-style: solid;
+    border-width: 1px;
+    color: #3F3F3F;
+    margin: 40px auto 100px;
+    width: 450px;
+}
+
+.formcontent {
+	padding: 0 1em 2em 2em;
+}
+
+#error-box {
+	-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
+	background-color: #FFEBE8;
+	border: 1px solid #DD3C10;
+	margin: 0 2em 1em;
+	padding: 1em 1em 0 0;
+}
+
+.# {
+    background: url("ipalogo.png") no-repeat scroll left top transparent;
+    border: none;
+    float: left;
+    height: 36px;
+    width: 205px;
+}
+
+#formwindow h4 {
+    background-color: #F0F0F0;
+    font-size: 1.6em;
+    padding: 18px 15px 14px 22px;
+    text-transform: uppercase;
+    margin-top: 0;
+}
+
+#login li {
+    padding-bottom: 15px;
+    text-align: right;
+    width: 370px;
+    list-style-type: none;
+}
+
+#login li input {
+    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
+    margin-left: 15px;
+    padding: 2px 10px;
+    width: 248px;
+}
+
+#login li label, #modal li label {
+    font-weight: bold;
+    font-size: 1.2em;
+    list-style-type: none;
+}
+
+form#login {
+    display: inline-block;
+    padding-bottom: 15px;
+    width: 418px;
+}
+
+.formbutton input {
+    float: right;
+    margin: 1em 1em 1em 0;
+	-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
+	background: -moz-linear-gradient(center top, #959595, #5e5e5e) repeat scroll 0 0  transparent;
+	border: 1px solid #777777;
+	color: #ffffff;
+	font-weight: normal;
+	padding: 0.5em 0.8em;
+}
+
+.textblock {
+    text-align: center;
+    margin-top: 6em;
+    font-size: 1.1em;
+}
+
+.textblockkrb {
+    text-align: left;
+    margin-top: 5em;
+    font-size: 1.1em;
+	padding-left: 3em;
+
+}
+
+.textblockkrb ul li {
+	list-style-type: none;
+	padding: .15em;
+	
+}
+
+
+h3 {
+    color: #333333;
+    font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
+    font-size: 1.5em;
+    font-weight: normal;
+    text-transform: uppercase;
+}	
+
+h5 {
+    color: #333333;
+    font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
+    font-size: 1em;
+    font-weight: normal;
+    text-transform: uppercase;
+	margin-bottom: 3em;
+	margin-left: 5em;
+	margin-top: -3em;
+
+}
+    
+	
+	
+/* Search */
+
+.search-controls {
+    -moz-border-radius: .7em .7em 0 0;
+    height:2.5em;
+    background: -moz-linear-gradient(top,  #eeeeee,  #dfdfdf);
+    position: relative;
+    padding: 1em 1.5em;
+    margin-top: 1.5em;
+}
+
+.search-table > a:link,a:visted{
+    color:black;
+}
+
+.search-table{
+    padding: 0;
+    width:100%;
+    border: none;
+}
+
+.search-table td{
+    padding-left: 0.5em;
+}
+
+.search-table th{
+    padding-left: 0.5em;
+    background-color:#f6f6f6;
+    color:#333333;
+    text-align: left;
+    border: 1px solid #dfdfdf;
+}
+
+.search-table tfoot tr td span{
+    border-top: 1px solid #dfdfdf;
+    padding: 0.9em 0 0 1em;
+    display: block;
+    margin-top: 2em;
+}
+
+.search-table tr:nth-child(even){
+#    background-color:#CCC;
+}
+
+.search-table tr:nth-child(odd){
+#    background-color:#FFF;
+}
+
+.entity-views{
+     list-style-type:none;
+}
+
+.entity-views li {
+    display:inline;
+    cursor: pointer;
+    padding: 0.4em;
+}
+
+.strikethrough { text-decoration: line-through; }
+
+
+.key-status-valid {
+    list-style-type: circle;
+    color: #008000;
+}
+
+.key-status-missing {
+    list-style-type: circle;
+    color: #daa520;
+}
+
+.key-status-active {
+    list-style-type: disc;
+}
+
+.certificate-status-valid {
+    list-style-type: circle;
+    color: #008000;
+}
+
+.certificate-status-revoked {
+    list-style-type: circle;
+    color: #ff0000;
+}
+
+.certificate-status-missing {
+    list-style-type: circle;
+    color: #daa520;
+}
+
+.certificate-status-active {
+    list-style-type: disc;
+}
+
+dl.modal {
+    clear: both;
+    margin-left: 1em;
+    margin-top: 1em;
+    white-space: nowrap;
+}
+
+dl.modal dt {
+    clear: left;
+    float: left;
+    padding-bottom: 0;
+    padding-right: 0;
+    text-align: right;
+    width: 10em;
+}
+
+dl.modal dd {
+    float: left;
+    padding-bottom: 0;
+    margin-left: 0.8em;
+}
+
+
+
+.ui-widget-content {
+border:0;
+}
+
+table.scrollable thead {
+    display: block;
+}
+
+table.scrollable tbody {
+    display: block;
+    overflow: auto;
+}
+
+.adder-dialog-filter {
+    height: 2.5em;
+}
+
+.adder-dialog-results {
+    position: relative;
+    height: 20.0em;
+}
+
+.adder-dialog-available {
+    border: 1px solid black;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 25.0em;
+}
+
+.adder-dialog-buttons {
+    position: absolute;
+    top: 1.5em;
+    left: 25em;
+    right: 25;
+    bottom: 0;
+    text-align: center;
+}
+
+.adder-dialog-selected {
+    border: 1px solid black;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    width: 25em;
+}
+
+.adder-dialog-internal {
+    border: 1px solid black;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 4.5em;
+    width: 25em;
+}
+
+.adder-dialog-external {
+    border: 1px solid black;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 25em;
+    height: 4em;
+}
diff --git a/install/html/ipalogo.png b/install/html/ipalogo.png
new file mode 100644
index 000000000..62185c1b0
--- /dev/null
+++ b/install/html/ipalogo.png
diff --git a/install/html/ssbrowser.html b/install/html/ssbrowser.html
index 37dbcb407..e30e8547f 100644
--- a/install/html/ssbrowser.html
+++ b/install/html/ssbrowser.html
@@ -1,68 +1,68 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!DOCTYPE html>
 <html>
 <head>
-<title>Browser Kerberos Setup</title>
-</head>
-<body>
-    <h2>Browser Kerberos Setup</h2>
-    <h3> Internet Explorer Configuration </h3>
-<p>Once you are able to log into the workstation with your kerberos key you should be able to use that ticket in Internet Explorer. For illustration purposes his page will use EXAMPLE.COM as the sample realm and example.com for the domain.
-</p>
-<ul><li> Login to the Windows machine using an account of domain EXAMPLE.COM
-
-</li><li> In Internet Explorer, click Tools, and then click Internet Options.
-</li></ul>
-<ol><li> Click the Security tab.
-</li><li> Click Local intranet.
-</li><li> Click Sites
-</li><li> Click Advanced
-</li><li> Add *.example.com to the list
-
-</li></ol>
-<ul><li> In Internet Explorer, click Tools, and then click Internet Options.
-</li></ul>
-<ol><li> Click the Security tab.
-</li><li> Click Local intranet.
-</li><li> Click Custom Level
-</li><li> Select Automatic logon only in Intranet zone.
-</li></ol>
-<ul><li> Visit a kerberized web site using IE. You must use the fully-qualified DN in the URL.
-</li><li> If all went right, it should work.
+<meta charset="utf-8">
+    <title>IPA: Identity Policy Audit</title>
 
-</li></ul>
-<h3 class="title">Firefox Configuration</h3>
-<p>
-You can configure Firefox to use Kerberos for Single Sign-on. In order for this functionality to work correctly, you need to configure your web browser to send your Kerberos credentials to the appropriate <span class="abbrev">KDC</span>.The following section describes the configuration changes and other requirements to achieve this.
-</p>
-<ol class="arabic">
-<li>
-<p>
-In the address bar of Firefox, type <b class="userinput"><tt>about:config</tt></b> to display the list of current configuration options.
-</p>
-</li>
+    <script type="text/javascript" src="develop.js"></script>
+    <script type="text/javascript" src="webui.js"></script>
 
-<li>
-<p>
-In the <span><b class="guilabel">Filter</b></span> field, type <b class="userinput"><tt>negotiate</tt></b> to restrict the list of options.
-</p>
-</li>
-<li>
-<p>
-Double-click the <span class="emphasis"><em>network.negotiate-auth.trusted-uris</em></span> entry to display the <span class="emphasis"><em>Enter string value</em></span> dialog box.
+    <link rel="stylesheet" type="text/css" href="jquery-ui.css" />
+    <link rel="stylesheet" type="text/css" href="ipa_error.css" />
+</head>
 
-</p>
-</li>
-<li>
-<p>
-Enter the name of the domain against which you want to authenticate, for example, <i class="replaceable"><tt>.example.com</tt></i>.
-</p>
-</li>
-<li>
-<p>
-Repeat the above procedure for the <span class="emphasis"><em>network.negotiate-auth.delegation-uris</em></span> entry, using the same domain.
-</p>
-</li>
+<body id="header-bg">
+ 
+  <div class="container_1"> 
+    <div class="header-logo">
+            <img src="ipalogo.png" />
+        </div>  
+       <div class="textblockkrb"> 
+        <h3>Browser Kerberos Setup</h3>
+        <img alt="Internet Explorer" src="ie-icon.png"><h5>Internet Explorer Configuration</h5>
+        <p>Once you are able to log into the workstation with your kerberos key you are now able to use that ticket in Internet Explorer. </p>
+        
+          <strong>Login to the Windows machine using an account of your Kerberos realm (administrative domain)</strong><br>
+    	  <strong>In Internet Explorer, click Tools, and then click Internet Options.</strong> 
+            <br>
+            <ul>
+            <li> 1. Click the Security tab </li>
+            <li> 2. Click Local intranet </li>
+            <li> 3. Click Sites </li>
+            <li> 4. Click Advanced </li>
+            <li> 5. Add your domain to the list </li>
+            <br>
+            <li> 1. Click the Security tab </li>
+            <li> 2. Click Local intranet </li>
+            <li> 3. Click Custom Level </li>
+            <li> 4. Select Automatic logon only in Intranet zone </li>
+            <br>
+            <li> Visit a kerberized web site using IE (You must use the fully-qualified Domain Name in the URL)</li>
+            <li><strong> You are all set. </strong></li>
+            </ul>
+            
+            <br>
+            
+        <img alt="Firefox" src="firefox-icon.png"><h5>Firefox Configuration</h5>
+       
+        <p>You can configure Firefox to use Kerberos for Single Sign-on. The following instructions will guide you in configuring your web browser <br>
+         to send your Kerberos credentials to the appropriate Key Distribution Center which enables Single Sign-on.  </p>
+        
+        	<ul><li> 1. In the address bar of Firefox, type <tt>about:config</tt> to display the list of current configuration options.</li>
+                <li> 2. In the Filter field, type <tt>negotiate</tt> to restrict the list of options. </li>
+                <li> 3. Double-click the <tt>network.negotiate-auth.trusted-uris</tt> entry to display the Enter string value dialog box. </li>
+                <li> 4. Enter the name of the domain against which you want to authenticate, for example, <tt>.example.com.</tt> </li>
+                <li> 5. Repeat the above procedure for the <tt>network.negotiate-auth.delegation-uris</tt> entry, using the same domain. </li>
+                <br>
+                <li><strong> You are all set. </strong></li>
+            </ul>
+        
+             
+        </div>
+        
+   </div>
 
-</ol>
 </body>
+
 </html>
+
diff --git a/install/html/unauthorized.html b/install/html/unauthorized.html
index 64a891c16..44a3e92de 100644
--- a/install/html/unauthorized.html
+++ b/install/html/unauthorized.html
@@ -1,28 +1,41 @@
+<!DOCTYPE html>
 <html>
-<title>Kerberos Authentication Failed</title>
-<body>
-<h2>Kerberos Authentication Failed</h2>
-<p>
-Unable to verify your Kerberos credentials. Please make sure
-that you have valid Kerberos tickets (obtainable via kinit), and that you
-have <a href="/ipa/errors/ssbrowser.html">configured your
-browser correctly</a>. If you are still unable to access
-the IPA Web interface, please contact the helpdesk on for additional assistance.
-</p>
-<p>
-Import the <a href="/ipa/errors/ca.crt">IPA Certificate Authority</a>.
-</p>
-<p>
-<script type="text/javascript">
-  if (navigator.userAgent.indexOf("Firefox") != -1 ||
-      navigator.userAgent.indexOf("SeaMonkey") != -1)
-  {
-    document.write("<p>You can automatically configure your browser to work with Kerberos by importing the Certificate Authority above and clicking on the Configure Browser button.</p>");
-    document.write("<p>You <strong>must</strong> reload this page after importing the Certificate Authority for the automatic settings to work</p>");
-    document.write("<object data=\"jar:/ipa/errors/configure.jar!/preferences.html\" type=\"text/html\"><\/object");
-  }
-</script>
-</p>
-</ul>
+<head>
+<meta charset="utf-8">
+    <title>IPA: Identity Policy Audit</title>
+
+    <script type="text/javascript" src="develop.js"></script>
+    <script type="text/javascript" src="webui.js"></script>
+
+    <link rel="stylesheet" type="text/css" href="jquery-ui.css" />
+    <link rel="stylesheet" type="text/css" href="ipa_error.css" />
+</head>
+
+<body id="header-bg">
+ 
+  <div class="container_1"> 
+    <div class="header-logo">
+            <img src="ipalogo.png" />
+        </div>  
+       <div class="textblockkrb"> 
+        <h3>Kerberos Authentication Failed</h3>
+        <p><strong>Unable to verify your Kerberos credentials.</strong> Please make sure that you have valid Kerberos tickets (obtainable via kinit), and that you
+                   <br>
+have <a href="/ipa/errors/ssbrowser.html">configured your browser correctly</a>. If you are still unable to access the IPA Web interface, please
+				   contact the helpdesk on for additional assistance.  </p>
+                   
+          <p>Import the <a href="/ipa/errors/ca.crt">IPA Certificate Authority</a>. </p>
+          
+          <p>You can automatically configure your browser to work with Kerberos by importing the Certificate Authority<br>
+			 above and clicking on the Configure Browser button. </p>
+          
+          <p><strong>Reload this page after importing the Certificate Authority</strong></p>    
+             
+        </div>
+        
+   </div>
+
 </body>
+
 </html>
+