diff --git a/phpgwapi/templates/jerryr/css/brushed-metal.css b/phpgwapi/templates/jerryr/css/brushed-metal.css
new file mode 100644
index 0000000000..29c3b608bd
--- /dev/null
+++ b/phpgwapi/templates/jerryr/css/brushed-metal.css
@@ -0,0 +1,562 @@
+/*
+	font styling
+	allowed attributes: font-family,font-size,color,font-weight
+*/
+
+body,td
+{
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 11px; 
+}
+
+select,input,button
+{
+	color: #006699; 
+	font-family: Arial, Helvetica, sans-serif;
+	font-size:110%;
+}
+
+select
+{
+	font-size:100%;
+}
+
+a:link,a:visited
+{
+	cursor:pointer;
+	color: #103f64;
+	text-decoration: none;
+}
+
+a:hover,a:active
+{
+	cursor:pointer;
+	color: #9a3028;
+	text-decoration: underline;
+}
+
+.prefSection
+{
+	font-weight:bold;
+	font-size:145%;
+	line-height:40px;
+}
+
+#divGenTime,#divPoweredBy
+{
+	font-size: 80%;
+	color: #ff0000;
+}
+
+#divPoweredBy 
+{
+	color: #000000;
+}
+
+/* 
+	other styling
+*/
+
+body 
+{
+	background-color:#9f9f9f;
+	padding:0px;
+	margin:0px;
+}
+
+form
+{
+	margin:0px;
+	padding:0px;
+}
+
+img
+{
+	border:0;
+}
+
+
+input,button,select
+{
+	border: solid 1px #bbbbbb;
+	color: #17202b;
+}
+
+input[type=submit],input[type=button],input[type=reset],button,.egwbutton
+
+{
+	background-color:#c5c5c5;
+	border:  1px solid #dddddd;
+	background-color:#fbf8f1;
+	background-image: url(../images/butInactive-bm.png);
+	border: solid 1px black;
+	margin:  1px;
+	padding: 1px;
+	cursor:  pointer; 
+	color: white;
+}
+
+input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover,.egwbutton:hover
+{
+	background-color:#88b4e1;
+	background-image: url(../images/butHover-bm.png);
+	border: 1px solid #007205;
+	color:  white;
+}
+
+input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active,.egwbutton:active
+
+{
+	background-image: url(../images/butActive-bm.png);
+	border: 1 solid #a21616;
+	color: white;
+}
+
+input.egwbutton
+{
+	background-color:#c5c5c5;
+	border:  outset 1px #dcdad5;
+	background-color:#b9d5e3;
+	border:  outset 1px #b9d5e3;
+	margin:  1px;
+	padding: 1px;
+	cursor:  pointer; 
+	color:  #004e7d;
+}
+
+input.egwbutton:hover
+{
+	background-color:#94bfd4;
+	border:  outset 1px #b9d5e3;
+	color:  #006699;
+	color:  #004e7d;
+
+}
+input.egwbutton:active
+{
+   border:  inset 1px #bbbbbb;
+}
+
+input[type=image]
+{
+	cursor: pointer; 
+	border: 0;
+}
+
+/*
+	Sidebox - Loginbox Style ***BEGIN***
+*/
+
+#tdSidebox
+{
+	width:170px;
+	overflow:visible;
+}
+
+.divLoginbox,.divSidebox 
+
+{
+	position:relative;
+	width: 370px; 
+	border: #9f9f9f 1px solid;
+}
+
+.divSidebox 
+{
+	width: 188px; 
+}
+
+.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar
+{
+	font-size:90%;
+}
+
+.textSideboxStar
+{
+	font-size:90%;
+	background-color: #a43434;
+	border-right: 1px solid #9f9f9f;
+}
+
+.divSideboxHeader,.divLoginboxHeader 
+{
+	text-align:center;
+	background-image:url(../images/menuTitle-bm.png);
+	color:white;
+	height: 23px;
+	font-weight:bold;
+	font-size:12px;
+	position: relative;
+        left: -4px;
+        top: -4px;
+	border-top: 2px solid white;
+	border-left: 2px solid white;
+	border-right: 2px solid white;
+}
+
+a.divSideboxEntry, .divSideboxEntry
+{
+	text-align:left;
+	height:18px;
+	background-color:#f6efe0;
+	border-top: 1px solid #9f9f9f;
+}
+
+a.appTitles,.appTitles
+{
+	height:25px;
+}
+
+a.textSidebox
+{
+	border-top: 0;
+}
+
+.textSidebox
+{
+	height:18px;
+	padding-left: 2px;
+	border-top: solid #9f9f9f 1px;
+}
+
+.textSideboxHover
+{
+	background-color: #ede6d8;
+	background-repeat: repeat-x;
+	border-top: 1px solid #9f9f9f;
+	padding-left: 2px;	
+	font-size: 10px;
+}
+
+.textSideboxHover:first-letter
+{
+	text-transform:uppercase;
+}
+
+
+.textSideboxSpacer
+{
+	height:18px;
+	padding-left: 0px;
+	border-top: solid #9f9f9f 1px;
+}
+
+.slideoutBack
+{
+	background-color:white;
+	border: #17202b 1px solid;
+	padding:10px;
+	background-image:url(../images/bmback.jpg);
+}
+
+.sideboxDrop
+{
+position: relative;
+        left: -4px;
+        top: -4px;
+	border-bottom: 2px solid white;
+	border-left: 2px solid white;
+	border-right: 2px solid white;
+}
+
+.textSidebox:first-letter
+{
+	text-transform:uppercase;
+}
+
+.sideboxSpace
+{
+	height:9px;
+}
+
+/*
+	Sidebox - Loginbox Style ***END***
+*/
+
+.greyLine
+{
+	margin:1px;
+	border-top:solid 1px #7e7e7e;
+	height:1px;
+}
+
+/*
+	Drop Shadow ***BEGIN***
+*/
+
+.menuOneBox
+{
+	position: relative;
+	left: 0;
+	text-align: left;
+	background-image: url(../images/shadowAlpha.png);
+}
+
+/*
+	Drop Shadow ***END***
+*/
+
+/*
+	Extra Icons Menu ***BEGIN***
+*/
+
+#extraIcons
+{
+	background-color:#fbf8f1;
+	border:solid 2px white;
+	position: relative;
+	left: -4px;
+	top: -4px;
+}
+
+.extraIconsHeader
+{
+        text-align:center;
+        background-image:url(../images/menuTitle-bm.png);
+        color:#17202b;
+        font-weight:normal;
+        font-size:10px;
+	height: 23px;
+}
+
+.extraIconsRowIcon
+{
+	border-right: 1px solid #9f9f9f;
+	background-color: #a43434;
+	width: 20px;
+	padding: 1px;
+}
+
+.extraIconsRow
+{
+        border-top:solid 1px #9f9f9f;
+        padding:1px;
+	padding-left: 3px;
+        font-size: 10px;
+	background-color: #fbf8f1;
+}
+
+.extraIconsRow:hover
+{
+        border-top:solid 1px #9f9f9f;
+        padding:1px;
+	padding-left: 3px;
+        font-size: 10px;
+	background-color: #ede6d8;
+}
+
+/*
+	Extra Icons Menu ***END***
+*/
+
+body {
+	padding: 0px;
+}
+
+#divMain
+{
+	background-image:url(../images/bmback.jpg);
+	background-color:white;
+	padding:9px;
+	margin: 0px;
+	border-bottom: 2px solid white;
+}
+
+#divLogo
+{
+	position:absolute;
+	left:17px;
+	top:2px;
+	z-index:51;
+}
+
+#divUpperTabs
+{
+	text-align:right;
+	height: 15px;
+	margin-right: 10px;
+}
+
+#divUpperTabs ul
+{
+	display:inline;
+	margin:0;
+	padding:10px 10px 0 1px;
+	list-style:none;
+}
+
+#divUpperTabs li
+{
+	float:right;
+	margin:0 5px 0 0;;
+	padding:0 5px 0 5px;
+	border:solid 1px #9c9c9c;
+	border-bottom: 0px;
+}
+
+/*
+	App Icon Bar ***BEGIN***
+*/
+
+.divAppIconBlock /* this allows the icons and text to be positioned via absolute and requires the iconspacer div */
+{
+	border-top: 1px solid white;
+	padding: 0px;
+	position:absolute;
+	top:0px;
+	left:0px;
+	z-index:49;
+}
+
+#divAppIconBar
+{
+	height: 57px;
+	position: relative;
+	top: 0px;
+	left: 0px;
+}
+
+.iconBackFirstCell
+{
+        background-image: url(../images/firstcell-bm.png);
+        background-repeat: no-repeat;
+}
+
+.appIconTbl
+{
+	padding:0px;
+	background-image: url(../images/iconBack-bm.png);
+	background-repeat: repeat-x;
+	vertical-align: top;
+	color: white;
+}
+
+.iconBack
+{
+	background-image: url(../images/iconBack-bm.png);
+	border-right: 1px solid white;
+}
+
+.iconBackHover
+{
+	background-image: url(../images/iconBackHover-bm.png);
+	border-right: 1px solid white;
+}
+
+.appIconSpacer
+{
+	height:38px;
+	background-color: white;
+}
+
+#divAppTextBar
+{
+	/*background-color:white;*/
+}
+
+/*
+	App Icon Bar ***END***
+*/
+
+#divStatusBar
+{
+	position: relative;
+	top:0px
+	left:0px;
+	height:23px;
+	vertical-align:bottom;
+	border: 0px solid black;
+	padding-top:0px;
+}
+
+/*
+	Appbox ***BEGIN***
+*/
+
+#tdAppbox
+{
+	padding-left:5px;
+	width: 100%;
+}
+
+#divAppboxHeader
+{
+	background-image:url(../images/appTitleBar-bm.png);
+	height:23px;
+	font-size:12px;
+	color: white;
+	text-align:center;
+	padding-bottom:0px;
+	border-top:solid 2px white;
+	border-left:solid 2px white;
+	border-right:solid 2px white;
+	border-bottom:solid 2px white;
+}
+
+#divAppbox
+{
+	background-image:url(../images/bmback2.jpg);
+	background-color:#fbf8f1;
+	padding:5px;
+	border-bottom:solid 2px white;
+	border-left:solid 2px white;
+	border-right:solid 2px white;
+}
+
+/*
+	Appbox ***END***
+*/
+
+#admin_info
+{
+	position:relative;
+	text-align:right;
+}
+
+#divGenTime,#divPoweredBy 
+
+{
+	bottom:4px;
+	text-align:center;
+	width:99%;
+}
+
+/*
+        Table formatting
+*/
+.th {
+        color: black; background-color: #d9d9d9;
+	background-image: url(../images/hilitetest-bm.png);
+}
+.row_on {
+        color: black;
+        background-color: #F1F1F1;
+}
+.row_off {
+        color: black;
+        background-color: #ffffff;
+}
+.narrow_column { width: 1%; white-space: nowrap; }
+
+/*
+        Printing
+*/
+@media screen { .onlyPrint { display: none; } }
+@media print {  .noPrint { display: none; } }
+
+/*
+        Portal_box as used in home
+*/
+.portal_box {
+        border: #9c9c9c 1px solid;
+}
+
+.portal_box table {
+        border: 1px solid black;
+}
+
+.portal_box_header {
+        height: 15px;
+        padding-top: 0px;
+}
+
diff --git a/phpgwapi/templates/jerryr/css/jerryr.css b/phpgwapi/templates/jerryr/css/jerryr.css
index 038674a6e0..ef78ac27e4 100644
--- a/phpgwapi/templates/jerryr/css/jerryr.css
+++ b/phpgwapi/templates/jerryr/css/jerryr.css
@@ -34,17 +34,6 @@ a:hover,a:active
 	color: #9a3028;
 	text-decoration: underline;
 }
