2 files changed, 246 insertions, 4 deletions

diff --git a/id/ConfigWebTool/src/main/webapp/css/colorpicker.css b/id/ConfigWebTool/src/main/webapp/css/colorpicker.css
new file mode 100644
index 000000000..0b3d5d936
--- /dev/null
+++ b/id/ConfigWebTool/src/main/webapp/css/colorpicker.css
@@ -0,0 +1,161 @@
+.colorpicker {
+	width: 356px;
+	height: 176px;
+	overflow: hidden;
+	position: absolute;
+	background: url(../images/colorpicker_background.png);
+	font-family: Arial, Helvetica, sans-serif;
+	display: none;
+}
+.colorpicker_color {
+	width: 150px;
+	height: 150px;
+	left: 14px;
+	top: 13px;
+	position: absolute;
+	background: #f00;
+	overflow: hidden;
+	cursor: crosshair;
+}
+.colorpicker_color div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 150px;
+	height: 150px;
+	background: url(../images/colorpicker_overlay.png);
+}
+.colorpicker_color div div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 11px;
+	height: 11px;
+	overflow: hidden;
+	background: url(../images/colorpicker_select.gif);
+	margin: -5px 0 0 -5px;
+}
+.colorpicker_hue {
+	position: absolute;
+	top: 13px;
+	left: 171px;
+	width: 35px;
+	height: 150px;
+	cursor: n-resize;
+}
+.colorpicker_hue div {
+	position: absolute;
+	width: 35px;
+	height: 9px;
+	overflow: hidden;
+	background: url(../images/colorpicker_indic.gif) left top;
+	margin: -4px 0 0 0;
+	left: 0px;
+}
+.colorpicker_new_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 213px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker_current_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 283px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker input {
+	background-color: transparent;
+	border: 1px solid transparent;
+	position: absolute;
+	font-size: 10px;
+	font-family: Arial, Helvetica, sans-serif;
+	color: #898989;
+	top: 4px;
+	right: 11px;
+	text-align: right;
+	margin: 0;
+	padding: 0;
+	height: 11px;
+}
+.colorpicker_hex {
+	position: absolute;
+	width: 72px;
+	height: 22px;
+	background: url(../images/colorpicker_hex.png) top;
+	left: 212px;
+	top: 142px;
+}
+.colorpicker_hex input {
+	right: 6px;
+}
+.colorpicker_field {
+	height: 22px;
+	width: 62px;
+	background-position: top;
+	position: absolute;
+}
+.colorpicker_field span {
+	position: absolute;
+	width: 12px;
+	height: 22px;
+	overflow: hidden;
+	top: 0;
+	right: 0;
+	cursor: n-resize;
+}
+.colorpicker_rgb_r {
+	background-image: url(../images/colorpicker_rgb_r.png);
+	top: 52px;
+	left: 212px;
+}
+.colorpicker_rgb_g {
+	background-image: url(../images/colorpicker_rgb_g.png);
+	top: 82px;
+	left: 212px;
+}
+.colorpicker_rgb_b {
+	background-image: url(../images/colorpicker_rgb_b.png);
+	top: 112px;
+	left: 212px;
+}
+.colorpicker_hsb_h {
+	background-image: url(../images/colorpicker_hsb_h.png);
+	top: 52px;
+	left: 282px;
+}
+.colorpicker_hsb_s {
+	background-image: url(../images/colorpicker_hsb_s.png);
+	top: 82px;
+	left: 282px;
+}
+.colorpicker_hsb_b {
+	background-image: url(../images/colorpicker_hsb_b.png);
+	top: 112px;
+	left: 282px;
+}
+.colorpicker_submit {
+	position: absolute;
+	width: 22px;
+	height: 22px;
+	background: url(../images/colorpicker_submit.png) top;
+	left: 322px;
+	top: 142px;
+	overflow: hidden;
+}
+.colorpicker_focus {
+	background-position: center;
+}
+.colorpicker_hex.colorpicker_focus {
+	background-position: bottom;
+}
+.colorpicker_submit.colorpicker_focus {
+	background-position: bottom;
+}
+.colorpicker_slider {
+	background-position: bottom;
+}
diff --git a/id/ConfigWebTool/src/main/webapp/css/index.css b/id/ConfigWebTool/src/main/webapp/css/index.css
index 6eeb6a4ee..14591f1dc 100644
--- a/id/ConfigWebTool/src/main/webapp/css/index.css
+++ b/id/ConfigWebTool/src/main/webapp/css/index.css
@@ -22,6 +22,34 @@
     padding-right: 25px;
 }
 
+#passwordlogin {
+	float: left;
+}
+
+#bkulogin {
+	float: left;
+	margin-left: 50px;
+}
+
+#bkuloginbutton {
+	background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); /* Firefox */
+	background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); /* Chrome, Safari */
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3',endColorstr='#f1f1f1');
+	
+	display: block;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	text-align: center;
+	width: 200px;
+	/* background-color: gold; */
+	border-radius: 10px;
+	box-shadow: 8px 8px 8px #666;
+	border-style: solid;
+	border-color: black;
+	border-width: 2px;
+
+}
+
 #menu_area {
 	margin-top: 25px;
 	border-color: black;
@@ -106,6 +134,33 @@
 	display: none;
 }
 
+#formcustom_button_hidden {
+	display: none;
+}
+
+#formcustom_button_show {
+	margin-bottom: 50px;
+	clear: both;
+}
+
+#formcustom_area {
+	margin-bottom: 50px;
+}
+
+#formCustomValues {
+	float: left;
+}
+
+#formCustomPreview {
+	float: left;
+	margin-bottom: 25px;
+  margin-left: 25px;
+}
+
+#mail_area input {
+	float: right;
+}
+
 .oa_protocol_area {
     clear: both;
     margin-left: 25px;
@@ -147,6 +202,7 @@
 		margin-top: 6px;
 }
 
+
 .oa_config_block h3 {
 		padding-top: 25px;
 }
@@ -184,7 +240,7 @@
 }
 
 .wwgrp {
-	clear:both;
+	clear:left;
 }
 
 #oa_saml1_area .wwgrp {
@@ -193,6 +249,10 @@
 	margin-right: 50px;
 }
 
+#oa_config_businessservice .wwgrp {
+	clear: none;
+}
+
 div .wwgrp br { 
 	display: none; 
 }
@@ -202,6 +262,15 @@ div .wwgrp br {
 	
 }
 
+.textfield_middle {
+	width: 100px;
+	
+}
+
+.textfield_mail {
+	width: 300px;
+}
+
 .textfield_long {
 	width: 600px;
 	
@@ -212,7 +281,13 @@ div .wwgrp br {
 	height: 200px;
 	text-align: left;
 }
-	
+
+.selectfield {
+	width: 80px;
+	float: left;
+	margin-right: 5px;
+}
+
 .checkbox{
 	margin-top: 7px;
 }
@@ -271,13 +346,19 @@ div .wwgrp br {
 	width: 200px;
 }
 
-.userListThird {
+.userListFirstSecond {
 	position: relative;
+	width: 400px;
 	float: left;
 }
 
-.disabled {
+.userListThird {
+	position: relative;
+	float: left;
+}
 
+#usernamepassword_area {
+	display: none;
 }
 
 #footer_area {