- [DEV-112] added themes option in frontend (Artem)

git-svn-id: svn://svn.zabbix.com/trunk@5341 97f52cf1-0a1b-0410-bd0e-c28be96e8082

8 files changed, 555 insertions, 104 deletions

diff --git a/frontends/php/styles/bar.css b/frontends/php/styles/bar.css
index 7268f375..925cff07 100644
--- a/frontends/php/styles/bar.css
+++ b/frontends/php/styles/bar.css
@@ -65,7 +65,7 @@ img#scroll_calendar:hover{
 
 div#scrolltableft{
 	position:absolute;
-	top: -14px;
+	top: -15px;
 	left: 18px;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:10px;
@@ -75,7 +75,7 @@ div#scrolltableft{
 
 div#scrolltabright{
 	position:absolute;
-	top: -13px;
+	top: -15px;
 	right: 0px;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:10px;	
@@ -91,6 +91,10 @@ div#scroll_left{
 	float: left;
 }
 
+div#scroll_left:hover{
+	cursor:pointer;
+}
+
 div#scroll_right{
 	background-image: url(../images/general/bar/right.gif); 
 	background-repeat:no-repeat; 
@@ -99,6 +103,10 @@ div#scroll_right{
 	float: left;
 }
 
+div#scroll_right:hover{
+	cursor:pointer;
+}
+
 div#scroll_middle{
 	background-image: url(../images/general/bar/bg.gif); 
 	height: 17px; 
@@ -111,6 +119,11 @@ div#scroll_bar{
 	left: 17px;
 }
 
+div#scroll_bar:hover{
+	cursor:pointer;
+}
+
+
 div#arrow_l{
 	position:absolute;
 	bottom: 0px;
@@ -121,6 +134,10 @@ div#arrow_l{
 	height:17px;
 }
 
+div#arrow_l:hover{
+	cursor:pointer;
+}
+
 div#arrow_r{
 	position:absolute;
 	bottom: 0px;
@@ -131,6 +148,10 @@ div#arrow_r{
 	height:17px;
 }
 
+div#arrow_r:hover{
+	cursor:pointer;
+}
+
 div#bar_left{
 	background-image: url(../images/general/bar/bar_left.gif); 
 	background-repeat:no-repeat; 