-.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar
-{
-	font-size:90%;
-}
-
-.textSideboxStar
-{
-	font-size:90%;
-	background-color: #a7c4db;
-	border-right: 1px solid #9f9f9f;
-}
 
 .prefSection
 {
@@ -53,14 +42,6 @@ a:hover,a:active
 	line-height:40px;
 }
 
-#divAppboxHeader
-{
-	line-height:20px;
-	font-size:12px;
-	font-weight:bold;
-	color:#ffffff;
-}
-
 #divGenTime,#divPoweredBy
 {
 	font-size: 80%;
@@ -120,7 +101,6 @@ input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button
 	background-color:#88b4e1;
 	background-image: url(../images/butHover.png);
 	border: 1px solid #bd9300;
-	color:  #006699;
 	color:  #17202b;
 }
 
@@ -163,6 +143,16 @@ input[type=image]
 	border: 0;
 }
 
+/*
+	Sidebox - Loginbox Style ***BEGIN***
+*/
+
+#tdSidebox
+{
+	width:170px;
+	overflow:visible;
+}
+
 .divLoginbox,.divSidebox 
 
 {
@@ -176,6 +166,18 @@ input[type=image]
 	width: 188px; 
 }
 
+.divLoginboxHeader,.divSideboxHeader,a.appTitles,.appTitles,a.textSidebox,.textSidebox,#fmStatusBar
+{
+	font-size:90%;
+}
+
+.textSideboxStar
+{
+	font-size:90%;
+	background-color: #a7c4db;
+	border-right: 1px solid #9f9f9f;
+}
+
 .divSideboxHeader,.divLoginboxHeader 
 {
 	text-align:center;
@@ -233,10 +235,20 @@ a.textSidebox
 	border-top: solid #9f9f9f 1px;
 }
 
