X-Git-Url: https://git.tokkee.org/?a=blobdiff_plain;f=html%2Fthemes%2Fdefault%2Fstyle.css;h=f3659248c092b8c93608c78324b97206287c1af7;hb=c3c34615d2b1780db5f6d5f0f6d7ec7d93454180;hp=893abd3c67342e12b43b8a1f5c32a91cb6704c26;hpb=721c5fa0836cba0f00488aaeaa6e0cd8f48385ea;p=gosa.git

diff --git a/html/themes/default/style.css b/html/themes/default/style.css
index 893abd3c6..f3659248c 100644
--- a/html/themes/default/style.css
+++ b/html/themes/default/style.css
@@ -7,386 +7,596 @@ tr.listrow {
 	background:#EAEAEA;
 }
 
+tr.rowxp {
+}
+
+tr.rowxp:hover {
+	background-color:#D8D8D8;
+}
+
 td.listheader {
 	background:#E5E5E5;
 	font-weight:bold;
-    border-right:1px solid #C0C0C0;
+	border-right:1px solid #C0C0C0;
+	border-bottom: 1px solid #b0b0b0;
 	padding:3px;
+	height:22px;
+}
+
+td.scrollhead {
+	vertical-align:top;
+	padding:0px;
+}
+
+td.scrollbody {
+	vertical-align:top;
+	padding:0px;
+}
+
+div.scrollbody {
+	background-color:#ffffff;
+	overflow:auto;
+	text-align:left;
+}
+
+td.listheader#icon {
+	width:20px;
+}
+
+td.listheader#entry {
+}
+
+td.listheader#property {
+	width:50px;
+}
+
+td.listheader#info {
+	width:200px;
+}
+
+td.listheader#properties7 {
+	width:136px;
+}
+
+td.listheader#properties8 {
+	width:152px;
+}
+
+td.listheader#properties9 {
+	width:168px;
+}
+
+td.listheader#properties10 {
+	width:186px;
+}
+
+td.listheader#actions {
+	width:52px;
+	border-right:0px;
+	text-align:right;
+}
+
+td.listheader#scrollbar {
+	width:13px;
+	border-right:0px;
+}
+
+tr.rowxp0 {
+	background:white;
+}
+
+tr.rowxp0:hover {
+	background-color:#D8D8D8;
 }
 
 td.list0 {
-	background:#F0F0F0;
-    border-right:1px solid #C0C0C0;
+	background:transparent;
+	border-right:1px solid #B0B0B0;
 	padding:3px;
+	height:22px;
+}
+
+td.list0#icon {
+	width:20px;
+	text-align:center;
+}
+
+td.list0#entry {
+}
+
+td.list0#info {
+	width:200px;
+}
+
+td.list0#property {
+	width:50px;
+}
+
+td.list0#properties7 {
+	width:136px;
+}
+
+td.list0#properties8 {
+	width:152px;
+}
+
+td.list0#properties9 {
+	width:168px;
+}
+
+td.list0#properties10 {
+	width:186px;
+}
+
+td.list0#actions {
+	width:52px;
+	border-right:0px;
+	text-align:right;
+}
+
+tr.rowxp1 {
+	background:#F0F0F0;
+}
+
+tr.rowxp1:hover {
+	background-color:#D8D8D8;
 }
 
 td.list1 {
+	background:transparent;
+	border-right:1px solid #C0C0C0;
+	padding:3px;
+	height:22px;
+}
+
+td.list1nohighlight {
 	background:white;
-    border-right:1px solid #C0C0C0;
+	border-right:1px solid #C0C0C0;
+	padding:3px;
+	height:22px;
+}
+td.list1nohighlightdisabled {
+	background-color:#DFDBD7;
+	border-right:1px solid #C0C0C0;
 	padding:3px;
+	height:22px;
 }
 
-body
-{
-  margin-left: 0px;
-  margin-right: 0px;
-  margin-top: 0px;
-  margin-bottom: 0px;
-  background-color: white;
-  background-image:url("images/border.png"); 
-  background-repeat:repeat-y;
-  color: #00008F;
-  font-family:Arial,Helvetica,sans-serif;
-  font-size: 12px;
+
+td.list1#fill {
+	height:100%;
+}
+
+td.list1#icon {
+	width:0px;
+	text-align:center;
+}
+
+td.list1#entry {
 }
 
-h1 { font-size: 14px; color: #00378a;}
-h2,h3,h4,h5,h6 { font-size: 13px; color: #00378a;}
+td.list1#info {
+	width:200px;
+}
+
+td.list1#property {
+	width:50px;
+}
 
