Implement view option as per client

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@96654 ce508802-f39f-4f6c-b175-0d175dae99d5

webitm-dashboard/web/sfadashboard/src/ibase.client.resources.css.DataGrid/blueTheme.css

+.dataGridWidget {
+	 /* border: solid 1px black; */
+	width: 100%;
+	line-height: 29px;
+	text-align: left;
+	border-collapse: separate;
+	border-spacing: 0;
+	border-radius: 2px;
+	background-color: white;
+	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+}
+
+.dataGridFirstColumn {
+	border-left: 1px solid #d2d2d2;
+}
+
+.dataGridLastColumn {
+	border-right-color: #d2d2d2;
+}
+
+.dataGridFooter {
+	/*height: 1px;*/
+	/*border-top: 2px solid #6f7277;*/
+	height: 0px;
+	border: none;
+	padding: 3px 15px;
+	text-align: left;
+	color: #4b4a4a;
+	text-shadow: #ddf 1px 1px 0;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.dataGridHeader { 
+	line-height: 29px;
+	padding: 0 10px;
+	color: white;
+	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	border-color: #4bc1d2 #13AEC4 #5CCADA;
+	background-color: #4bc1d2;
+
+	/* IE10 Consumer Preview  */
+	background-image: -ms-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
+	/* Mozilla Firefox  */
+	background-image: -moz-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
+	/* Opera  */
+	background-image: -o-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
+	/* Webkit (Safari/Chrome 10)  */
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(0.6, #4BC1D2),	color-stop(1, #5ADAEC) );
+	/* Webkit (Chrome 11+)  */
+	background-image: -webkit-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
+	/* W3C Markup, IE10 Release Preview  */
+	background-image: linear-gradient(literal("to bottom"), literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
+	
+	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
+	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	text-rendering: optimizeLegibility;
+	font-size: 12px;
+}
+
+.dataGridCell { 
+	line-height: 29px;
+	padding: 0 10px;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	font-size: 12px;
+	text-shadow: 0 1px white;
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+	text-rendering: optimizeLegibility;
+}
+
+.dataGridFirstColumnFooter {
+	
+}
+
+.dataGridFirstColumnHeader {
+	border-left-width: 1px;
+	border-top-left-radius: 3px;
+}
+
+.dataGridLastColumnFooter {
+	
+}
+.dataGridLastColumnHeader {
+	border-top-right-radius: 3px;
+}
+
+.dataGridSortableHeader {
+  cursor: pointer;
+}
+
+.dataGridSortableHeader:hover {
+  color: white;
+}
+
+.dataGridSortedHeaderAscending {
+  
+}
+
+.dataGridSortedHeaderDescending {
+  
+}
+
+.dataGridEvenRow { 
+	/* 		background: #ffffff; */
+	background-color: #f9f9f9;
+}
+
+.dataGridEvenRowCell {
+/*   border: selectionBorderWidth solid #ffffff; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridOddRow {
+	background: #ffffff;
+}
+
+.dataGridOddRowCell {
+/*   border: selectionBorderWidth solid #f3f7fb; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridHoveredRow {
+	/* 		background: #d7dde8; */
+	background-color: #F4F4F4;
+}
+
+.dataGridHoveredRowCell {
+/*   border: selectionBorderWidth solid #eee; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridKeyboardSelectedRow {
+   background: #4EBD4A repeat-x 0 -100px !important;
+}
+
+.dataGridKeyboardSelectedRowCell {
+/*   border: selectionBorderWidth solid #ffc; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridSelectedRow {
+	background-color: blue;/*swati #2087fc*/
+	color: white !important;
+	cursor: pointer;
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	font-size: 12px;
+/* 	text-shadow: 0 1px 1px rgba(255, 255, 255, .5); */
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+	text-rendering: optimizeLegibility;
+}
+
+.dataGridSelectedRowCell {
+  border: none;
+  color: white !important;
+}
+
+.dataGridKeyboardSelectedCell {
+/*   border: selectionBorderWidth solid #d7dde8; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+/*For temp CSS*/
+.dataGridSelectedRow div,
+.dataGridSelectedRow td {
+	color: white !important;
+}
+
+.dataGridSortableHeader div,
+.dataGridSortableHeader td,
+.dataGridSortableHeader:hover div,
+.dataGridSortableHeader:hover td  {
+  	color: white !important;
+}
\ No newline at end of file

webitm-dashboard/web/sfadashboard/src/ibase.client.resources.css.DataGrid/grayTheme.css

+.dataGridWidget {
+	 /* border: solid 1px black; */
+	width: 100%;
+	line-height: 29px;
+	text-align: left;
+	border-collapse: separate;
+	border-spacing: 0;
+	border-radius: 2px;
+	background-color: white;
+	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+}
+
+.dataGridFirstColumn {
+	border-left: 1px solid #d2d2d2;
+}
+
+.dataGridLastColumn {
+	border-right-color: #d2d2d2;
+}
+
+.dataGridFooter {
+	/*height: 1px;*/
+	/*border-top: 2px solid #6f7277;*/
+	height: 0px;
+	border: none;
+	padding: 3px 15px;
+	text-align: left;
+	color: #4b4a4a;
+	text-shadow: #ddf 1px 1px 0;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.dataGridHeader { 
+	line-height: 29px;
+	padding: 0 10px;
+    /*color: #2087fc;*/
+    color:rgb(70, 70, 70) !important;
+	/*text-shadow: 0 1px rgba(0, 0, 0, 0.2);*/
+	text-shadow: 0 1px rgba(255,255,255,0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	border-color: #D3D3D3 #DBDBDB #EBE9E9;
+	background-color: #DBDBDB;
+
+	/* IE10 Consumer Preview */ 
+	background-image: -ms-linear-gradient(top, literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
+	/* Mozilla Firefox */ 
+	background-image: -moz-linear-gradient(top,literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
+	/* Opera */ 
+	background-image: -o-linear-gradient(top, literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
+	/* Webkit (Safari/Chrome 10) */ 
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.60, #E2E2E2), color-stop(1, #FFFFFF));
+	/* Webkit (Chrome 11+) */ 
+	background-image: -webkit-linear-gradient(top, literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
+	/* W3C Markup, IE10 Release Preview */ 
+	background-image: linear-gradient(literal("to bottom"), literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
+
+	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
+	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	text-rendering: optimizeLegibility;
+	font-size: 12px;
+}
+
+.dataGridCell { 
+	line-height: 29px;
+	padding: 0 10px;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	font-size: 12px;
+	text-shadow: 0 1px white;
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+	text-rendering: optimizeLegibility;
+}
+
+.dataGridFirstColumnFooter {
+	
+}
+
+.dataGridFirstColumnHeader {
+	border-left-width: 1px;
+	border-top-left-radius: 3px;
+}
+
+.dataGridLastColumnFooter {
+	
+}
+
+.dataGridLastColumnHeader {
+	border-top-right-radius: 3px;
+}
+
+.dataGridSortableHeader {
+  cursor: pointer;
+}
+
+.dataGridSortableHeader:hover {
+  /*color: #2087fc;*/
+  color:rgb(70, 70, 70) !important;
+}
+
+.dataGridSortedHeaderAscending {
+  
+}
+
+.dataGridSortedHeaderDescending {
+  
+}
+
+.dataGridEvenRow { 
+	/* 		background: #ffffff; */
+	background-color: #f9f9f9;
+}
+
+.dataGridEvenRowCell {
+/*   border: selectionBorderWidth solid #ffffff; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridOddRow {
+	background: #ffffff;
+}
+
+.dataGridOddRowCell {
+/*   border: selectionBorderWidth solid #f3f7fb; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridHoveredRow {
+	/* 		background: #d7dde8; */
+	background-color: #f4f4f4;
+	//background-color: red;
+}
+
+.dataGridHoveredRowCell {
+/*   border: selectionBorderWidth solid #eee; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridKeyboardSelectedRow {
+/*   background: #ffc; */
+}
+
+.dataGridKeyboardSelectedRowCell {
+/*   border: selectionBorderWidth solid #ffc; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridSelectedRow {
+	background-color: #2087fc;
+	color: white !important;
+	cursor: pointer;
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	font-size: 12px;
+/* 	text-shadow: 0 1px 1px rgba(255, 255, 255, .5); */
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+	text-rendering: optimizeLegibility;
+}
+
+.dataGridSelectedRowCell {
+  border: none;
+  color: white !important;
+}
+
+.dataGridKeyboardSelectedCell {
+/*   border: selectionBorderWidth solid #d7dde8; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+/*For temp CSS*/
+.dataGridSelectedRow div,
+.dataGridSelectedRow td {
+	color: white !important;
+}
+
+.dataGridSortableHeader div,
+.dataGridSortableHeader td,
+.dataGridSortableHeader:hover div,
+.dataGridSortableHeader:hover td  {
+  	/*color: #2087fc !important;*/
+	color:rgb(70, 70, 70) !important;
+}
\ No newline at end of file

webitm-dashboard/web/sfadashboard/src/ibase.client.resources.css.DataGrid/greenTheme.css

+.dataGridWidget {
+	 /* border: solid 1px black; */
+	width: 100%;
+	line-height: 29px;
+	text-align: left;
+	border-collapse: separate;
+	border-spacing: 0;
+	border-radius: 2px;
+	background-color: white;
+	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+}
+
+.dataGridFirstColumn {
+	border-left: 1px solid #d2d2d2;
+}
+
+.dataGridLastColumn {
+	border-right-color: #d2d2d2;
+}
+
+.dataGridFooter {
+/* 	Changed by Reema on 16/05/14[Theme implementation] */
+/* 	height: 1px; */
+	height: 0px;
+	border: none;
+	padding: 3px 15px;
+	text-align: left;
+	color: #4b4a4a;
+	text-shadow: #ddf 1px 1px 0;
+	overflow: hidden;
+	white-space: nowrap;
+	/* 	Changed by Reema on 16/05/14[Theme implementation]-End */
+}
+
+.dataGridHeader { 
+	line-height: 29px;
+	padding: 0 10px;
+	color: white;
+	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	
+/* 	Changed by Reema on 16/05/14[Theme implementation] */
+	border-color: #40cf40 #7FF87F #baffba !important;
+	background-color: #40cf40 !important;
+
+	/* IE10 Consumer Preview  */
+	background-image: -ms-linear-gradient(top, literal("#40CF40 60%"), literal("#baffba 100%"));
+	/* Mozilla Firefox  */
+	background-image: -moz-linear-gradient(top, literal("#40CF40 60%"), literal("#baffba 100%"));
+	/* Opera  */
+	background-image: -o-linear-gradient(top, literal("#40CF40 60%"), literal("#baffba 100%"));
+	/* Webkit (Safari/Chrome 10)  */
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(0.6, #40CF40),	color-stop(1, #baffba) );
+	/* Webkit (Chrome 11+)  */
+	background-image: -webkit-linear-gradient(top, literal("#40CF40 60%"), literal("#baffba 100%"));
+	/* W3C Markup, IE10 Release Preview  */
+	background-image: linear-gradient(literal("to bottom"), literal("#40CF40 60%"), literal("#baffba 100%"));
+/* 	Changed by Reema on 16/05/14[Theme implementation]-End */
+	
+	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
+	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	text-rendering: optimizeLegibility;
+	font-size: 12px;
+}
+
+.dataGridCell { 
+	line-height: 29px;
+	padding: 0 10px;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	font-size: 12px;
+	text-shadow: 0 1px white;
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+	text-rendering: optimizeLegibility;
+}
+
+.dataGridFirstColumnFooter {
+	
+}
+
+.dataGridFirstColumnHeader {
+	border-left-width: 1px;
+	border-top-left-radius: 3px;
+}
+
+.dataGridLastColumnFooter {
+	
+}
+
+.dataGridLastColumnHeader {
+	border-top-right-radius: 3px;
+}
+
+.dataGridSortableHeader {
+  cursor: pointer;
+}
+
+.dataGridSortableHeader:hover {
+  color: white;
+}
+
+.dataGridSortedHeaderAscending {
+  
+}
+
+.dataGridSortedHeaderDescending {
+  
+}
+
+.dataGridEvenRow { 
+	/* 		background: #ffffff; */
+	background-color: #f9f9f9;
+}
+
+.dataGridEvenRowCell {
+/*   border: selectionBorderWidth solid #ffffff; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridOddRow {
+	background: #ffffff;
+}
+
+.dataGridOddRowCell {
+/*   border: selectionBorderWidth solid #f3f7fb; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridHoveredRow {
+	/* 		background: #d7dde8; */
+	background-color: #f4f4f4;
+}
+
+.dataGridHoveredRowCell {
+/*   border: selectionBorderWidth solid #eee; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridKeyboardSelectedRow {
+/*   background: #ffc; */
+}
+
+.dataGridKeyboardSelectedRowCell {
+/*   border: selectionBorderWidth solid #ffc; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridSelectedRow {
+	background-color: #2087fc;
+	color: white !important;
+	cursor: pointer;
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	font-size: 12px;
+/* 	text-shadow: 0 1px 1px rgba(255, 255, 255, .5); */
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+	text-rendering: optimizeLegibility;
+}
+
+.dataGridSelectedRowCell {
+  border: none;
+  color: white !important;
+}
+
+.dataGridKeyboardSelectedCell {
+/*   border: selectionBorderWidth solid #d7dde8; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+/*For temp CSS*/
+.dataGridSelectedRow div,
+.dataGridSelectedRow td {
+	color: white !important;
+}
+
+.dataGridSortableHeader div,
+.dataGridSortableHeader td,
+.dataGridSortableHeader:hover div,
+.dataGridSortableHeader:hover td  {
+  	color: white !important;
+}
\ No newline at end of file

webitm-dashboard/web/sfadashboard/src/ibase.client.resources.css.DataGrid/orangeTheme.css

+.dataGridWidget {
+	 /* border: solid 1px black; */
+	width: 100%;
+	line-height: 29px;
+	text-align: left;
+	border-collapse: separate;
+	border-spacing: 0;
+	border-radius: 2px;
+	background-color: white;
+	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
+}
+
+.dataGridFirstColumn {
+	border-left: 1px solid #d2d2d2;
+}
+
+.dataGridLastColumn {
+	border-right-color: #d2d2d2;
+}
+
+.dataGridFooter {
+/* 	Changed by Reema on 16/05/14[Theme implementation] */
+/* 	height: 1px; */
+	height: 0px;
+	border: none;
+	padding: 3px 15px;
+	text-align: left;
+	color: #4b4a4a;
+	text-shadow: #ddf 1px 1px 0;
+	overflow: hidden;
+	white-space: nowrap;
+	/* 	Changed by Reema on 16/05/14[Theme implementation]-End */
+}
+
+.dataGridHeader { 
+	line-height: 29px;
+	padding: 0 10px;
+	color: white;
+	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
+	border-width: 1px 1px 1px 0px;
+	border-style: solid;
+	
+/* 	Changed by Reema on 16/05/14[Theme implementation] */
+	border-color: #FFE3AB #FDE8BF #FDEFD6 !important;
+	background-color: #FFB222 !important;
+
+	/* IE10 Consumer Preview  */
+	background-image: -ms-linear-gradient(top, literal("#FFB222 60%"), literal("#FFEBC0 100%"));
+	/* Mozilla Firefox  */
+	background-image: -moz-linear-gradient(top, literal("#FFB222 60%"), literal("#FFEBC0 100%"));
+	/* Opera  */
+	background-image: -o-linear-gradient(top, literal("#FFB222 60%"), literal("#FFEBC0 100%"));
+	/* Webkit (Safari/Chrome 10)  */
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(0.6, #FFB222),	color-stop(1, #FFEBC0) );
+	/* Webkit (Chrome 11+)  */
+	background-image: -webkit-linear-gradient(top, literal("#FFB222 60%"), literal("#FFEBC0 100%"));
+	/* W3C Markup, IE10 Release Preview  */
+	background-image: linear-gradient(literal("to bottom"), literal("#FFB222 60%"), literal("#FFEBC0 100%"));
+/* 	Changed by Reema on 16/05/14[Theme implementation] */
+	
+	-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
+	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	text-rendering: optimizeLegibility;
+	font-size: 12px;
+}
+
+.dataGridCell { 
+	line-height: 29px;
+	padding: 0 10px;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	font-size: 12px;
+	text-shadow: 0 1px white;
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+	text-rendering: optimizeLegibility;
+}
+
+.dataGridFirstColumnFooter {
+	
+}
+
+.dataGridFirstColumnHeader {
+	border-left-width: 1px;
+	border-top-left-radius: 3px;
+}
+
+.dataGridLastColumnFooter {
+	
+}
+
+.dataGridLastColumnHeader {
+	border-top-right-radius: 3px;
+}
+
+.dataGridSortableHeader {
+  cursor: pointer;
+}
+
+.dataGridSortableHeader:hover {
+  color: white;
+}
+
+.dataGridSortedHeaderAscending {
+  
+}
+
+.dataGridSortedHeaderDescending {
+  
+}
+
+.dataGridEvenRow { 
+	/* 		background: #ffffff; */
+	background-color: #f9f9f9;
+}
+
+.dataGridEvenRowCell {
+/*   border: selectionBorderWidth solid #ffffff; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridOddRow {
+	background: #ffffff;
+}
+
+.dataGridOddRowCell {
+/*   border: selectionBorderWidth solid #f3f7fb; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridHoveredRow {
+	/* 		background: #d7dde8; */
+	background-color: #f4f4f4;
+}
+
+.dataGridHoveredRowCell {
+/*   border: selectionBorderWidth solid #eee; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridKeyboardSelectedRow {
+/*   background: #ffc; */
+}
+
+.dataGridKeyboardSelectedRowCell {
+/*   border: selectionBorderWidth solid #ffc; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+.dataGridSelectedRow {
+	background-color: #2087fc;
+	color: white !important;
+	cursor: pointer;
+	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
+	font-size: 12px;
+/* 	text-shadow: 0 1px 1px rgba(255, 255, 255, .5); */
+	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
+	text-rendering: optimizeLegibility;
+}
+
+.dataGridSelectedRowCell {
+  border: none;
+  color: white !important;
+}
+
+.dataGridKeyboardSelectedCell {
+/*   border: selectionBorderWidth solid #d7dde8; */
+	border: none;
+	border-right: 1px solid #eee;
+	border-right-color: rgba(0, 0, 0, 0.07);
+}
+
+/*For temp CSS*/
+.dataGridSelectedRow div,
+.dataGridSelectedRow td {
+	color: white !important;
+}
+
+.dataGridSortableHeader div,
+.dataGridSortableHeader td,
+.dataGridSortableHeader:hover div,
+.dataGridSortableHeader:hover td  {
+  	color: white !important;
+}
\ No newline at end of file

webitm-dashboard/web/sfadashboard/src/ibase.client.resources.css/E12DashboardPage.css

+@CHARSET "UTF-8";
+
+table
+{
+	width: 100% ;
+}
+
+.verticalSpaceHeading, .verticalSpaceGrap, .verticalSpaceFLTTbl
+{
+/* 	height: 10px; */
+}
+
+.heading
+{
+	text-align: center;
+	font-weight: bold;
+	height: 100%;
+	padding-top: 5px;
+	
+}
+
+.headingContainer
+{
+	height: 25px;
+	background-color: #E7E7E7;
+}
+
+.mainGrpContnr
+{
+	padding: 15px;
+/* 	width: 30%; */
+}
+
+.fltTblContainer
+{
+	padding: 20px;
+}
+
+.groupContainer
+{
+	border-left: 1px solid #E7E7E7;
+	border-right: 1px solid #E7E7E7;
+	border-bottom: 1px solid #E7E7E7;
+	
+}
+
+.filterContainer
+{
+	height: 45px;
+	background-color: #CECECE;
+}
+
+.dockPanel
+{
+	/*border: 1px solid #CECECE;*/
+}
+
+.filterAndScopeContainer
+{
+	width: 100%;
+	height: 100%;
+}
+.filterTxt
+{
+	width: 100%;
+	height: 20px;
+}
+
+.filterTxtContainer
+{
+	padding-left: 10px;
+}
+
+
+

webitm-dashboard/web/sfadashboard/src/ibase.client.resources.css/blueTheme.css

+.stackHeaderStyle {
+	background: rgb(170, 170, 170);
+	box-shadow: 0 1px 2px rgb(170, 170, 170), inset 0 1px 2px rgb(243, 243, 243);
+	-o-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
+	-webkit-box-shadow: 0 1px 2px rgb(170, 170, 170), inset 0 1px 2px rgb(243, 243, 243);
+	-moz-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
+	border-bottom: 1px solid rgb(243, 243, 243);
+}
+
+.stackHeaderStyle-active {
+	background: #4bc1d2 !important;
+	box-shadow: 0 1px 2px #4bc1d2, inset 0 3px 7px #b6f9ff;
+	-o-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
+	-webkit-box-shadow: 0 1px 2px #4bc1d2, inset 0 3px 7px #b6f9ff;
+	-moz-box-shadow: 0 1px 2px #4bc1d2, inset 0 3px 7px #b6f9ff;
+}
+/* Added by Reema on 21/04/14 for Theme implementation  */
+.stackLayoutStyle{		
+	background-image: -webkit-linear-gradient(top, literal("rgb(176, 219, 227) 30%"), literal("rgb(203, 226, 218) 60%"), literal("rgb(232, 196, 177) 100%"))!important;
+	background-image: -o-linear-gradient(top, literal("rgb(176, 219, 227) 30%"), literal("rgb(203, 226, 218) 60%"), literal("rgb(232, 196, 177) 100%")) !important;
+	background-image: -moz-linear-gradient(top, literal("rgb(176, 219, 227) 30%"), literal("rgb(203, 226, 218) 60%"), literal("rgb(232, 196, 177) 100%")) !important;
+	background-image: -ms-linear-gradient(top, literal("rgb(176, 219, 227) 30%"), literal("rgb(203, 226, 218) 60%"), literal("rgb(232, 196, 177) 100%"))!important;
+	background-image: linear-gradient(top, literal("rgb(176, 219, 227) 30%"), literal("rgb(203, 226, 218) 60%"), literal("rgb(232, 196, 177) 100%")) !important;
+	background-color: #b0dbe3 !important;
+	border-left: 1px solid rgb(203, 226, 218);
+	border-right: 1px solid rgb(203, 226, 218);
+	border-bottom: 1px solid;
+}
+/* Added by Reema on 21/04/14 for Theme implementation-End  */
+
+/* Added by Reema on 25/04/14 :The color of icons should be blue (search, search option and add new). On mouseover it should become white*/
+@sprite .addButton{
+ 		gwt-image:'addButton' !important;
+ 		outline: none !important;
+}	
+
+@sprite .addButton:hover{
+ 		gwt-image:'addButtonBlue' !important;
+ 		outline: none !important;
+}
+
+@sprite .searchButton{
+	gwt-image:'searchButton' !important;
+	outline: none !important;
+}
+
+@sprite .searchButton:hover{
+	gwt-image:'searchButtonBlue' !important;
+	outline: none !important;
+}
+
+@sprite .searchOptionButton {
+	gwt-image:'searchOptionButton' !important;
+	background-position: 0 0;
+	height: 32px;
+	width: 32px;
+ 	background-size: 100% 100%;	 
+ 	outline: none !important;
+}
+
+@sprite .searchOptionButton:hover {
+	gwt-image:'searchOptionButtonBlue' !important;
+	background-position: 0 0;
+	height: 32px;
+	width: 32px;
+	background-size: 100% 100%;	
+	outline: none !important;
+}
+
+/* Added by Reema on 18/04/14 */
+@sprite .helpOptButton{
+	gwt-image:'helpOption' !important;
+	outline: none !important;
+	height: 26px;
+	width: 26px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .helpOptButton:hover{
+	gwt-image:'helpOptionBlue' !important;
+	outline: none !important;
+	height: 26px;
+	width: 26px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .docHelpButton{
+	gwt-image:'docHelp' !important;
+	outline: none !important;
+	height: 25px;
+	width: 25px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .docHelpButton:hover{
+	gwt-image:'docHelpBlue' !important;
+	outline: none !important;
+	height: 25px;
+	width: 25px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+.e12AdvSearchPnl{
+	background-color: #4bc1d2 !important;
+}
+/* Added by Reema on 18/04/14-End */
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
+ cursor: default;
+ background: #4bc1d2 !important;
+ COLOR: WHITE;
+ -webkit-box-shadow: 0 1px 2px #2087fc, inset 0 1px 4px #c7e1ff;
+}
+

webitm-dashboard/web/sfadashboard/src/ibase.client.resources.css/collab.css

+	.collabPostDiscriptionPanel
+ 	{
+		font-family: arial;
+	    font-size: small;
+	    font-style: normal;
+	    overflow: scroll;
+	    padding: 2px;
+	    white-space: normal;
+	    width: 100px;
+	 }
+	 
+	.collabHeaderPanel
+ 	{
+ 		width: 100%;
+ 		 background:#18BBD1;
+ 	}
+ 	
+ 	.collabGroupDiscription
+ 	{
+ 		color:  white;
+ 	}
+ 	
+ 	.collabGroupName
+ 	{
+ 		font-size: large;
+ 		/* font-size: medium; */
+		font-style: normal;
+		font-weight:bold;
+		color: white;
+ 	}
+ 	
+ 	.collabPostDiscription
+ 	{
+		font-family: Helvetica sans-serif;
+	    font-size: small;
+	    font-style: normal;
+	    font-weight: normal;
+	    word-wrap: break-word;
+	    white-space: normal;
+ 	}
+ 	
+ 	 .collabFeedInfoTable
+ 	{
+ 		border-bottom: 1px solid #D9D9D9;
+    	height: auto;
+   		padding-left: 2px;
+    	table-layout: fixed;
+    	width: 100%;
+    }
+ 	
+ 	@sprite .mswordImage 
+ 	{
+ 		gwt-image:'mswordImage';
+ 	}
+ 	@sprite .excelImage
+ 	{
+ 		gwt-image:'excelImage';
+ 	}
+ 	@sprite .pdfImage
+ 	{
+ 		gwt-image:'pdfImage';
+ 	}
+ 	
+ 	.collabPostDate
+ 	{
+ 	font-family: Helvetica sans-serif;
+    font-size: x-small;
+    font-style: italic;
+    font-weight: normal;
+    word-wrap: break-word;
+ 	}
+ 	
+ 	.collabPostName
+ 	{
+	 	font-family: Helvetica sans-serif;
+	    font-size: small;
+	    font-style: normal;
+	    font-weight: normal;
+	    word-wrap: break-word;
+ 	}
+ 	
+ 	.collabAttachmentFileName
+ 	{
+ 		font-family: Helvetica sans-serif;
+    	font-size: small;
+    	font-style: italic;
+   		font-weight: normal;
+    	padding-left: 2px;
+    	padding-right: 5px;
+ 	}
+ 	
+ 	.collabAttachmentFileName:hover
+ 	{
+	   cursor:pointer;
+	}
+ 	
+ 	.collabDiscriptionPanel
+ 	{
+ 		overflow: auto;
+ 		padding-left: 5px;
+ 	}
+ 	.collabAttchmentInfoPanel
+ 	{
+ 		padding: 3px;
+ 		width:100%;
+ 	}
+ 	.collabIndicatingLable
+ 	{
+ 		font-family: Helvetica sans-serif;
+    	font-size: x-small;
+    	font-style: italic;
+ 	}
+ 	.collabPostDicriptionVPanel
+ 	{
+ 		width: 120px; //Added by lokesh rodge on 8-May-2013
+/* 		width: 15%; */
+	    word-wrap: break-word;
+ 	}
+ 	@sprite .defaultImage
+ 	{
+ 		gwt-image:'defaultImage';
+ 	}
+ /* 	
+ 	 @sprite .postButton 
+ 	 {
+ 		cursor: pointer;
+  		font-size: 9pt;
+  		font-weight: normal;
+  		vertical-align: middle;
+  		text-align:center;
+  		padding-left:2px;
+  	
+  		height: 29px;
+  		line-height: 29px;
+ 		gwt-image:'postButton';
+		size:auto;
+	}
+ */
+
+	.imagePopupPanel
+	{
+	  border-radius:10px;
+	}
+	.imagePanelGlassStyle
+	{
+	  background-color: gray;
+	  opacity: 0.5;
+	  filter: alpha(opacity=50);
+	}
+	/* Ended By Mahesh Patidar */
+	
+	.collabPostFeeds
+ 	{
+   		padding-left: 2px;
+    	table-layout: fixed;
+    	width: 100%;
+    }
+    
+    
+    
+/* // Added by Reema on 19/03/2014 [for slider checkbox] */
+
+.onoffswitch 
+{
+	margin-left: 15px;
+	display: inline-block;
+	vertical-align: top;
+	position: relative;
+	width: 58px;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.onoffswitch>label 
+{
+	border-radius: 2px;
+	display: block;
+	position: relative;
+	height: 20px;
+	line-height: 20px;
+	font-size: 10px;
+	font-weight: bold;
+	color: #bbb;
+	text-align: center;
+	text-transform: uppercase;
+	background: white;
+	border: 2px solid #d9d9d9;
+	-webkit-transition: 0.15s ease-out;
+	-moz-transition: 0.15s ease-out;
+	-o-transition: 0.15s ease-out;
+	transition: 0.15s ease-out;
+	cursor: pointer;
+}
+
+.onoffswitch>label:before 
+{
+	content: attr(data-off);
+	position: absolute;
+	top: 0;
+	right: 3px;
+	width: 33px;
+}
+
+.onoffswitch>label:after 
+{
+	content: '';
+	display: block;
+	margin: 2px;
+	width: 17px;
+	height: 17px;
+	background: #ccc;
+/* 	border-radius: 13px; */
+}
+
+.onoffswitch>input 
+{
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: inherit;
+	height: inherit;
+	opacity: 0;
+	-webkit-appearance: none;
+}
+
+.switch>input:focus 
+{
+	outline: none;
+}
+
+.onoffswitch>input:focus+label 
+{
+	color: #10a4ee;
+	border-color: #3fb6f2;
+}
+
+.onoffswitch>input:focus+label:after 
+{
+	background: #3fb6f2;
+}
+
+.onoffswitch>input:checked+label 
+{
+	padding-left: 34px;
+	color: white;
+	background: #3fb6f2;
+	border-color: #3fb6f2;
+}
+
+.onoffswitch>input:checked+label:before 
+{
+	content: attr(data-on);
+	left: 1px;
+}
+
+.onoffswitch>input:checked+label:after 
+{
+	margin: 1px;
+	width: 18px;
+	height: 18px;
+	background: white;
+}
+
+.onoffswitch>input:checked:focus+label 
+{
+	background: #10a4ee;
+	border-color: #10a4ee;
+}
+
+.onoffswitch-green>input:checked+label 
+{
+	background: #4ebd4a;
+	border-color: #4ebd4a;
+}
+
+.onoffswitch-green>input:checked:focus+label 
+{
+	background: #3c9b39;
+	border-color: #3c9b39;
+}
+
+/* For Colorful Radio Buttons */
+.hidden-radio{
+  display: none;  
+}
+
+.radio-color-style{
+   height: 25px;
+   width: 25px;
+   display: inline-block;
+   border-radius: 50%;
+   margin-left: 10px;
+   margin-top: 10px;
+   cursor: pointer;
+}
+
+.radio-color-style:after{
+    content: '';
+ }
+
+input[name="radio-color-group"]:checked + .radio-color-style:after{
+   margin-top: -6px; 
+   margin-left: -6px; 
+   height: 35px;
+   width: 35px;
+   display: inline-block;
+   border-radius: 50%;
+   border: thin solid;
+}
+
+.radio-theme-orange{
+     border: 1px solid #ef9c00;
+     background: #ef9c00;
+     color: #ef9c00;
+}
+
+.radio-theme-green{
+     border: 1px solid green;
+     background: green;
+     color: green;
+}
+
+.radio-theme-gray{
+     border: 1px solid gray;
+     background: gray;
+     color: gray;
+}
+
+.radio-theme-blue{
+     border: 1px solid #4bc1d2;
+     background: #4bc1d2;
+     color: #4bc1d2;
+}
+
+.radio-theme-magenta{
+     border: 1px solid magenta;
+     background: magenta;
+     color: magenta;
+}
+
+/* commented by Reema on 25/04/14 */
+/*
+	@sprite .addButton
+ 	{
+ 		width:20px;
+ 		height:20px;
+ 		gwt-image:'addButton';
+ 	}
+	.addNewLabel
+	{
+	  font-family:arial;
+	  font-size:14px;
+	  color:white;
+	  cursor:pointer;
+	}
+	
+*/
\ No newline at end of file

webitm-dashboard/web/sfadashboard/src/ibase.client.resources.css/grayTheme.css

+.stackHeaderStyle {
+	background: rgb(170, 170, 170);
+	box-shadow: 0 1px 2px rgb(170, 170, 170), inset 0 1px 2px rgb(243, 243, 243);
+	-o-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
+	-webkit-box-shadow: 0 1px 2px rgb(170, 170, 170), inset 0 1px 2px rgb(243, 243, 243);
+	-moz-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
+	border-bottom: 1px solid rgb(243, 243, 243);
+}
+
+.stackHeaderStyle-active {
+	/*
+	background: gray !important;
+	box-shadow: 0 1px 2px #C0C0C0, inset 0 3px 7px #E9E9E9;
+	-o-box-shadow: 0 1px 2px #C0C0C0, inset 0 3px 7px #E9E9E9;
+	-webkit-box-shadow: 0 1px 2px #C0C0C0, inset 0 3px 7px #E9E9E9;
+	-moz-box-shadow: 0 1px 2px #C0C0C0, inset 0 3px 7px #E9E9E9;
+	*/
+	background: #2087FC !important;
+	box-shadow: 0 1px 2px #2087FC, inset 0 3px 7px #C7E1FF;
+	-o-box-shadow: 0 1px 2px #2087FC, inset 0 3px 7px #C7E1FF;
+    -webkit-box-shadow: 0 1px 2px #2087FC, inset 0 3px 7px #C7E1FF;
+	-moz-box-shadow: 0 1px 2px #2087FC, inset 0 3px 7px #C7E1FF;
+}
+/* Added by Reema on 21/04/14 for Theme implementation  */
+.stackLayoutStyle {		
+		/* IE10 Consumer Preview */ 
+	background-image: -ms-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%"));
+		/* Mozilla Firefox */ 
+	background-image: -moz-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%"));
+		/* Opera */ 
+	background-image: -o-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%"));
+		/* Webkit (Safari/Chrome 10) */ 
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.6, #C0C0C0), color-stop(0.85, #D3D3D3), color-stop(1.0, #E0E0E0));
+		/* Webkit (Chrome 11+) */ 
+	background-image: -webkit-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%"));
+		/* W3C Markup, IE10 Release Preview */ 
+	background-image: linear-gradient(literal("to bottom"), literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%"));
+	background-color: #C0C0C0 !important;
+	border-left: 1px solid #DADADA;
+	border-right: 1px solid #DADADA;
+	border-bottom: 1px solid;
+}
+/* Added by Reema on 21/04/14 for Theme implementation-End  */
+
+
+.parentAbsPnl{
+	/* background-color: silver !important; */
+	background-color: #C0C0C0 !important;
+	
+	/* background-image:linear-gradient(to bottom, silver 60%, lightgray 85%, rgb(224, 224, 224) 100%) !important; */
+	/* IE10 Consumer Preview */ 
+	background-image: -ms-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%")) !important;;
+	/* Mozilla Firefox */ 
+	background-image: -moz-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%")) !important;;
+	/* Opera */ 
+	background-image: -o-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%")) !important;;
+	/* Webkit (Safari/Chrome 10) */ 
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.60, #C0C0C0), color-stop(.85, #D3D3D3), color-stop(1, #E0E0E0)) !important;;
+	/* Webkit (Chrome 11+) */ 
+	background-image: -webkit-linear-gradient(top, literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%")) !important;;
+	/* W3C Markup, IE10 Release Preview */ 
+	background-image: linear-gradient(literal("to bottom"), literal("#C0C0C0 60%"), literal("#D3D3D3 85%"), literal("#E0E0E0 100%")) !important;;
+}
+
+.e12AdvSearchPnl{
+	background-color: white !important;
+	background-color: rgba(255, 255, 255, 0.5) !important;
+}
+
+.searchTitle{
+	color:#2087fc !important;
+	text-shadow: 0 1px rgba(255,255,255,0.2) !important;
+}
+
+.searchScopeTitle{
+	border-bottom: 1px solid #2087fc !important;
+}
+
+.addNewLabel{
+	color:#2087fc !important;
+	text-shadow: 0 1px rgba(255,255,255,0.2) !important;
+}
+
+
+/* Added by Reema on 25/04/14 :The color of icons should be blue (search, search option and add new). On mouseover it should become white*/
+@sprite .addButton{
+ 		gwt-image:'addButtonBlue' !important;
+ 		outline: none !important;
+}	
+
+@sprite .addButton:hover{
+ 		gwt-image:'addButton' !important;
+ 		outline: none !important;
+}
+
+@sprite .searchButton{
+	gwt-image:'searchButtonBlue' !important;
+	outline: none !important;
+}
+
+@sprite .searchButton:hover{
+	gwt-image:'searchButton' !important;
+	outline: none !important;
+}
+
+@sprite .searchOptionButton {
+	gwt-image:'searchOptionButtonBlue' !important;
+	background-position: 0 0;
+	height: 32px;
+	width: 32px;
+ 	background-size: 100% 100%;	 
+ 	outline: none !important;
+}
+
+@sprite .searchOptionButton:hover {
+	gwt-image:'searchOptionButton' !important;
+	background-position: 0 0;
+	height: 32px;
+	width: 32px;
+	background-size: 100% 100%;	
+	outline: none !important;
+}
+/* Added by Reema on 18/04/14 */
+@sprite .helpOptButton{
+	gwt-image:'helpOptionBlue' !important;
+	outline: none !important;
+	height: 26px;
+	width: 26px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .helpOptButton:hover{
+	gwt-image:'helpOption' !important;
+	outline: none !important;
+	height: 26px;
+	width: 26px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .docHelpButton{
+	gwt-image:'docHelpBlue' !important;
+	outline: none !important;
+	height: 25px;
+	width: 25px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .docHelpButton:hover{
+	gwt-image:'docHelp' !important;
+	outline: none !important;
+	height: 25px;
+	width: 25px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+/* Added by Reema on 18/04/14-End */
+
+/* Added by Reema on 25/04/14 :The color of icons should be blue (search, search option and add new). On mouseover it should become white -End */
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
+ cursor: default;
+ background: #2087fc !important;
+ COLOR: WHITE;
+ -webkit-box-shadow: 0 1px 2px #2087fc, inset 0 1px 4px #c7e1ff;
+}
+

webitm-dashboard/web/sfadashboard/src/ibase.client.resources.css/greenTheme.css

+.stackHeaderStyle {
+	background: rgb(170, 170, 170);
+	box-shadow: 0 1px 2px rgb(170, 170, 170), inset 0 1px 2px rgb(243, 243, 243);
+	-o-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
+	-webkit-box-shadow: 0 1px 2px rgb(170, 170, 170), inset 0 1px 2px rgb(243, 243, 243);
+	-moz-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
+	border-bottom: 1px solid rgb(243, 243, 243);
+}
+
+.stackHeaderStyle-active {
+	background: green !important;
+	box-shadow: 0 1px 2px rgb(36, 110, 36), inset 0 3px 7px rgb(186, 255, 186);
+	-o-box-shadow: 0 1px 2px rgb(36, 110, 36), inset 0 3px 7px rgb(186, 255, 186);
+	-webkit-box-shadow: 0 1px 2px rgb(36, 110, 36), inset 0 3px 7px rgb(186, 255, 186);
+	-moz-box-shadow: 0 1px 2px rgb(36, 110, 36), inset 0 3px 7px rgb(186, 255, 186);
+}
+
+/* Added by Reema on 21/04/14 for Theme implementation  */
+.stackLayoutStyle{		
+	/* IE10 Consumer Preview */ 
+	background: #caffca !important;
+	background-image: -ms-linear-gradient(top, literal("#caffca 60%"), literal("#e5fae5  84%"), literal("#edf5ed 100%"));
+	/* Mozilla Firefox */ 
+	background-image: -moz-linear-gradient(top, literal("#caffca 60%"), literal("#e5fae5  84%"), literal("#edf5ed 100%"));
+	/* Opera */ 
+	background-image: -o-linear-gradient(top, literal("#caffca 60%"), literal("#e5fae5  84%"), literal("#edf5ed 100%"));
+	/* Webkit (Safari/Chrome 10) */ 
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.6, #caffca), color-stop(.84, #e5fae5 ), color-stop(1.0, #edf5ed));
+	/* Webkit (Chrome 11+) */ 
+	background-image: -webkit-linear-gradient(top, literal("#caffca 60%"), literal("#e5fae5  84%"), literal("#edf5ed 100%"));
+	/* W3C Markup, IE10 Release Preview */ 
+	background-image: linear-gradient(literal("to bottom"), literal("#caffca 60%"), literal("#e5fae5  84%"), literal("#edf5ed 100%"));
+	
+	border-left: 1px solid #DADADA;
+	border-right: 1px solid #DADADA;
+	border-bottom: 1px solid;
+ }
+ /* Added by Reema on 21/04/14 for Theme implementation-End  */
+ 
+ 
+ .gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
+ cursor: default;
+ background: green !important;
+ COLOR: WHITE;
+ -webkit-box-shadow: 0 1px 2px #2087fc, inset 0 1px 4px #c7e1ff;
+}
+
+/* Added by Reema on 16/05/14 for Theme implementation  */
+.parentAbsPnl{
+	/* background-color: silver !important; */
+	background-color: #caffca !important;
+	
+	/* IE10 Consumer Preview */ 
+	background-image: -ms-linear-gradient(top, literal("#caffca 60%"), literal("#e5fae5 84%"), literal("#edf5ed 100%")) !important;
+	/* Mozilla Firefox */ 
+	background-image: -moz-linear-gradient(top, literal("#caffca 60%"), literal("#e5fae5 84%"), literal("#edf5ed 100%")) !important;
+	/* Opera */ 
+	background-image: -o-linear-gradient(top, literal("#caffca 60%"), literal("#e5fae5 84%"), literal("#edf5ed 100%")) !important;
+	/* Webkit (Safari/Chrome 10) */ 
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.6, #caffca), color-stop(.84, #e5fae5), color-stop(1.0, #edf5ed)) !important;
+	/* Webkit (Chrome 11+) */ 
+	background-image: -webkit-linear-gradient(top, literal("#caffca 60%"), literal("#e5fae5 84%"), literal("#edf5ed 100%")) !important;
+	/* W3C Markup, IE10 Release Preview */ 
+	background-image: linear-gradient(literal("to bottom"), literal("#caffca 60%"), literal("#e5fae5 84%"), literal("#edf5ed 100%")) !important;
+}
+
+.e12AdvSearchPnl{
+	background-color: green !important;
+}
+
+@sprite .addButton{
+ 		gwt-image:'addButton' !important;
+ 		outline: none !important;
+}	
+
+@sprite .addButton:hover{
+ 		gwt-image:'addButtonBlue' !important;
+ 		outline: none !important;
+}
+
+@sprite .searchButton{
+	gwt-image:'searchButton' !important;
+	outline: none !important;
+}
+
+@sprite .searchButton:hover{
+	gwt-image:'searchButtonBlue' !important;
+	outline: none !important;
+}
+
+@sprite .searchOptionButton {
+	gwt-image:'searchOptionButton' !important;
+	background-position: 0 0;
+	height: 32px;
+	width: 32px;
+ 	background-size: 100% 100%;	 
+ 	outline: none !important;
+}
+
+@sprite .searchOptionButton:hover {
+	gwt-image:'searchOptionButtonBlue' !important;
+	background-position: 0 0;
+	height: 32px;
+	width: 32px;
+	background-size: 100% 100%;	
+	outline: none !important;
+}
+
+@sprite .helpOptButton{
+	gwt-image:'helpOption' !important;
+	outline: none !important;
+	height: 26px;
+	width: 26px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .helpOptButton:hover{
+	gwt-image:'helpOptionBlue' !important;
+	outline: none !important;
+	height: 26px;
+	width: 26px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .docHelpButton{
+	gwt-image:'docHelp' !important;
+	outline: none !important;
+	height: 25px;
+	width: 25px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .docHelpButton:hover{
+	gwt-image:'docHelpBlue' !important;
+	outline: none !important;
+	height: 25px;
+	width: 25px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+/* Added by Reema on 16/05/14 for Theme implementation-End  */

webitm-dashboard/web/sfadashboard/src/ibase.client.resources.css/orangeTheme.css

+.stackHeaderStyle {
+	background: rgb(170, 170, 170);
+	box-shadow: 0 1px 2px rgb(170, 170, 170), inset 0 1px 2px rgb(243, 243, 243);
+	-o-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
+	-webkit-box-shadow: 0 1px 2px rgb(170, 170, 170), inset 0 1px 2px rgb(243, 243, 243);
+	-moz-box-shadow: 0 1px 2px #0061aa, inset 0 3px 7px #b6f9ff;
+	border-bottom: 1px solid rgb(243, 243, 243);
+}
+
+.stackHeaderStyle-active {
+	background: #ef9c00 !important;
+	box-shadow: 0 1px 2px #ef9c00, inset 0 3px 7px #FCE7BF;
+	-o-box-shadow: 0 1px 2px #ef9c00, inset 0 3px 7px #FCE7BF;
+	-webkit-box-shadow: 0 1px 2px #ef9c00, inset 0 3px 7px #FCE7BF;
+	-moz-box-shadow: 0 1px 2px #ef9c00, inset 0 3px 7px #FCE7BF;
+}
+/* Added by Reema on 21/04/14 for Theme implementation  */
+.stackLayoutStyle{		
+	/* IE10 Consumer Preview */ 
+	background: #fde8bf !important;
+	background-image: -ms-linear-gradient(top, literal("#FDE8BF 60%"), literal("#FDEFD5 84%"), literal("#F1EFE0 100%"));
+	/* Mozilla Firefox */ 
+	background-image: -moz-linear-gradient(top, literal("#FDE8BF 60%"), literal("#FDEFD5 84%"), literal("#F1EFE0 100%"));
+	/* Opera */ 
+	background-image: -o-linear-gradient(top, literal("#FDE8BF 60%"), literal("#FDEFD5 84%"), literal("#F1EFE0 100%"));
+	/* Webkit (Safari/Chrome 10) */ 
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.6, #FDE8BF), color-stop(.84, #FDEFD5), color-stop(1.0, #F1EFE0));
+	/* Webkit (Chrome 11+) */ 
+	background-image: -webkit-linear-gradient(top, literal("#FDE8BF 60%"), literal("#FDEFD5 84%"), literal("#F1EFE0 100%"));
+	/* W3C Markup, IE10 Release Preview */ 
+	background-image: linear-gradient(literal("to bottom"), literal("#FDE8BF 60%"), literal("#FDEFD5 84%"), literal("#F1EFE0 100%"));
+	
+	border-left: 1px solid #f1efe0;
+	border-right: 1px solid #f1efe0;
+	border-bottom: 1px solid;
+	 }
+/* Added by Reema on 21/04/14 for Theme implementation-End  */
+
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
+	 cursor: default;
+	 background: #ef9c00 !important;
+	 COLOR: WHITE;
+	 -webkit-box-shadow: 0 1px 2px #2087fc, inset 0 1px 4px #c7e1ff;
+}
+
+/* Added by Reema on 16/05/14 for Theme implementation  */
+.parentAbsPnl{
+	/* background-color: silver !important; */
+	background-color: #FDE8BF !important;
+	
+	/* IE10 Consumer Preview */ 
+	background-image: -ms-linear-gradient(top, literal("#FDE8BF 60%"), literal("#FDEFD5 84%"), literal("#F1EFE0 100%"));
+	/* Mozilla Firefox */ 
+	background-image: -moz-linear-gradient(top, literal("#FDE8BF 60%"), literal("#FDEFD5 84%"), literal("#F1EFE0 100%"));
+	/* Opera */ 
+	background-image: -o-linear-gradient(top, literal("#FDE8BF 60%"), literal("#FDEFD5 84%"), literal("#F1EFE0 100%"));
+	/* Webkit (Safari/Chrome 10) */ 
+	background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.6, #FDE8BF), color-stop(.84, #FDEFD5), color-stop(1.0, #F1EFE0));
+	/* Webkit (Chrome 11+) */ 
+	background-image: -webkit-linear-gradient(top, literal("#FDE8BF 60%"), literal("#FDEFD5 84%"), literal("#F1EFE0 100%"));
+	/* W3C Markup, IE10 Release Preview */ 
+	background-image: linear-gradient(literal("to bottom"), literal("#FDE8BF 60%"), literal("#FDEFD5 84%"), literal("#F1EFE0 100%"));
+}
+
+.e12AdvSearchPnl{
+	background-color: #ef9c00 !important;
+}
+
+@sprite .addButton{
+ 		gwt-image:'addButton' !important;
+ 		outline: none !important;
+}	
+
+@sprite .addButton:hover{
+ 		gwt-image:'addButtonBlue' !important;
+ 		outline: none !important;
+}
+
+@sprite .searchButton{
+	gwt-image:'searchButton' !important;
+	outline: none !important;
+}
+
+@sprite .searchButton:hover{
+	gwt-image:'searchButtonBlue' !important;
+	outline: none !important;
+}
+
+@sprite .searchOptionButton {
+	gwt-image:'searchOptionButton' !important;
+	background-position: 0 0;
+	height: 32px;
+	width: 32px;
+ 	background-size: 100% 100%;	 
+ 	outline: none !important;
+}
+
+@sprite .searchOptionButton:hover {
+	gwt-image:'searchOptionButtonBlue' !important;
+	background-position: 0 0;
+	height: 32px;
+	width: 32px;
+	background-size: 100% 100%;	
+	outline: none !important;
+}
+
+@sprite .helpOptButton{
+	gwt-image:'helpOption' !important;
+	outline: none !important;
+	height: 26px;
+	width: 26px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .helpOptButton:hover{
+	gwt-image:'helpOptionBlue' !important;
+	outline: none !important;
+	height: 26px;
+	width: 26px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .docHelpButton{
+	gwt-image:'docHelp' !important;
+	outline: none !important;
+	height: 25px;
+	width: 25px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+
+@sprite .docHelpButton:hover{
+	gwt-image:'docHelpBlue' !important;
+	outline: none !important;
+	height: 25px;
+	width: 25px;
+	background-position: 0 0;
+	background-size: 100% 100%;	
+}
+/* Added by Reema on 16/05/14 for Theme implementation-End  */

webitm-dashboard/web/sfadashboard/src/ibase.client.resources/Resources.java

+package ibase.client.resources;
+
+
+
+
+import com.google.gwt.core.client.GWT;
+import com.google.gwt.resources.client.ClientBundle;
+import com.google.gwt.resources.client.CssResource;
+import com.google.gwt.resources.client.ImageResource;
+import com.google.gwt.resources.client.ClientBundle.Source;
+import com.google.gwt.resources.client.CssResource.NotStrict;
+import com.google.gwt.user.cellview.client.DataGrid;
+
+
+
+public interface Resources extends ClientBundle  
+{
+	public static final Resources INSTANCE = (Resources) GWT.create(Resources.class);
+	
+	
+	@NotStrict
+	@Source("css/E12DashboardPage.css") 
+	public CssResource e12DashboardPage();
+	
+	@NotStrict
+	@Source("css/default.css")
+	CssResource defaultCSS();
+	
+	@NotStrict
+	@Source("css/blueTheme.css")
+	CssResource blueThemeCSS();
+	
+	@Source("images/pophelp.jpg")
+	public ImageResource pophelp();
+	
+	//Added by Reema on 25/04/14 for Theme wise changes
+	@Source("images/add.png")
+	public ImageResource addButton();
+	
+	@Source("images/add-blue.png")
+	public ImageResource addButtonBlue();
+			
+	@Source("images/searchButton-blue.png")
+	public ImageResource searchButtonBlue();
+	
+	@Source("images/searchButton.png")
+	public ImageResource searchButton();
+	
+	@Source("images/searchOptionButton-blue.png")
+	public ImageResource searchOptionButtonBlue();
+	
+	@Source("images/searchOptionButton.png")
+	public ImageResource searchOptionButton();
+	
+	//Added by Reema on 12/05/14 [buttons for help information]
+	@Source("images/helpOption.png")
+	public ImageResource helpOption();
+	
+	@Source("images/helpOption-blue.png")
+	public ImageResource helpOptionBlue();
+	
+	@Source("images/documentHelp.png")
+	public ImageResource docHelp();
+	
+	@Source("images/documentHelp-blue.png")
+	public ImageResource docHelpBlue();
+
+interface DataGridResources extends DataGrid.Resources {
+	
+	@Source(value = { DataGrid.Style.DEFAULT_CSS, "css/DataGrid/blueTheme.css" })
+	public DataGrid.Style blueThemeCSS();
+	
+
+	@Source(value = { DataGrid.Style.DEFAULT_CSS, "css/DataGrid/grayTheme.css" })
+	public DataGrid.Style grayThemeCSS();
+
+	@Source(value = { DataGrid.Style.DEFAULT_CSS, "css/DataGrid/orangeTheme.css" })
+	public DataGrid.Style orangeThemeCSS();
+
+	@Source(value = { DataGrid.Style.DEFAULT_CSS, "css/DataGrid/greenTheme.css" })
+	public DataGrid.Style greenThemeCSS();
+}
+
+public static final DataGridResources DATAGRID_RES = (DataGridResources) GWT.create(DataGridResources.class);
+
+
+
+}
+

webitm-dashboard/web/sfadashboard/src/ibase.client.tabletoexcel/TableToExcelClient.java

+package ibase.client.tabletoexcel;
+
+import com.google.gwt.core.client.GWT;
+import com.google.gwt.dom.client.TableElement;
+import com.google.gwt.event.dom.client.ClickEvent;
+import com.google.gwt.event.dom.client.ClickHandler;
+import com.google.gwt.event.dom.client.HasClickHandlers;
+import com.google.gwt.user.cellview.client.CellTable;
+import com.google.gwt.user.client.Window;
+import com.google.gwt.user.client.ui.FlowPanel;
+import com.google.gwt.user.client.ui.FormPanel;
+import com.google.gwt.user.client.ui.HTMLTable;
+import com.google.gwt.user.client.ui.Hidden;
+import com.google.gwt.user.client.ui.Label;
+import com.google.gwt.user.client.ui.Widget;
+
+/**
+ * Build a Form Panel in order to allow to download the table content in an excel format.<br>
+ * Dont forget to add an iframe in your original html file :<br>
+ * < iframe src="javascript:''" id="gwt-table-to-excel-target" class="invisible">< /iframe><br>
+ * and to declare the sevlet in your web.xml :<br>
+ * 
+ * @see com.googlecode.gwtTableToExcel.server.TableToExcelServlet
+ * @author Francois Wauquier 'wokier'
+ */
+public class TableToExcelClient {
+
+	private final FormPanel formPanel = new FormPanel("gwt-table-to-excel-target");
+
+	/**
+	 * Simple Constructor
+	 * 
+	 * @param table
+	 * @deprecated use {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	public TableToExcelClient(final HTMLTable table) {
+		this(table, new Label("Export"), "export");
+	}
+
+	/**
+	 * Simple Constructor
+	 * 
+	 * @param table
+	 * @deprecated use {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	@SuppressWarnings("rawtypes")
+	public TableToExcelClient(final CellTable table) {
+		this(table.getElement(), new Label("Export"), "export");
+	}
+
+	/**
+	 * Simple Constructor
+	 * 
+	 * @param tableDomElement
+	 * @deprecated use {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	public TableToExcelClient(TableElement tableDomElement) {
+		this(tableDomElement, new Label("Export"), "export");
+	}
+
+	/**
+	 * Constructor with defined label text
+	 * 
+	 * @param table
+	 * @param labelText
+	 * @deprecated use {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	public TableToExcelClient(final HTMLTable table, String labelText) {
+		this(table.getElement(), new Label(labelText), "export");
+	}
+
+	/**
+	 * Constructor with defined label text
+	 * 
+	 * @param table
+	 * @param labelText
+	 * @deprecated use {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	@SuppressWarnings("rawtypes")
+	public TableToExcelClient(final CellTable table, String labelText) {
+		this(table.getElement(), new Label(labelText), "export");
+	}
+
+	/**
+	 * Constructor with defined label text
+	 * 
+	 * @param tableElement
+	 * @param labelText
+	 * @deprecated use TableToExcelClientBuilder
+	 */
+	@Deprecated
+	public TableToExcelClient(final TableElement tableElement, String labelText) {
+		this(tableElement, new Label(labelText), "export");
+	}
+
+	/**
+	 * Constructor with defined label text and fileName
+	 * 
+	 * @param table
+	 * @param labelText
+	 * @param fileName
+	 * @deprecated use {@link TableToExcelClient#TableToExcelClient(HTMLTable, Widget, String)} with Label as widget or {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	protected TableToExcelClient(final HTMLTable table, String labelText, String fileName) {
+		this(table.getElement(), new Label(labelText), fileName);
+	}
+
+	/**
+	 * Constructor with defined label text and fileName
+	 * 
+	 * @param table
+	 * @param labelText
+	 * @param fileName
+	 * @deprecated use {@link TableToExcelClient#TableToExcelClient(CellTable, Widget, String)} with Label as widget or {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	@SuppressWarnings("rawtypes")
+	protected TableToExcelClient(final CellTable table, String labelText, String fileName) {
+		this(table.getElement(), new Label(labelText), fileName);
+	}
+
+	/**
+	 * Constructor with other widget (ex button)
+	 * 
+	 * @param table
+	 * @param exportWidget
+	 * @deprecated use {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	public TableToExcelClient(final HTMLTable table, HasClickHandlers exportWidget) {
+		this(table.getElement(), (Widget) exportWidget, "export");
+	}
+
+	/**
+	 * Constructor with other widget (ex button)
+	 * 
+	 * @param table
+	 * @param exportWidget
+	 * @deprecated use {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	@SuppressWarnings("rawtypes")
+	public TableToExcelClient(final CellTable table, HasClickHandlers exportWidget) {
+		this(table.getElement(), (Widget) exportWidget, "export");
+	}
+
+	/**
+	 * Constructor with other widget (ex button)
+	 * 
+	 * @param tableElement
+	 * @param exportWidget
+	 * @deprecated use {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	public TableToExcelClient(final TableElement tableElement, HasClickHandlers exportWidget) {
+		this(tableElement, (Widget) exportWidget, "export");
+	}
+
+	/**
+	 * Constructor with full options
+	 * 
+	 * @param table
+	 * @param labelText
+	 * @param fileName
+	 * @deprecated use {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	public TableToExcelClient(HTMLTable table, Widget exportWidget, String fileName) {
+		this(table.getElement(), exportWidget, fileName);
+	}
+
+	/**
+	 * Constructor with full options
+	 * 
+	 * @param table
+	 * @param labelText
+	 * @param fileName
+	 * @deprecated use {@link TableToExcelClientBuilder}
+	 */
+	@Deprecated
+	@SuppressWarnings("rawtypes")
+	public TableToExcelClient(CellTable table, Widget exportWidget, String fileName) {
+		this(table.getElement(), exportWidget, fileName);
+	}
+
+	protected TableToExcelClient(final com.google.gwt.dom.client.Element tableElement, Widget exportWidget, String fileName) 
+	{
+		formPanel.setAction(GWT.getModuleBaseURL()+ "excel");
+		formPanel.setMethod(FormPanel.METHOD_POST);
+		formPanel.addStyleName("gwt-table-to-excel-form");
+		FlowPanel flowPanel = new FlowPanel();
+		flowPanel.addStyleName("gwt-table-to-excel-panel");
+		formPanel.setWidget(flowPanel);
+		final Hidden contentHidden = new Hidden("html");
+		flowPanel.add(contentHidden);
+		final Hidden fileNameHidden = new Hidden("fileName", fileName);
+		flowPanel.add(fileNameHidden);
+		flowPanel.add(exportWidget);
+		exportWidget.addStyleName("gwt-table-to-excel-exportWidget");
+		final Hidden exportBtn = new Hidden("export", exportWidget.getTitle());
+		flowPanel.add(exportBtn);
+		((HasClickHandlers) exportWidget).addClickHandler(new ClickHandler() {
+			public void onClick(ClickEvent event) 
+			{
+				contentHidden.setValue(tableElement.getString());
+				formPanel.submit();
+			}
+		});
+	}
+	/**
+	 * Give the created form
+	 * 
+	 * @return
+	 * @deprecated use {@link #getExportWidget()}
+	 */
+	@Deprecated
+	protected FormPanel build() {
+		return formPanel;
+	}
+
+	/**
+	 * Give the created form widget
+	 * 
+	 * @return
+	 * @deprecated use {@link #getExportFormWidget()}
+	 */
+	@Deprecated
+	public FormPanel getExportWidget() {
+		return formPanel;
+	}
+
+	/**
+	 * Give the created form widget
+	 * 
+	 * @return
+	 */
+	public FormPanel getExportFormWidget() {
+		return formPanel;
+	}
+
+}

webitm-dashboard/web/sfadashboard/src/ibase.client.tabletoexcel/TableToExcelClientBuilder.java

+package ibase.client.tabletoexcel;
+
+import com.google.gwt.dom.client.Element;
+import com.google.gwt.dom.client.TableElement;
+import com.google.gwt.event.dom.client.HasClickHandlers;
+import com.google.gwt.user.cellview.client.CellTable;
+import com.google.gwt.user.client.Window;
+import com.google.gwt.user.client.ui.FlexTable;
+import com.google.gwt.user.client.ui.FormPanel;
+import com.google.gwt.user.client.ui.HTMLTable;
+import com.google.gwt.user.client.ui.Label;
+import com.google.gwt.user.client.ui.Widget;
+
+/**
+ * Creates a {@link TableToExcelClient} with various fliuent options
+ * 
+ * @author Francois Wauquier 'wokier'
+ */
+public class TableToExcelClientBuilder {
+
+	private Element tableElement;
+	private Widget exportWidget = new Label("Export");
+	private String fileName = "export";
+
+	private TableToExcelClientBuilder(Element tableElement) {
+		super();
+		this.tableElement = tableElement;
+	}
+
+	/**
+	 * table
+	 * 
+	 * @param htmlTable
+	 * @return
+	 */
+	public static TableToExcelClientBuilder fromTable(HTMLTable htmlTable) {
+		return new TableToExcelClientBuilder(htmlTable.getElement());
+	}
+
+	/**
+	 * table
+	 * 
+	 * @param cellTable
+	 * @return
+	 */
+	@SuppressWarnings("rawtypes")
+	public static TableToExcelClientBuilder fromTable(CellTable cellTable) {
+		return new TableToExcelClientBuilder(cellTable.getElement());
+	}
+
+	/**
+	 * table
+	 * 
+	 * @param tableElement
+	 * @return
+	 */
+	public static TableToExcelClientBuilder fromTable(TableElement tableElement) {
+		return new TableToExcelClientBuilder(tableElement);
+	}
+
+	/**
+	 * table
+	 * 
+	 * @param flexTable
+	 * @return
+	 */
+	public static TableToExcelClientBuilder fromTable(FlexTable flexTable) {
+		return new TableToExcelClientBuilder(flexTable.getElement());
+	}
+
+	/**
+	 * exportWidget
+	 * 
+	 * @param labelText
+	 * @return
+	 */
+	public TableToExcelClientBuilder withLabel(String labelText) {
+		this.exportWidget = new Label(labelText);
+		return this;
+	}
+
+	/**
+	 * exportWidget
+	 * 
+	 * @param exportWidget
+	 * @return
+	 */
+	public TableToExcelClientBuilder withClickable(HasClickHandlers exportWidget) {
+		this.exportWidget = (Widget) exportWidget;
+		return this;
+	}
+
+	/**
+	 * exportWidget
+	 * 
+	 * @param exportWidget
+	 * @return
+	 */
+	public TableToExcelClientBuilder withWidget(Widget exportWidget) {
+		this.exportWidget = exportWidget;
+		return this;
+	}
+
+	/**
+	 * fileName
+	 * 
+	 * @param fileName
+	 * @return
+	 */
+	public TableToExcelClientBuilder toFileName(String fileName) {
+		this.fileName = fileName;
+		return this;
+	}
+
+	protected TableToExcelClient build() {
+		return new TableToExcelClient(tableElement, exportWidget, fileName);
+	}
+
+	/**
+	 * Builds the final result to place in your view<br>
+	 * see {@link TableToExcelClient#getExportWidget()}
+	 * 
+	 * @return
+	 */
+	public FormPanel buildExportFormWidget() {
+		return build().getExportFormWidget();
+	}
+
+}

webitm-dashboard/web/sfadashboard/src/ibase.client/BulletList.java

+package ibase.client;
+
+import com.google.gwt.user.client.DOM;
+import com.google.gwt.user.client.ui.ComplexPanel;
+import com.google.gwt.user.client.ui.Widget;
+
+public class BulletList extends ComplexPanel {
+	public BulletList() {
+		setElement(DOM.createElement("UL"));
+	}
+
+	public void add(Widget w) {
+		super.add(w, getElement());
+	}
+
+	public void insert(Widget w, int beforeIndex) {
+		super.insert(w, getElement(), beforeIndex, true);
+	}
+}
+

webitm-dashboard/web/sfadashboard/src/ibase.client/CellTableGridCreator.java

+package ibase.client;
+
+
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+
+import com.google.gwt.dom.client.Element;
+import com.google.gwt.event.logical.shared.AttachEvent;
+import com.google.gwt.json.client.JSONObject;
+import com.google.gwt.user.cellview.client.CellTable;
+import com.google.gwt.user.cellview.client.ColumnSortEvent;
+import com.google.gwt.user.cellview.client.ColumnSortEvent.ListHandler;
+import com.google.gwt.user.client.DOM;
+import com.google.gwt.user.client.Window;
+import com.google.gwt.user.client.ui.ScrollPanel;
+import com.google.gwt.view.client.ListDataProvider;
+import ibase.client.resources.Resources;
+
+/**
+ * This class is used to show the data in paged format.
+ * 
+ * @author base
+ */
+
+public class CellTableGridCreator 
+{
+
+	public CellTableGridCreator() {
+		
+		// TODO Auto-generated constructor stub
+	}
+	 ListDataProvider<CellTableGridInfo> dataProvider = new ListDataProvider<CellTableGridInfo>();
+	
+	
+	@SuppressWarnings("unchecked")
+	public ScrollPanel buildCustomGrid(final HashMap<String, HashMap> gridNGraphMeataDataMap,JSONObject jsonObjGridData)
+	{
+		ScrollPanel sp = new ScrollPanel();
+		gridNGraphMeataDataMap.toString().replace('=', ':');
+		HashMap<String, ArrayList<String>> graphDataMap = null;
+		ArrayList<String> graphDtlList = null;
+		LinkedHashMap<String, List<String>> gridIDMap = null;
+		final LinkedHashMap<String, List<String>> gridNameMap = null;
+		 LinkedHashMap<String, List<String>> gridNameMap1 = null;
+		JSONObject tempObj= new JSONObject();
+		ArrayList<String> paramDtlList = new ArrayList<String>();
+		final CellTable<CellTableGridInfo> table = new CellTable<CellTableGridInfo>();
+		List<CellTableGridInfo> CONTACTS = null;
+		try
+		{
+			graphDataMap=gridNGraphMeataDataMap.get("grid");
+			JSONObject jsonObjData =(JSONObject) jsonObjGridData.get("grid");
+			//set data into list : list of class objects
+			CellTableGridInfo cInfo = new CellTableGridInfo();
+            CONTACTS = (cInfo.getDataInfo(gridNGraphMeataDataMap,jsonObjGridData));
+			/******start of To create header with colspan********/    
+			  for (String dataSource : gridNGraphMeataDataMap.keySet())
+				{
+				  if (dataSource == "grid")
+					{
+						gridIDMap = (LinkedHashMap<String, List<String>>) gridNGraphMeataDataMap.get(dataSource);
+						tempObj=(JSONObject) jsonObjData.get(dataSource);
+						
+						/**start of  - To add header with colspan: first row of table**/
+						table.addAttachHandler( new AttachEvent.Handler() 
+					    {
+							@Override
+							public void onAttachOrDetach(AttachEvent event) 
+							{
+								LinkedHashMap<String, List<String>> gridNameMap = null;
+								try 
+								{		
+									gridNameMap = (LinkedHashMap<String, List<String>>) gridNGraphMeataDataMap.get("columnName");
+									Element elmnt = table.getElement();
+									Element elementTr = DOM.createTHead();
+									for (Map.Entry<String, List<String>> entry : gridNameMap.entrySet())
+									{
+										String key = entry.getKey();
+										List<String> values = entry.getValue();
+										Element elementTd=null;
+										if(values.size()==1)
+										{
+											elementTd = DOM.createTH();
+											elementTd.setAttribute( "colspan" , "1" );
+											elementTd.setInnerText( "" );
+										}
+										if(values.size()>1)
+										{
+											elementTd = DOM.createTH();
+											elementTd.setAttribute( "colspan" , ""+values.size() );
+											elementTd.setAttribute("id","");
+											elementTd.setInnerText( key );
+										}
+										elementTr.appendChild( elementTd );
+									 }	
+									elmnt.insertFirst( elementTr );
+								}
+								catch (Exception e) 
+								{
+									Window.alert( "Excpetion CellTableGridCreator:buildCustomGrid():for loop dataSource:["+e.getMessage()+"]" );
+								}
+							}
+					    });
+						/**End of  - To add header with colspan: first row of table**/
+						
+						/**start of  - To add header with colspan: second row of table**/						
+						paramDtlList= 	cInfo.getClassParameters(gridNGraphMeataDataMap);
+						Window.alert("paramDtlList:"+paramDtlList);
+						cInfo.setCellTableColumn(paramDtlList,table);						
+						/**end of  - To add header with colspan: second row of table**/
+						
+					}
+				}
+			  table.setStyleName("celDataCSS");		
+			 // table.setWidth(Window.getClientWidth()+ "px" );
+			  // Create a data provider.
+			   final ListHandler<CellTableGridInfo> sortHandler = new ListHandler<CellTableGridInfo>( dataProvider.getList())
+						{
+							@Override
+							public void onColumnSort(ColumnSortEvent event) {
+								super.onColumnSort(event);
+								dataProvider.refresh();
+							}
+						};
+			 table.addColumnSortHandler(sortHandler);
+			    // Connect the table to the data provider.
+			   dataProvider.addDataDisplay(table);
+			    // Add the data to the data provider, which automatically pushes it to the
+			    // widget.			   
+			    List<CellTableGridInfo> list = dataProvider.getList();
+			    for (CellTableGridInfo contact : CONTACTS) {
+			      list.add(contact);
+			    }
+				/******end of To create header with colspan********/    
+			    sp.add(table);
+			    sp.setStyleName("scrollCSS");
+		}
+		catch(Exception e)
+		{
+			Window.alert( "Excpetion CellTableGridCreator:buildCustomGrid():["+e.getMessage()+"]" );
+		}
+		return sp;
+		
+	}
+	
+	
+}

webitm-dashboard/web/sfadashboard/src/ibase.client/GridThemes.java

+package ibase.client;
+
+import ibase.client.resources.Resources;
+
+public class GridThemes {
+
+	public static String userTheme;
+	public static void applyDatagridThemes() 
+	{
+		//printOnConsole(" Apply Datagrid Themes :" +  E12Constants.userTheme );
+		//Window.alert("E12Constants.userTheme:"+E12Constants.userTheme);
+		
+			Resources.DATAGRID_RES.blueThemeCSS().ensureInjected();
+			
+			//Resources.DATAGRID_RES.grayThemeCSS().ensureInjected();
+		
+			//Resources.DATAGRID_RES.orangeThemeCSS().ensureInjected();
+		//Resources.DATAGRID_RES.greenThemeCSS().ensureInjected();
+	}	
+	
+	public native static int getBrowserVersion()
+	/*-{
+			var version = -1; //NON IE Browser version
+			var broserName = navigator.appName;
+			if( broserName == 'Microsoft Internet Explorer' )
+			{
+				var browserInfo = navigator.userAgent;
+				var substrValue = browserInfo.substring( browserInfo.indexOf("MSIE") );
+				var browserVersion = substrValue.substring( 0, substrValue.indexOf(";") );
+				version = parseInt( browserVersion.substring( browserVersion.indexOf(" ") ) );
+			}
+			return version;
+	}-*/;
+	
+}