+.slideoutBack
+{
+        background-color:white;
+        border: #17202b 1px solid;
+        padding:10px;
+}
+
+.sideboxDrop
+{
+position: relative;
+        left: 0px;
+        top: 0px;
+}
 
-/* 
- ** make the sidebox entries consistently start with a capital letter 
- */
 .textSidebox:first-letter
 {
 	text-transform:uppercase;
@@ -247,6 +259,10 @@ a.textSidebox
 	height:9px;
 }
 
+/*
+	Sidebox - Loginbox Style ***END***
+*/
+
 .greyLine
 {
 	margin:1px;
@@ -254,6 +270,10 @@ a.textSidebox
 	height:1px;
 }
 
+/*
+	Drop Shadow ***BEGIN***
+*/
+
 .menuOneBox
 {
 	position: relative;
@@ -262,6 +282,14 @@ a.textSidebox
 	background-image: url(../images/shadowAlpha.png);
 }
 
+/*
+	Drop Shadow ***END***
+*/
+
+/*
+	Extra Icons Menu ***BEGIN***
+*/
+
 #extraIcons
 {
 	background-color:#fbf8f1;
@@ -306,6 +334,10 @@ a.textSidebox
 	background-color: #ede6d8;
 }
 
+/*
+	Extra Icons Menu ***END***
+*/
+
 body {
 	padding: 0px;
 }