-td,p,b {font-size: 12px;}
+td.list1#properties7 {
+	width:136px;
+}
+
+td.list1#properties8 {
+	width:152px;
+}
+
+td.list1#properties9 {
+	width:168px;
+}
+
+td.list1#properties10 {
+	width:186px;
+}
+
+td.list1#actions {
+	width:52px;
+	border-right:0px;
+	text-align:right;
+}
+
+body {
+	margin-left:0px;
+	margin-right:0px;
+	margin-top:0px;
+	margin-bottom:0px;
+	background-color:white;
+	background-image:url("images/border.png"); 
+	background-repeat:repeat-y;
+	color:#00008F;
+	font-family:arial,helvetica,sans-serif;
+	font-size:12px;
+}
+
+h1 {
+	font-size:14px;
+	color: #00378a;
+}
+
+h2, h3, h4, h5, h6 {
+	font-size:13px;
+	color:#00378a;
+}
+
+td, p, b {
+	font-size:12px;
+}
 
 /* Title bar */
 a.maintitlebar, div.maintitlebar {
-  font-family: arial,helvetica,sans-serif;
-  text-decoration: none;
-  color: #00348B;
-  font-size: 12px;
+	font-family:arial,helvetica,sans-serif;
+	text-decoration:none;
+	color:#00348B;
+	font-size:12px;
+	text-align:center;
+	vertical-align:middle;
 }
 