diff --git a/frontends/php/styles/css_bb.css b/frontends/php/styles/css_bb.css
new file mode 100644
index 00000000..20d8dd67
--- /dev/null
+++ b/frontends/php/styles/css_bb.css
@@ -0,0 +1,247 @@
+/* CSS Document */
+/* Black and Blue Theme by Aly*/
+
+body{
+	background-color:#353535;
+} 
+.delimiter{
+	color:#AAF;
+}
+
+.pum_oheader { 
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+}
+
+.right_header {
+	border-color: #222; 
+}
+
+
+
+/*////////////////	LINKS	////////////////////*/
+
+a.highlight { font-family: Verdana, Arial, sans-serif;	font-size:10px; 	font-weight: bold; }
+a.highlight:link 	{ 	text-decoration: none;		color: #ffffff; }
+a.highlight:visited 	{	text-decoration: none;		color: #ffffff; }
+a.highlight:hover	{	text-decoration:none;	color: #0AF; }
+
+
+
+A.enabled:link		{	color:#00AA00;	text-decoration: none; }
+A.enabled:visited 	{	color:#00AA00;	text-decoration: none; }
+A.enabled:hover 	{	color:#00AA00;	text-decoration: underline; }
+A.enabled:active 	{	color:#00AA00;	text-decoration: underline;}
+
+A.disabled:link		{	color:#AA0000;	text-decoration: none; }
+A.disabled:visited 	{	color:#AA0000;	text-decoration: none; }
+A.disabled:hover 	{	color:#AA0000;	text-decoration: underline; }
+A.disabled:active 	{	color:#AA0000;	text-decoration: underline;}
+
+A.orange:link		{	color:#EE7000;	text-decoration: none; }
+A.orange:visited 	{	color:#EE7000;	text-decoration: none; }
+A.orange:hover 		{	color:#EE7000;	text-decoration: underline; }
+A.orange:active 	{	color:#EE7000;	text-decoration: underline;}
+
+A.unknown:link		{	color:#777777;	text-decoration: none; }
+A.unknown:visited 	{	color:#777777;	text-decoration: none; }
+A.unknown:hover 	{	color:#AAAAAA;	text-decoration: underline; }
+A.unknown:active 	{	color:#777777;	text-decoration: underline;}
+
+A.off:link	{	color:#00AA00;	text-decoration: none; }
+A.off:visited 	{	color:#00AA00;	text-decoration: none; }
+A.off:hover 	{	color:#00AA00;	text-decoration: underline; }
+A.off:active 	{	color:#00AA00;	text-decoration: underline;}
+
+A.on:link	{	color:#AA0000;	text-decoration: none; }
+A.on:visited 	{	color:#AA0000;	text-decoration: none; }
+A.on:hover 	{	color:#AA0000;	text-decoration: underline; }
+A.on:active 	{	color:#AA0000;	text-decoration: underline;}
+
+
+A.action:link		{	color:#3C3089;	text-decoration: none; }
+A.action:visited 	{	color:#3C3089;	text-decoration: none; }
+A.action:hover 		{	color:#3C3089;	text-decoration: underline; }
+A.action:active 	{	color:#3C3089;	text-decoration: underline;}
+
+A.small_font 			{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}
+/*
+A.small_font 			{color: #DDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}
+A.small_font:link 		{color: #DDD; text-decoration: none; }
+A.small_font:visited 	{color: #DDD; text-decoration: none; }
+A.small_font:hover	 	{color: #FFF; text-decoration: underline;}
+A.small_font:active 	{color: #FFF; text-decoration: underline;}
+*/
+
+A.footer	{color:#CCCCCC;}
+
+A 		{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;}
+A:link 		{color:black; text-decoration: none; }
+A:visited 	{color:black; text-decoration: none; }
+A:hover 	{color:black; text-decoration: underline; }
+A:active 	{color:black; text-decoration: underline;}
+
+
+A.history:link		{	color:#28F;	text-decoration: none; font-size:10px;}
+A.history:visited 	{	color:#28F;	text-decoration: none; font-size:10px;}
+A.history:hover 	{	color:#2FF;	text-decoration: none; font-size:10px;}
+A.history:active 	{	color:#28F;	text-decoration: none; font-size:10px;}
+
+/*////////////////	TABLES	////////////////////*/
+table.page_header tr td.page_header_r{
+/*
+	background-position:right;
+	background-image: url('../images/gradients/gradient.png');
+	background-repeat:repeat-y;
+*/
+}
+
+table.page_footer{
+	background: #5C7099 url('../images/gradients/table_head_bb.gif') repeat-x top left;
+	border-color: 	#353535;
+
+	border-top-width: 17px;
+	border-top-style: solid;
+}
+
+table.formtable tr td.form_row_first{
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+	border-color: #222; 
+}
+
+table.formtable tr td.form_row_last {
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+	border-color: #222; 
+}
+
+table.formtable tr td.form_row_l { /* left cell */
+	border-color: #222; 
+}
+
+table.formtable tr td.form_row_c { /* center cell */
+	border-color: #222; 
+}
+
+table.formtable tr td.form_row_r { /* right cell */
+	border-color: #222; 
+}
+
+td.form_row_l_simple { /* left cell simple */
+	border-color: #222; 
+}
+
+td.form_row_r_simple { /* right cell simple */
+	border-color: #222; 
+}
+
+table.formlongtable tr td.form_row_first
+{
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+	border-color: #222; 
+}
+table.formlongtable tr td.form_row_last {
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+	border-color: #222; 
+}
+table.formlongtable tr td.form_row_l { /* left cell */
+	border-color:	#222;
+}
+table.formlongtable tr td.form_row_c { /* center cell */
+	border-color: #222; 
+}
+table.formlongtable tr td.form_row_r { /* right cell */
+	border-color: #222; 
+}
+
+table.tabletree tr.footer td {
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+}
+
+table.tableinfo{
+	background-color: #5A5A5A;
+}
+
+table.tableinfo tr.footer td {
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+}
+
+table.header{
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+}
+
+table.ack_msgs tr.title {
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left; 
+}
+
+table.menu tr{
+	background: #AAAAAA url('../images/gradients/menu_not_active_bb.gif') repeat-x top left;
+}
+
+table.menu td{
+	border-color: #777777;
+}
+
+table.menu tr td.active{
+	background: #5C7099 url('../images/gradients/table_head_bb.gif') repeat-x top left;
+}
+
+table.sub_menu tr{
+	background: #5C7099 url('../images/gradients/table_head_bb.gif') repeat-x top left;
+}
+
+table.sub_menu tr td span.active a.highlight{
+	color: #08F;
+}
+
+table.triggers_info tr td.header {
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+}
+
+table.hosts_info tr td.header {
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+}
+
+
+table.server_info tr td.header {
+	background: #5C7099 url('../images/gradients/table_head2_bb.gif') repeat-x top left;
+}
+
+table.history td.caption{
+	color:#0AF;
+}
+
+table.tableinfo tr td.normal			{	background-color: #AADDDD;	border: 1px #AADDAA solid; }
+table.tableinfo tr:hover td.normal		{	background-color: #AACCCC;	border: 1px #AAD9AA solid; }
+
+table.tableinfo tr td.average			{	background-color: #DDAAAA;	border: 1px #DDAAAA solid; }
+table.tableinfo tr:hover td.average		{	background-color: #DD9999;	border: 1px #D8A5AA solid; }
+
+
+/*////////////////	DIVS	////////////////////*/
+
+div.zabbix_logo{
+	height: 31px;
+	width: 118px;
+	background-image:url('../images/general/zabbix_bb.png');
+	background-repeat: no-repeat;
+}
+
+div#scrolltableft{
+	color: #0CF;
+}
+
+div#scrolltabright{
+	color: #0CF;
+}
+
+/*////////////////	PARAGRAPHS	////////////////////*/
+
+p.msgerror	{	color: #CC0000; }
+p.msgok		{	color: #0088FF;	}
+
+
+/*////////////////	FORMS	////////////////////*/
+
+.button:hover {	
+	border-color: #000;
+	color: #00F;
+}
\ No newline at end of file
diff --git a/frontends/php/styles/css_ob.css b/frontends/php/styles/css_ob.css
new file mode 100644
index 00000000..6d6da67a
--- /dev/null
+++ b/frontends/php/styles/css_ob.css
@@ -0,0 +1 @@
+/* CSS Document */
\ No newline at end of file
diff --git a/frontends/php/styles/default.css b/frontends/php/styles/default.css
new file mode 100644
index 00000000..bfad6714
--- /dev/null
+++ b/frontends/php/styles/default.css
@@ -0,0 +1,170 @@
+/* CSS Document */

+/*

+** ZABBIX

+** Copyright (C) 2000-2007 SIA Zabbix

+**

+** This program is free software; you can redistribute it and/or modify

+** it under the terms of the GNU General Public License as published by

+** the Free Software Foundation; either version 2 of the License, or

+** (at your option) any later version.

+**

+** This program is distributed in the hope that it will be useful,

+** but WITHOUT ANY WARRANTY; without even the implied warranty of

+** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

+** GNU General Public License for more details.

+**

+** You should have received a copy of the GNU General Public License

+** along with this program; if not, write to the Free Software

+** Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.

+**

+*/

+

+body{

+	background-color:#e5e5e5;

+	margin: 0px;

+	padding: 0px;

+	color:black;

+	font-family:verdana, arial, helvetica, sans-serif;

+	font-size:10px;

+	text-decoration: none;

+	line-height:16px;

+}

+

+/**************** MEDIA *****************/

+@media print {

+	div.printless{

+		visibility: hidden;

+		display: none;

+	}

+	div.printonly{

+		display: block;

+		visibility:visible;

+	}

+}

+

+@media screen {

+	div.printless{

+		visibility:visible;

+		display:block;

+	}

+	div.printonly{

+		visibility: hidden;

+		display:none;

+	}

+}

+

+/**************** OTHERS ****************/

+.top		{	vertical-align: top; }

+.footer 	{ 	color:#CCCCCC; }

+

+.enabled	{	color: #00AA00;	}

+.disabled	{	color: #AA0000;	}

+.unknown	{	color: #AAAAAA;	}

+.on		{	color: #AA0000;	}

+.off		{	color: #00AA00;	}

+

+.disaster	{	background-color: #FF0000;	}

+.high		{	background-color: #FF8888;	}

+.average	{	background-color: #DDAAAA;	}

+.warning	{	background-color: #EFEFCC;	}

+.information	{	background-color: #CCE2CC;	}

+.unknown_trigger{	background-color: #BCBCBC;	}

+.normal		{	background-color: #AADDAA;	}

+

+.img 		{	border-color:black;	border-width:1px;	}

+img.top		{	vertical-align:text-top		}

+img.bottom	{	vertical-align:text-bottom	}

+

+.center{

+	width: 100%;

+	text-align: center;

+}

+

+.vert{

+	width:1px;

+	/*writing-mode: tb-rl;*/

+}

+

+.rarr{

+	font-size: 16px;

+}

+

+.bold {

+	font-weight: bold;

+}

+

+.nowrap {

+	white-space: nowrap;

+	word-spacing:	0px;

+}

+

+.delimiter{

+	font-weight:bold;

+	color:#000;

+}

+

+/**************** HINT BOX *****************/

+

+#hint_box {

+	top: 0;

+	z-index: 100;

+	position: absolute;

+	background-color: #FFFFE0;

+	padding: 2px;

+	font-family: Verdana, Arial, Helvetica, sans-serif;

+	font-size: 8pt;

+	line-height:15px;

+	border: 1px solid black;

+	border-left: none;

+	border-top: none;

+	visibility: hidden;

+}

+

+/************** END OF HINT BOX ************/

+

+/************** COLOR PICKER ***************/

+#color_picker {

+	top: 0;

+	z-index: 100;

+	position: absolute;

+	background-color: white;

+	padding: 2px;

+	font-family: Verdana, Arial, Helvetica, sans-serif;

+	font-size: 10px;

+	line-height:15px;

+	border: 1px solid black;

+}

+

+#color_picker table tr td {

+	margin: 0px;

+	padding: 2px;

+}

+	

+#color_picker a {

+	text-decoration: none;

+	font-family: Verdana, Arial, Helvetica, sans-serif;

+	font-size: 10px;

+	padding: 0px;

+	margin: 0px;

+}

+

+/************ END OF COLOR PICKER ***********/

+

+/************** DISCOVERY STATUS ************/

+.dhosts_active {

+	padding: 5px;

+	text-align: center;

+	color: #0FA00F;

+}

+.dhosts_disabled {

+	padding: 5px;

+	text-align: center;

+	color: #A00F0F;

+}

+.dservice_active {

+	background: #0FA00F;

+}

+.dservice_disabled {

+	background: #A00F0F;

+}

+/********** END OF DISCOVERY STATUS *********/

diff --git a/frontends/php/styles/div.css b/frontends/php/styles/div.css
index af66ab97..1824b75c 100644
--- a/frontends/php/styles/div.css
+++ b/frontends/php/styles/div.css
@@ -4,12 +4,14 @@ div.disaster{
 	background-color: #FF0000;
 	width: 100%;
 	height: 100%;
+	padding-left: 2px;
 	margin-right: 5px;
 }
 div.high{
 	background-color: #FF8888;
 	width: 100%;
 	height: 100%;
+	padding-left: 2px;
 	margin-right: 5px;
 }
 
@@ -17,15 +19,23 @@ div.average{
 	background-color: #DDAAAA;
 	width: 100%;
 	height: 100%;
+	padding-left: 2px;
 	margin-right: 5px;
 }
 div.warning{
 	background-color: #EFEFCC;
 	width: 100%;
 	height: 100%;
+	padding-left: 2px;
 	margin-right: 5px;
 }
 
+div.zabbix_logo{
+	height: 31px;
+	width: 118px;
+	background: #FFFFFF url('../images/general/zabbix.png') no-repeat;
+}
+
 span.footer_sign{
 	padding-right: 5px;
 	padding-left: 5px;
diff --git a/frontends/php/styles/link.css b/frontends/php/styles/link.css
index 7d4d35c1..14fcaabc 100644
--- a/frontends/php/styles/link.css
+++ b/frontends/php/styles/link.css
@@ -1,66 +1,66 @@
-/* CSS Document */

-

-a.highlight { font-family: Verdana, Arial, sans-serif;	font-size:10px; 	font-weight: bold; }

-a.highlight:link 	{ 	text-decoration: none;		color: #ffffff; }

-a.highlight:visited 	{	text-decoration: none;		color: #ffffff; }

-a.highlight:hover	{	text-decoration: underline;	color: #ffcc00; }

-

-

-

-A.enabled:link		{	color:#00AA00;	text-decoration: none; }

-A.enabled:visited 	{	color:#00AA00;	text-decoration: none; }

-A.enabled:hover 	{	color:#00AA00;	text-decoration: underline; }

-A.enabled:active 	{	color:#00AA00;	text-decoration: underline;}

-

-A.disabled:link		{	color:#AA0000;	text-decoration: none; }

-A.disabled:visited 	{	color:#AA0000;	text-decoration: none; }

-A.disabled:hover 	{	color:#AA0000;	text-decoration: underline; }

-A.disabled:active 	{	color:#AA0000;	text-decoration: underline;}

-

-A.orange:link		{	color:#EE7000;	text-decoration: none; }

-A.orange:visited 	{	color:#EE7000;	text-decoration: none; }

-A.orange:hover 		{	color:#EE7000;	text-decoration: underline; }

-A.orange:active 	{	color:#EE7000;	text-decoration: underline;}

-

-A.unknown:link		{	color:#AAAAAA;	text-decoration: none; }

-A.unknown:visited 	{	color:#AAAAAA;	text-decoration: none; }

-A.unknown:hover 	{	color:#AAAAAA;	text-decoration: underline; }

-A.unknown:active 	{	color:#AAAAAA;	text-decoration: underline;}

-

-A.off:link	{	color:#00AA00;	text-decoration: none; }

-A.off:visited 	{	color:#00AA00;	text-decoration: none; }

-A.off:hover 	{	color:#00AA00;	text-decoration: underline; }

-A.off:active 	{	color:#00AA00;	text-decoration: underline;}

-

-A.on:link	{	color:#AA0000;	text-decoration: none; }

-A.on:visited 	{	color:#AA0000;	text-decoration: none; }

-A.on:hover 	{	color:#AA0000;	text-decoration: underline; }

-A.on:active 	{	color:#AA0000;	text-decoration: underline;}

-

-A.action:link		{	color:#3C3089;	text-decoration: none; }

-A.action:visited 	{	color:#3C3089;	text-decoration: none; }

-A.action:hover 		{	color:#3C3089;	text-decoration: underline; }

-A.action:active 	{	color:#3C3089;	text-decoration: underline;}

-

-a.small_font

-{

-	color: #000000;

-	font-family: Verdana, Arial, Helvetica, sans-serif;

-	font-size: 8pt;

-}

-

-A.footer

-{

-	color:#CCCCCC;

-}

-

-A 		{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;}

-A:link 		{color:black; text-decoration: none; }

-A:visited 	{color:black; text-decoration: none; }

-A:hover 	{color:black; text-decoration: underline; }

-A:active 	{color:black; text-decoration: underline;}

-

-A.history:link		{	color:#448;	text-decoration: none; font-size:10px;}

-A.history:visited 	{	color:#448;	text-decoration: none; font-size:10px;}

-A.history:hover 	{	color:#448;	text-decoration: underline; font-size:10px;}

+/* CSS Document */
+
+a.highlight { font-family: Verdana, Arial, sans-serif;	font-size:10px; 	font-weight: bold; }
+a.highlight:link 	{ 	text-decoration: none;		color: #ffffff; }
+a.highlight:visited 	{	text-decoration: none;		color: #ffffff; }
+a.highlight:hover	{	text-decoration: underline;	color: #ffcc00; }
+
+
+
+A.enabled:link		{	color:#00AA00;	text-decoration: none; }
+A.enabled:visited 	{	color:#00AA00;	text-decoration: none; }
+A.enabled:hover 	{	color:#00AA00;	text-decoration: underline; }
+A.enabled:active 	{	color:#00AA00;	text-decoration: underline;}
+
+A.disabled:link		{	color:#AA0000;	text-decoration: none; }
+A.disabled:visited 	{	color:#AA0000;	text-decoration: none; }
+A.disabled:hover 	{	color:#AA0000;	text-decoration: underline; }
+A.disabled:active 	{	color:#AA0000;	text-decoration: underline;}
+
+A.orange:link		{	color:#EE7000;	text-decoration: none; }
+A.orange:visited 	{	color:#EE7000;	text-decoration: none; }
+A.orange:hover 		{	color:#EE7000;	text-decoration: underline; }
+A.orange:active 	{	color:#EE7000;	text-decoration: underline;}
+
+A.unknown:link		{	color:#777777;	text-decoration: none; }
+A.unknown:visited 	{	color:#777777;	text-decoration: none; }
+A.unknown:hover 	{	color:#AAAAAA;	text-decoration: underline; }
+A.unknown:active 	{	color:#777777;	text-decoration: underline;}
+
+A.off:link	{	color:#00AA00;	text-decoration: none; }
+A.off:visited 	{	color:#00AA00;	text-decoration: none; }
+A.off:hover 	{	color:#00AA00;	text-decoration: underline; }
+A.off:active 	{	color:#00AA00;	text-decoration: underline;}
+
+A.on:link	{	color:#AA0000;	text-decoration: none; }
+A.on:visited 	{	color:#AA0000;	text-decoration: none; }
+A.on:hover 	{	color:#AA0000;	text-decoration: underline; }
+A.on:active 	{	color:#AA0000;	text-decoration: underline;}
+
+A.action:link		{	color:#3C3089;	text-decoration: none; }
+A.action:visited 	{	color:#3C3089;	text-decoration: none; }
+A.action:hover 		{	color:#3C3089;	text-decoration: underline; }
+A.action:active 	{	color:#3C3089;	text-decoration: underline;}
+
+a.small_font
+{
+	color: #000000;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 8pt;
+}
+
+A.footer
+{
+	color:#CCCCCC;
+}
+
+A 		{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;}
+A:link 		{color:black; text-decoration: none; }
+A:visited 	{color:black; text-decoration: none; }
+A:hover 	{color:black; text-decoration: underline; }
+A:active 	{color:black; text-decoration: underline;}
+
+A.history:link		{	color:#448;	text-decoration: none; font-size:10px;}
+A.history:visited 	{	color:#448;	text-decoration: none; font-size:10px;}
+A.history:hover 	{	color:#448;	text-decoration: underline; font-size:10px;}
 A.history:active 	{	color:#448;	text-decoration: underline; font-size:10px;}
\ No newline at end of file
diff --git a/frontends/php/styles/p.css b/frontends/php/styles/p.css
index fe6a0f9c..f2982bd4 100644
--- a/frontends/php/styles/p.css
+++ b/frontends/php/styles/p.css
@@ -1,29 +1,32 @@
-/* CSS Document */

-

-

-P 		{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt; }

-P:link 		{color:black; text-decoration: underline; }

-P:visited 	{color:black; text-decoration: none; }

-P:hover 	{color:black; text-decoration: none;}

-P:active 	{color:black; text-decoration: none;}

-

-p.uppercase	{text-transform: uppercase}

-p.margin	{margin-left: 10pt}

-	

-p.info

-{

-	font-family: Verdana, Arial, Helvetica, sans-serif;

-	font-size: 8pt;

-	border: 1px dashed #000000;

-	color:#000000;

-	background-color: #FFFFFF;

-}

-

-p.error

-{

-	font-family: Verdana, Arial, Helvetica, sans-serif;

-	font-size: 8pt;

-	border: 1px dashed #000000;

-	color:#AA0000;

-	background-color: #FEFEFE;

+/* CSS Document */
+
+
+P 		{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt; }
+P:link 		{color:black; text-decoration: underline; }
+P:visited 	{color:black; text-decoration: none; }
+P:hover 	{color:black; text-decoration: none;}
+P:active 	{color:black; text-decoration: none;}
+
+p.uppercase	{text-transform: uppercase}
+p.margin	{margin-left: 10pt}
+
+p.msgerror	{	color: #CC0000; }
+p.msgok		{	color: #223344;	}
+	
+p.info
+{
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 8pt;
+	border: 1px dashed #000000;
+	color:#000000;
+	background-color: #FFFFFF;
+}
+
+p.error
+{
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 8pt;
+	border: 1px dashed #000000;
+	color:#AA0000;
+	background-color: #FEFEFE;
 }
\ No newline at end of file
diff --git a/frontends/php/styles/table.css b/frontends/php/styles/table.css
index c7db1303..2d95161c 100644
--- a/frontends/php/styles/table.css
+++ b/frontends/php/styles/table.css
@@ -58,25 +58,24 @@ table.page_footer
 	background: #5C7099 url('../images/gradients/table_head.gif') repeat-x top left;
 	border-color: #000000;
 	font-weight: bold; 
-	border-width:0px;
+
+	border-color: 	#E5E5E5;
+
+	border-top-width: 17px;
 	border-top-style: solid;
-	border-left-style: solid;
-	border-right-style: solid;
-	border-bottom-style: solid;
-	margin-top: 15px;
 	width: 100%;
 }
 table.page_footer tr td.page_footer_l
 {
-        font-family:verdana, arial, helvetica, sans-serif;
-        font-size:10px;
+	font-family:verdana, arial, helvetica, sans-serif;
+	font-size:10px;
 	height: 24px;
 	text-align: center;
 }
 table.page_footer tr td.page_footer_r
 {
-        font-family:verdana, arial, helvetica, sans-serif;
-        font-size:10px;
+	font-family:verdana, arial, helvetica, sans-serif;
+	font-size:10px;
 	height: 24px;
 	text-align: right;
 }