@@ -322,8 +354,8 @@ body {
 #divLogo
 {
 	position:absolute;
-	left:19px;
-	top:21px;
+	left:37px;
+	top:38px;
 	z-index:51;
 }
 
@@ -351,10 +383,21 @@ body {
 	border-bottom: 0px;
 }
 
+
+/*
+	App Icon Bar ***BEGIN***
+*/
+
 #divAppIconBar
 {
 	height: 57px;
-	padding:0px;
+	padding:1px;
+}
+
+.iconBackFirstCell
+{
+        background-image: url(../images/firstcell.png);
+	background-repeat: no-repeat;
 }
 
 .appIconTbl
@@ -364,13 +407,13 @@ body {
 	background-repeat: no-repeat;
 	background-position: top right;
 	vertical-align: top;
+	color: white;
 }
 
 .iconBack
 {
 	background-image: url(../images/iconBackBlue.png);
 	border-right: 1px solid #9f9f9f;
-	border-left: 1px solid #cfcfcf;
 	border-bottom: 1px solid #9f9f9f;
 	border-top: 1px solid #9f9f9f;
 }
@@ -379,7 +422,6 @@ body {
 {
 	background-image: url(../images/iconBackYellow.png);
 	border-right: 1px solid #9f9f9f;
-        border-left: 1px solid #cfcfcf;
         border-bottom: 1px solid #9f9f9f;
         border-top: 1px solid #9f9f9f;
 }
@@ -389,6 +431,10 @@ body {
 	/*background-color:white;*/
 }
 
+/*
+	App Icon Bar ***END***
+*/
+
 #divStatusBar
 {
 	position: relative;
@@ -400,11 +446,9 @@ body {
 	padding-top:10px;
 }
 
-#tdSidebox
-{
-	width:170px;
-	overflow:visible;
-}
+/*
+	Appbox ***BEGIN***
+*/
 
 #tdAppbox
 {
@@ -414,9 +458,11 @@ body {
 
 #divAppboxHeader
 {
+	line-height:18px;
+	font-size:12px;
+	font-weight:bold;
 	background-image:url(../images/appTitleBar.png);
 	height:18px;
-	color: black;
 	text-align:center;
 	padding-bottom:0px;
 	border:solid 1px #17202b;
@@ -431,6 +477,10 @@ body {
 	border-right:solid 1px #17202b;
 }
 
+/*
+	Appbox ***END***
+*/
+
 #admin_info
 {
 	position:relative;
@@ -449,15 +499,16 @@ body {
 	Table formatting
 */
 .th { 
-	color: black; background-color: #D3DCE3; 
+	color: black; background-color: #f9f4e2;
+	background-image: url(../images/hilitetest.png); 
 }
 .row_on { 
 	color: black; 
-	background-color: #F1F1F1; 
+	background-color: #eae1cd; 
 }
 .row_off { 
 	color: black; 
-	background-color: #ffffff; 
+	background-color: #fbf9f2; 
 }
 .narrow_column { width: 1%; white-space: nowrap; }
 
@@ -481,4 +532,4 @@ body {
 .portal_box_header {
 	height: 15px; 
 	padding-top: 0px;
-}
\ No newline at end of file
+}