-a.maintitlebar:hover{
-  text-decoration: none;
-  background-color: #B0D3A0;
+a.maintitlebar:hover {
+	text-decoration:none;
+	background-color:#B0D3A0;
 }
 
 p.menuheader {
-  font-family: arial,helvetica,sans-serif;
-  color: #00378a;
-  text-decoration: none;
-  background-color: #CDF6BD;
-  font-weight: bold;
-  font-size: 12px;
-  text-align: center;
-  width: 100%;
-  vertical-align: middle;
-  padding: 3px;
-  margin-top: 30px;
+	font-family:arial,helvetica,sans-serif;
+	color:#00378a;
+	text-decoration:none;
+	background-color:#CDF6BD;
+	font-weight:bold;
+	font-size:12px;
+	text-align:center;
+	width:100%;
+	vertical-align:middle;
+	padding:3px;
+	margin-top:20px;
 }
 
 p.menuitem {
-  font-family: arial,helvetica,sans-serif;
-  color: #00378a;
-  text-decoration: none;
-  font-weight: normal;
-  font-size: 12px;
-  text-align: left;
-  padding-left: 15px;
-  padding-top: 2px;
-  padding-bottom: 2px;
-  vertical-align: middle;
-  margin: 2px;
-  background-color: #DFFFDF;
-  padding-right: 5px;
+	font-family:arial,helvetica,sans-serif;
+	color:#00378a;
+	text-decoration:none;
+	font-weight:normal;
+	font-size:12px;
+	text-align:left;
+	padding-left:15px;
+	padding-top:2px;
+	padding-bottom:2px;
+	vertical-align:middle;
+	margin:2px;
+	background-color:#dfffdf;
+	padding-right:5px;
 }
 
-p.menuitem:hover{
-  background-color:#D2F6C2;
+p.menuitem:hover {
+	background-color:#d2f6c2;
 }
 
 table.menuitem {
-  width:100%;
-  margin-top:10px;
-  margin-bottom:10px;
-  margin-right:10px;
-  background-color:#F0F0F0;
+	width:100%;
+	margin-top:10px;
+	margin-bottom:10px;
+	margin-right:10px;
+	background-color:#f0f0f0;
 }
 
-table.menuitem:hover{
-  background-color:#C5C5C5;
+table.menuitem:hover {
+	background-color:#c5c5c5;
 }
 
 
 td.phonelist:hover {
-  background-color: #D2D2D2;
-}
-
-h1.menuheader{
-  border-style:solid;
-  border-color:#707070;
-  width:100%;
-  border-top-width:1px;
-  border-bottom-width:0px;
-  border-left-width:0px;
-  border-right-width:0px;
-  padding-top:10px;
-  padding-bottom:0px;
+	background-color:#d2d2d2;
+}
+
+td.phonelist {
+	border-right:1px solid #B0B0B0;
+}
+
+h1.menuheader {
+	border-style:solid;
+	border-color:#707070;
+	width:100%;
+	border-top-width:1px;
+	border-bottom-width:0px;
+	border-left-width:0px;
+	border-right-width:0px;
+	padding-top:10px;
+	padding-bottom:0px;
 }
 
 div.copynotice{
-  border-style:solid;
-  border-color:#707070;
-  width:100%;
-  border-top-width:1px;
-  border-bottom-width:0px;
-  border-left-width:0px;
-  border-right-width:0px;
-  padding-top:3px;
-  padding-bottom:0px;
-  text-align: right;
-  font-family:Arial,Helvetica,sans-serif;
-  font-size: 10px;
+	border-style:solid;
+	border-color:#707070;
+	width:100%;
+	border-top-width:1px;
+	border-bottom-width:0px;
+	border-left-width:0px;
+	border-right-width:0px;
+	padding-top:3px;
+	padding-bottom:0px;
+	text-align:right;
+	font-family:arial,helvetica,sans-serif;
+	font-size:10px;
 }
 
-a:link{
-  text-decoration: none;
-  color: #00008F;
+a:link {
+	text-decoration:none;
+	color:#00008f;
 }
 
-a:visited{
-  text-decoration: none;
-  color: #00008F;
+a:visited {
+	text-decoration:none;
+	color:#00008f;
 }
 
-a.menuitem:link{
-  text-decoration: none;
-  color: #00008F;
+a.menuitem:link {
+	text-decoration:none;
+	color:#00008f;
 }
 
-a.menuitem:visited{
-  text-decoration: none;
-  color: #00008F;
+a.menuitem:visited {
+	text-decoration:none;
+	color:#00008f;
 }
 
-a.menuitem:hover{
-  text-decoration: none;
+a.menuitem:hover {
+	text-decoration:none;
 }
 
-a.iconmenu:link{
-  text-decoration: none;
-  color: #00008F;
+a.iconmenu:link {
+	text-decoration:none;
+	color:#00008f;
 }
 
 td.iconmenu:hover {
-  background-color: #E0E0E0;
+	background-color:#e0e0e0;
 }
 
-a.iconmenu:visited{
-  text-decoration: none;
-  color: #00008F;
+a.iconmenu:visited {
+	text-decoration:none;
+	color:#00008f;
 }
 
-a.iconmenu:hover{
-  text-decoration: none;
+a.iconmenu:hover {
+	text-decoration:none;
 }
 
 h1.plugtop{
-  border-style:solid;
-  border-color:#707070;
-  width:100%;
-  border-top-width:0px;
-  border-bottom-width:1px;
-  border-left-width:0px;
-  border-right-width:0px;
-  padding-top:0px;
-  margin-top:0px;
-  padding-bottom:6px;
-  text-align: left;
-  background-color: red;
-  font-family:Arial,Helvetica,sans-serif;
-  font-size: 24px;
-}
-
-div.plugtop{
-  border-style:solid;
-  border-color:B0B0B0;
-  width:100%;
-  border-top-color: #E0E0F0;
-  border-top-width:6px;
-  border-bottom-width:1px;
-  border-left-width:0px;
-  border-right-width:0px;
-  padding-top:0px;
-  padding-bottom:6px;
-  margin-bottom: 0px;
-  text-align: left;
-  vertical-align: middle;
-  background-color: #E0E0F0;
-  font-family:Arial,Helvetica,sans-serif;
-  font-weight: bold;
-  font-size: 24px;
-}
-
-div.pluginfo{
-  border:solid;
-  border:0px;
-  width:100%;
-  padding-top:2px;
-  padding-bottom:2px;
-  margin-bottom: 10px;
-  text-align: right;
-  vertical-align: middle;
-  background-color: #C0C0E0;
-  font-family:Arial,Helvetica,sans-serif;
-  font-size: 11px;
-}
-
-p.seperator{
-  border-style:solid;
-  border-color:#A0A0A0;
-  width:100%;
-  border-top-width:0px;
-  border-bottom-width:1px;
-  border-left-width:0px;
-  border-right-width:0px;
-  padding-top:0px;
-  padding-bottom:0px;
-  margin-top:0px;
-  margin-bottom:0px;
-  text-align: left;
-}
-
-p.plugbottom{
-  border-style:solid;
-  border-color:#A0A0A0;
-  width:100%;
-  border-top-width:1px;
-  border-bottom-width:0px;
-  border-left-width:0px;
-  border-right-width:0px;
-  padding-top:10px;
-  padding-bottom:0px;
-  text-align: right;
-  font-family:Arial,Helvetica,sans-serif;
+	border-style:solid;
+	border-color:#707070;
+	width:100%;
+	border-top-width:0px;
+	border-bottom-width:1px;
+	border-left-width:0px;
+	border-right-width:0px;
+	padding-top:0px;
+	margin-top:0px;
+	padding-bottom:6px;
+	text-align:left;
+	background-color:red;
+	font-family:arial,helvetica,sans-serif;
+	font-size:24px;
+}
+
+div.plugtop {
+	border-style:solid;
+	border-color:#b0b0b0;
+	width:100%;
+	border-top-color:#e0e0f0;
+	border-top-width:6px;
+	border-bottom-width:1px;
+	border-left-width:0px;
+	border-right-width:0px;
+	padding-top:0px;
+	padding-bottom:6px;
+	margin-bottom: 0px;
+	text-align:left;
+	vertical-align:middle;
+	background-color:#e0e0f0;
+	font-family:arial,helvetica,sans-serif;
+	font-weight:bold;
+	font-size:24px;
+}
+
+div.pluginfo {
+	border:solid;
+	border:0px;
+	width:100%;
+	padding-top:2px;
+	padding-bottom:2px;
+	margin-bottom:10px;
+	text-align:right;
+	vertical-align:middle;
+	background-color:#c0c0e0;
+	font-family:arial,helvetica,sans-serif;
+	font-size:11px;
+}
+
+p.seperator {
+	border-style:solid;
+	border-color:#a0a0a0;
+	width:100%;
+	border-top-width:0px;
+	border-bottom-width:1px;
+	border-left-width:0px;
+	border-right-width:0px;
+	padding-top:0px;
+	padding-bottom:0px;
+	margin-top:0px;
+	margin-bottom:0px;
+	text-align:left;
+}
+
+p.plugbottom {
+	border-style:solid;
+	border-color:#a0a0a0;
+	width:100%;
+	border-top-width:1px;
+	border-bottom-width:0px;
+	border-left-width:0px;
+	border-right-width:0px;
+	padding-top:10px;
+	padding-bottom:0px;
+	text-align:right;
+	font-family:arial,helvetica,sans-serif;
 }
 
 font.must {
-  color: red;
-  font-family:Arial,Helvetica,sans-serif;
+	color:red;
+	font-family:arial,helvetica,sans-serif;
 }
 
 div.tab_active {
-  text-align:center;
-  height:25px;
-  width:100px;
-  background-color:#F0F0F0;
-  border-style:solid;
-  border-color:black;
-  border-top-width:1px;
-  border-bottom-width:0px;
-  border-left-width:1px;
-  border-right-width:1px;
-  margin-top: 0px;
-  padding-top:1px;
+	text-align:center;
+	background-color:#f0f0f0;
+	border-style:solid;
+	border-color:black;
+	border-top-width:1px;
+	border-bottom-width:0px;
+	border-left-width:1px;
+	border-right-width:1px;
+	margin-top:0px;
+	padding-top:2px;
+	padding-bottom:8px;
+	padding-left:8px;
+	padding-right:8px;
 }
 
 div.tab_left {
-  text-align:center;
-  height:20px;
-  width:100px;
-  background-color:#C0C0C0;
-  border-style:solid;
-  border-color:black;
-  border-top-width:1px;
-  border-bottom-width:1px;
-  border-left-width:1px;
-  border-right-width:0px;
-  margin-top: 5px;
-  padding-top:1px;
+	text-align:center;
+	background-color:#c0c0c0;
+	border-style:solid;
+	border-color:black;
+	border-top-width:1px;
+	border-bottom-width:1px;
+	border-left-width:1px;
+	border-right-width:0px;
+	margin-top:5px;
+	padding-top:1px;
+	padding-bottom:5px;
+	padding-left:8px;
+	padding-right:8px;
 }
 
 div.tab_right {
-  text-align:center;
-  height:20px;
-  width:100px;
-  background-color:#C0C0C0;
-  border-style:solid;
-  border-color:black;
-  border-top-width:1px;
-  border-bottom-width:1px;
-  border-left-width:0px;
-  border-right-width:1px;
-  margin-top: 5px;
-  padding-top:1px;
+	text-align:center;
+	background-color:#c0c0c0;
+	border-style:solid;
+	border-color:black;
+	border-top-width:1px;
+	border-bottom-width:1px;
+	border-left-width:0px;
+	border-right-width:1px;
+	margin-top:5px;
+	padding-top:1px;
+	padding-left:8px;
+	padding-right:8px;
+	padding-bottom:5px;
 }
 
 div.tab_near_active {
-  text-align:center;
-  height:20px;
-  width:100px;
-  background-color:#C0C0C0;
-  border-style:solid;
-  border-color:black;
-  border-top-width:1px;
-  border-bottom-width:1px;
-  border-left-width:1px;
-  border-right-width:1px;
-  margin-top: 5px;
-  padding-top:1px;
+	text-align:center;
+	background-color:#c0c0c0;
+	border-style:solid;
+	border-color:black;
+	border-top-width:1px;
+	border-bottom-width:1px;
+	border-left-width:1px;
+	border-right-width:1px;
+	margin-top:5px;
+	padding-top:1px;
+	padding-left:8px;
+	padding-right:8px;
+	padding-bottom:5px;
 }
 
 div.tab_border {
-  width:100%;
-  height:20px;
-  border-style:solid;
-  border-color:black;
-  border-top-width:0px;
-  border-bottom-width:1px;
-  border-left-width:0px;
-  border-right-width:0px;
+	width:100%;
+	border-style:solid;
+	border-color:black;
+	border-top-width:0px;
+	border-bottom-width:1px;
+	border-left-width:0px;
+	border-right-width:0px;
 }
 
 a.tab_active, input.tab_active {
-  border: 0px;
-  margin: 0px;
-  width: 100px;
-  height: 22px;
-  font-family: arial,helvetica,sans-serif;
-  background-color: #F0F0F0;
-  text-decoration: none;
-  color: #00348B;
-  font-size: 13px;
-  font-weight: bold;
+	border:0px;
+	margin:0px;
+	height:22px;
+	font-family:arial,helvetica,sans-serif;
+	background-color:#f0f0f0;
+	text-decoration:none;
+	color:#00348B;
+	font-size:13px;
+	font-weight:bold;
 }
 
 a.tab_right, input.tab_right {
-  width: 100px;
-  height: 20px;
-  border: 0px;
-  margin: 0px;
-  font-family: arial,helvetica,sans-serif;
-  background-color: #C0C0C0;
-  text-decoration: none;
-  color: #00348B;
-  font-size: 13px;
-  font-weight: bold;
+	height:20px;
+	border:0px;
+	margin:0px;
+	font-family:arial,helvetica,sans-serif;
+	background-color:#c0c0c0;
+	text-decoration:none;
+	color:#00348b;
+	font-size:13px;
+	font-weight:bold;
 }
 
 a.tab_left, input.tab_left {
-  width: 100px;
-  height: 20px;
-  border: 0px;
-  margin: 0px;
-  font-family: arial,helvetica,sans-serif;
-  background-color: #C0C0C0;
-  text-decoration: none;
-  color: #00348B;
-  font-size: 13px;
-  font-weight: bold;
+	height:20px;
+	border:0px;
+	margin:0px;
+	font-family:arial,helvetica,sans-serif;
+	background-color:#c0c0c0;
+	text-decoration:none;
+	color:#00348b;
+	font-size:13px;
+	font-weight:bold;
 }
 
 a.tab_near_active, input.tab_near_active {
-  width: 100px;
-  height: 20px;
-  border: 0px;
-  margin: 0px;
-  font-family: arial,helvetica,sans-serif;
-  background-color: #C0C0C0;
-  text-decoration: none;
-  color: #00348B;
-  font-size: 13px;
-  font-weight: bold;
+	height:20px;
+	border:0px;
+	margin:0px;
+	font-family:arial,helvetica,sans-serif;
+	background-color:#c0c0c0;
+	text-decoration:none;
+	color:#00348b;
+	font-size:13px;
+	font-weight:bold;
+}
+
+img.center {
+	text-align:center;
+	vertical-align:middle;
 }
 
+input.center {
+	text-align:left;
+	vertical-align:middle;
+}
 
+select.center {
+	text-align:left;
+	vertical-align:middle;
+}
+
+a.center {
+	text-align:left;
+	vertical-align:middle;
+}
 
 /********************** Template migration *********************/
 
@@ -396,13 +606,13 @@ div.gosaLoginSpacer {
 }
 
 table.gosaLoginMask {
-	background-color:#8B898B;
-	text-align: center;
+	background-color:#8b898b;
+	text-align:center;
 	border:0px;
 }
 
 td.gosaLoginBack {
-	width:606;
+	width:606px;
 	height:406px;
 	background:url(images/login.png);
 	vertical-align:top;
@@ -417,10 +627,10 @@ div.gosaLoginBack {
 }
 
 p.gosaLoginHeader {
-	text-align: center;
-	font-size: 14px;
-	font-weight: bold;
-	margin-bottom: 15px;
+	text-align:center;
+	font-size:14px;
+	font-weight:bold;
+	margin-bottom:15px;
 } 
 
 p.gosaLoginWarning {
@@ -430,6 +640,29 @@ p.gosaLoginWarning {
 	font-size:12px;
 }
 
+/* Account Expired screen */
+td.gosaAccountExpiredBack {
+  width:550px;
+  height:300px;
+  background:url(images/accountexpired.png);
+  vertical-align:top;
+}
+
+div.gosaAccountExpiredBack {
+  padding-top:40px;
+  margin-left:90px;
+  margin-right:50px;
+  padding-bottom:0px;
+  vertical-align:top;
+}
+
+p.gosaAccountExpiredHeader {
+  text-align:left;
+  font-size:14px;
+  font-weight:bold;
+  margin-bottom:15px;
+} 
+
 table.framework {
 	width:100%;
 	height:100%;
@@ -437,7 +670,7 @@ table.framework {
 	border-spacing:0px;
 	padding:0px;
 	margin:0px;
-	background-color:#CDF6BD;
+	background-color:#cdf6bd;
 	vertical-align:top;
 }
 
@@ -448,74 +681,76 @@ table.maintab {
         border-spacing:0px;
         padding:0px;
         margin:0px;
-        background-color:#CDF6BD;
+        background-color:#cdf6bd;
         vertical-align:top;
 }
 
 
 input {
-	font-size: 12px;
+	font-size:12px;
 }
 
 input:focus {
-	background-color: #f5f5f5;
-	font-size: 12px;
+	font-size:12px;
 }
 
 select {
-	font-size: 12px;
+	font-size:12px;
 }
 
 textarea {
-	font-size: 12px;
+	font-size:12px;
 }
 
 textarea:focus {
-	background-color: #f0f0f0;
-	font-size: 12px;
+	font-size:12px;
 }
 
 div.contentboxh {
-	background-color:#E8E8E8;
-	border:1px solid #B0B0B0;
+	background-color:#e8e8e8;
+	border:1px solid #b0b0b0;
 	border-bottom-width:0px;
 	height:26px;
+	vertical-align:middle;
 }
 
 p.contentboxh {
 	margin:2px;
-	font-family:Arial,Helvetica,sans-serif;
-	font-size: 16px;
-	font-weight: bold;
+	font-family:arial,helvetica,sans-serif;
+	font-size:16px;
+	font-weight:bold;
+	vertical-align:middle;
 }
 
 div.contentboxb {
-	border:1px solid #B0B0B0;
+	border:1px solid #b0b0b0;
 	border-top-width:0px;
+	vertical-align:middle;
 }
 
 p.contentboxb {
 	padding-bottom:0px;
 	margin:0px;
-	border:4px solid #F8F8F8;
+	border:4px solid #f8f8f8;
+	vertical-align:middle;
 }
 
 a.alphaselect:hover {
-	text-decoration: none;
-	background-color: #A0A0A0;
-	color: white;
+	text-decoration:none;
+	background-color:#a0a0a0;
+	color:white;
 }
 
 table.check {
-	background-color: #E1E1F1;
-	font-color: black;
-	border:1px dashed #A0A0A0;
+	background-color:#e1e1f1;
+	color:black;
+	border:1px dashed #a0a0a0;
 	width:95%;
 	margin-left:20px;
 }
 
 td.check {
-	border-right:1px dashed #A0A0A0;
+	border-right:1px dashed #a0a0a0;
 }
 
 option.select {
@@ -528,8 +763,657 @@ option.select {
 }
 
 input.menubar{
-	text-decoration: none;
+	text-decoration:none;
 	height:19px;
 	padding:0px;
 	width:100%;
 }
+
+td.tbhead {
+	border-right:1px solid #B0B0B0;
+	border-bottom:1px solid #B0B0B0;
+}
+
+td.tbrhead {
+	border-bottom:1px solid #B0B0B0;
+}
+
+
+/*********
+ * Setup
+ *********/
+
+/* The body style */
+body.setup_body {
+	margin-left:0px;
+	margin-right:0px;
+	margin-top:0px;
+	margin-bottom:0px;
+	color:#00008F;
+	font-family:arial,helvetica,sans-serif;
+	font-size:12px;
+	background-color: white;
+	background-image: none;
+}
+
+/* The setup complete setup dialog */
+div.setup_dialog {
+	background-color:#FFF;
+	text-align: left;
+}
+
+/* Header col */
+div.setup_header {
+	background-color: #A9FBA6;
+	height:30px;
+	padding:4px 5px 2px 5px;
+	border-bottom: 1px solid #999;
+}
+
+div.setup_menu {
+	background-color: #F8F8F8;
+	padding:4px 5px 4px 5px;
+	border-bottom: 1px solid #B0B0B0;
+}
+
+/* Setup content header container */
+div.setup_plug_header_container {
+}
+
+/* Setup content container */
+div.setup_contents_container { 
+}
+
+/* Setup footer */
+div.setup_bottom {
+	clear: left;
+	background-color:#DDDDDD;	
+	border-top: solid 1px red;
+}
+
+/*******
+<div.setup_header_and_content_container_1>
+ <div.setup_header_and_content_container_2>
+  <div.setup_plug_header>
+  </div>
+  <div.setup_content>	
+  </div>
+ </div>
+</div>
+********/
+
+/* Header col */
+div.setup_plug_header {
+	padding: 10px;
+	border-bottom: solid 1px #D0D0D0;
+	background-color: #E0E0F0;
+	border: 10px solid #FFFFFF;
+	
+}
+
+/* Content col */
+div.setup_contents {
+	margin-right:2px;
+	background-color:white;
+	width:80%;
+	margin-left:20%;
+	border:1px solid #AAAAAA;
+	padding:2px;
+}
+
+/* default.*/
+div.default {
+	padding: 2px;
+	vertical-align: middle;
+}
+
+/* Navigation col */
+div.setup_navigation {
+	width:19%;
+	background-color:white;
+	padding-left: 2px;
+	padding-right: 2px;
+	border:1px solid #AAAAAA;
+	float:left;
+}
+
+
+/* Navigation title */
+div.setup_navigation_title {
+	font-size: 1.2em;
+	font-weight: bold;
+	text-decoration:none;
+	width:100%;
+	padding-top:8px;
+	padding-bottom:8px;
+	border-top:1px dashed #AAAAAA;
+}
+
+/* The box used for each setup step */
+a.navigation_element, div.navigation_element {
+	text-decoration:none;
+	padding-top:8px;
+	padding-bottom:8px;
+	border-top:1px dashed #AAAAAA;
+	width:100%;
+}
+
+/* The box used for each setup step */
+a.navigation_element_active, div.navigation_element_active {
+	text-decoration:none;
+	width:100%;
+	padding-top:8px;
+	padding-bottom:8px;
+	border-top:1px dashed #AAAAAA;
+	background-color:#F0F0F0;
+}
+
+/* An enabled setup step will use this style in navigation*/
+div.navigation_title_active {
+	font-size: 1.2em;
+	background-color:#F0F0F0;
+	font-weight: bold;
+	cursor: default;
+	padding: 3px;
+}
+
+/* Disabled setup steps */
+div.navigation_title_disabled {
+	font-size: 1.2em;
+	font-weight: bold;
+	padding: 3px;
+	cursor: default;	
+	text-decoration:none;
+	color: #AAAAAA;
+}
+
+/* Disabled setup steps */
+div.navigation_title_inactive {
+	font-size: 1.2em;
+	font-weight: bold;
+	text-decoration:none;
+	cursor: pointer;
+	padding: 3px;
+}
+
+/* The style for the info of an active setup */
+div.navigation_info {
+	font-size: 1em;
+	color: black;
+	padding: 4px 4px 3px 23px;
+	margin: 0px;
+	cursor: default;
+}
+
+
+
+/*
+	Setup step 2 styles 
+*/
+
+/* used to hide display info div */
+div.solution_visible {
+	display: block;
+	width: 100%;
+	text-align:left;
+}
+
+/* Container headline */
+h2.step2_container_title {
+	background-color:#F0F0F0;
+	border: solid 1px #CCCCCC;
+	width:100%; 
+	padding:3px;
+}
+
+/* Container for name and status */
+div.step2_entry_container { 
+	padding:3px;
+	width:99%; 
+	cursor:default;
+}
+
+/* Container for name and status, when status is failed */
+div.step2_entry_container_info { 
+	padding:3px;
+	border: 1px dashed #AAAAAA;
+	width:99%;
+	cursor:default;
+}
+
+/* Text shown for each entry */
+div.step2_entry_name {
+	float:left;
+	padding-bottom:4px;
+	vertical-align: middle;
+}
+
+/* Status container */
+div.step2_entry_status {
+	float:none;
+	text-align:right;
+	padding-bottom:4px;
+	vertical-align: middle;
+}
+
+/* Status failed */
+div.step2_failed {
+	color:red;
+	padding-bottom:4px;
+}
+
+/* Status failed but not necessary for setup */
+div.step2_warning {
+	color:orange;
+	padding-bottom:4px;
+}
+
+/* Status successful */
+div.step2_successful {
+	color:green;
+}
+
+/* Text used in info div. */
+div.step2_failed_text {
+	background-repeat: no-repeat;     
+	padding-left: 25px;
+}
+
+/* Text used in info div. On warnings */
+div.step2_warning_text{
+	background-repeat: no-repeat;     
+	padding-left: 25px;
+}
+
+
+/*
+	Setup step 4 styles 
+*/
+
+li.step4_name, div.step4_name {
+	float:left;
+	width:20%;
+	height:2.0em;
+}
+
+li.step4_value, div.step4_value {
+	float:left;
+	width:50%;
+	height:2.0em;
+}
+
+ul.step4_container, div.step4_container {
+	height:2.0em;
+	margin-top:2px;
+	margin-left:2px;
+	margin-right:2px;
+}
+
+
+/************************
+ * Sieve 
+ *  The following styles are 
+ *  used to display the sieve 
+ *  management user interface  
+ ************************/
+
+/* Editing dialog styles 
+ */
+
+table.sieve_default_table {
+	width:100%;
+	margin: 0px;
+	border-spacing: 0px ;
+	padding:0px;
+}
+
+
+/* Editing surface */
+table.editing_surface {
+	width:100%;
+	margin: 0px;
+	padding:0px;
+}
+
+/* Editing surface menu */
+td.editing_surface_menu {
+	background-color: #EEE;
+	border: 1px solid #BBB;
+	padding:5px;
+}
+
+/* Editing surface content */
+td.editing_surface_content {
+	background-color: #FFFFFF; 
+	margin: 0px;
+	padding:0px;
+}
+
+/* Error message will be displayed as follows */
+div.sieve_error_msgs { 
+	background-color: #ff8d00;
+	color: #000000;
+	padding:5px;
+	background-image: url("images/warning.png"); 
+	background-repeat: no-repeat;     
+	font-weight: bold;
+}
+
+/* Source editing area */
+textarea.editing_source {
+	width:100%;
+	height:330px;
+}
+
+
+/*************
+ * Object container  
+ *************/
+
+/* The container itself */
+table.object_container_container { 
+	width:100%;
+	border-spacing: 0px ;
+	background-color: #F8F8F8;
+	border: solid 1px #AAAAAA;
+}
+
+/* Container cell top left */
+td.object_container_cell_top_left {
+	background-color: #EEE; 
+	text-align:center; 
+}
+
+/* Container cell top right */
+td.object_container_cell_top_right {
+	background-color: #EEE; 
+	text-align:left; 
+	padding:2px;  
+	border-bottom: solid 1px #AAAAAA;
+}
+
+/* Container cell bottom left */
+td.object_container_cell_bottom_left {
+	width:5px; 
+	background-color: #EEE; 
+	text-align:center; 
+	border-right: solid 1px #AAAAAA;
+}
+
+
+/*************
+ * Sieve comment 
+ *************/
+
+/* Container */
+table.sieve_comment_container {
+	margin:0px;
+	padding:0px;
+	border-spacing: 0px ;
+	width:100%;
+	background-color: #F8F8F8;
+}
+
+/* Editing area */
+textarea.sieve_comment_area {
+	width:100%;
+	height:80px;
+}
+
+
+/*************
+ * Sieve require 
+ *************/
+
+/* Container */
+table.sieve_require_container {
+	margin:0px;
+	padding:0px;
+	border-spacing: 0px ;
+	width:100%;
+	background-color: #F8F8F8;
+}
+
+/* Editing area */
+input.sieve_require_input {
+	width:100%;
+	border-spacing: 0px ;
+}
+
+
+/*************
+ * Sieve fileinto 
+ *************/
+
+/* Container */
+table.sieve_fileinto_container {
+	margin:0px;
+	padding:0px;
+	border-spacing: 0px ;
+	width:100%;
+	background-color: #F8F8F8;
+}
+
+/* Editing area */
+input.sieve_fileinto_input {
+	width:300px;
+}
+select.sieve_fileinto_input {
+	width:300px;
+}
+
+
+/*************
+ * Sieve keep 
+ *************/
+
+/* Container */
+table.sieve_keep_container {
+	margin:0px;
+	padding:0px;
+	border-spacing: 0px ;
+	width:100%;
+	background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_keep_input {
+	padding-left:20px;
+}
+
+
+/*************
+ * Sieve discard 
+ *************/
+
+/* Container */
+table.sieve_discard_container {
+	margin:0px;
+	padding:0px;
+	border-spacing: 0px ;
+	width:100%;
+	background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_discard_input {
+	padding-left:20px;
+}
+
+
+/*************
+ * Sieve redirect 
+ *************/
+
+/* Container */
+table.sieve_redirect_container {
+	margin:0px;
+	padding:0px;
+	border-spacing: 0px ;
+	width:100%;
+	background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_redirect_input {
+	padding-left:20px;
+}
+textarea.sieve_redirect_input {
+	width:100%; 
+	height:30px;
+}
+
+
+/*************
+ * Sieve reject
+ *************/
+
+/* Container */
+table.sieve_reject_container {
+	margin:0px;
+	padding:0px;
+	border-spacing: 0px ;
+	width:100%;
+	background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_reject_input {
+	padding-left:20px;
+}
+textarea.sieve_reject_input {
+	width:100%; 
+	height:55px;
+}
+
+
+/*************
+ * Sieve end 
+ *************/
+
+/* Container */
+table.sieve_stop_container {
+	margin:0px;
+	padding:0px;
+	border-spacing: 0px ;
+	width:100%;
+	background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_stop_input {
+	padding-left:20px;
+}
+
+
+/*************
+ * Sieve vacation 
+ *************/
+
+/* Container */
+table.sieve_vacation_container {
+	margin:0px;
+	padding:0px;
+	border-spacing: 0px ;
+	width:100%;
+	background-color: #F8F8F8;
+}
+
+/* Editing area */
+td.sieve_vacation_input {
+	padding-left:20px;
+}
+
+/* Editing area */
+textarea.sieve_vacation_input {
+	width:100%;
+	height : 55px;
+}
+
+
+/*************
+ * Sieve allof 
+ *************/
+
+table.sieve_allof_container {
+    width:100%;
+    border-spacing: 0px ;
+    margin: 0px;
+    padding:0px;
+	border: solid 1px #999999;
+}
+
+/* Container */
+td.sieve_allof_left {
+	text-align:center;
+	vertical-align: middle;
+	width:35px;
+	background-color: #CCCCCC;
+	border: solid 0px #EEE;
+}
+
+/* Container */
+td.sieve_allof_right {
+	background-color:#BDBDBD ; 
+}
+
+/*************
+ * Sieve anyof 
+ *************/
+
+table.sieve_anyof_container {
+    width:100%;
+    margin: 0px;
+    border-spacing: 0px ;
+    padding:0px;
+	border: solid 2px #CCCCCC;
+}
+
+/* Container */
+td.sieve_anyof_left {
+	text-align:center;
+	vertical-align: middle;
+	width:35px;
+	background-color: #CCCCCC;
+	border: solid 0px #EEEEEE
+}
+
+/* Container */
+td.sieve_anyof_right {
+	background-color:#BDBDBD ; 
+	border: solid 1px #AAAAAA;
+}
+
+/*************
+ * Sieve Test Cases  
+ *************/
+
+table.sieve_test_container {
+	width:100%;
+	background-color:#F8F8F8;
+	margin: 0px;
+	border-spacing: 0px ;
+	padding:0px;
+	border: solid 1px #AAAAAA;
+}
+
+table.sieve_test_case {
+	width:100%;
+	margin: 0px;
+	border-spacing: 0px ;
+	padding:0px;
+}
+
+
+
+td.container_, div.container_{
+	padding-left:2px;
+	border-left: solid 2px #F8F8F8;
+}
+
+td.container_:hover,div.container_:hover {
+	border-left: solid 2px black;
+	display:block;
+}
+
+