cros: Update SAML flow.

chrome/browser/resources/chromeos/login/screen_confirm_password.css

Index: chrome/browser/resources/chromeos/login/screen_confirm_password.css
diff --git a/chrome/browser/resources/chromeos/login/screen_confirm_password.css b/chrome/browser/resources/chromeos/login/screen_confirm_password.css
index 2ce1374dd40357493aac382b1a1d4e49542b347e..7b25a8c56da50d136c2bb1d557dd320fff0cd578 100644
--- a/chrome/browser/resources/chromeos/login/screen_confirm_password.css
+++ b/chrome/browser/resources/chromeos/login/screen_confirm_password.css
@@ -4,17 +4,94 @@
  */
 
 #confirm-password {
-  height: 200px;
-  padding: 70px 17px;
-  width: 400px;
+  height: 609px;  /* Should be the same as #gaia-signin. */
+  padding: 70px;
+  width: 722px;  /* Should be the same as #gaia-signin. */
+}
+
+#confirm-password .step-contents {
+  -webkit-box-pack: center;
+  display: -webkit-box;
+  height: 100%;
+}
+
+#confirm-password-main {
+  height: 100%;
+  width: 310px;
 }
 
 #confirm-password-title {
   font-weight: bold;
-  margin: 0;
+}
+
+#confirm-password-input-container {
+  margin-bottom: 1em;
 }
 
 #confirm-password-input {
-  margin-top: 10px;
+  border: 1px solid #d9d9d9;
+  border-radius: 1px;
+  border-top: 1px solid #c0c0c0;
+  font-size: 15px;
+  height: 32px;
+  margin: 0;
+  padding: 0 8px;
   width: 100%;
 }
+
+#confirm-password-input:focus {
+  border: 1px solid rgb(77, 144, 254);
+  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
+  outline: none;
+}
+
+#confirm-password-error {
+  color: rgb(221, 75, 57);
+  margin-top: .5em;
+}
+
+#confirm-password:not(.error) #confirm-password-error {
+  display: none;
+}
+
+#confirm-password-divider {
+  margin-left: 44px;
+  margin-right: 30px;
+}
+
+#confirm-password-right {
+  -webkit-box-flex: 1;
+  margin-top: 1em;
+}
+
+.blue-button {
+  background-color: rgb(77, 144, 254);
+  background-image: -webkit-linear-gradient(top,
+                                            rgb(77, 144, 254),
+                                            rgb(71, 135, 237));
+  border: 1px solid rgb(48, 121, 237);
+  border-radius: 2px;
+  color: #fff;
+  font-size: 13px;
+  font-weight: bold;
+  height: 32px;
+  margin: 0 1.5em 1.2em 0;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
+}
+
+.blue-button:hover {
+  background-color: rgb(53, 122, 232);
+  background-image: -webkit-linear-gradient(top,
+                                            rgb(77, 144, 254),
+                                            rgb(53, 122, 232));
+  border: 1px solid rgb(47, 91, 183);
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+}
+
+.blue-button:focus {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+}
+
+.blue-button:focus:hover {
+  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0, 0, 0, 0.1);
+}