Project

General

Profile

« Previous | Next » 

Revision 4484

redesign the look and feel - save point.
-cart editing is done by clicking individual assessments rather than doing them in batches.
-cart status is shown in the search results (but still need a refresh for after adding cart items from search...)

View differences:

lib/style/skins/first/search.js
28 28
	var index = 0;
29 29
	if (submitFormObj.docid.length > 1) {
30 30
		for (var i=0; i < submitFormObj.docid.length; i++) {
31
			if (submitFormObj.docid[i].checked) {
31
			if (submitFormObj.docid[i].value != "") {
32 32
				var documentObject = new Object();
33 33
				documentObject.docid = submitFormObj.docid[i].value;
34 34
				
......
44 44
	}
45 45
	else {
46 46
		//alert("submitFormObj.docid=" + submitFormObj.docid);
47
		if (submitFormObj.docid.checked) {
47
		if (submitFormObj.docid.value != "") {
48 48
			var documentObject = new Object();
49 49
			documentObject.docid = submitFormObj.docid.value;
50 50
			
lib/style/skins/first/header.jsp
33 33

  
34 34
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
35 35
<%@page import="java.util.Iterator"%>
36
<%@page import="edu.ucsb.nceas.metacat.service.SessionService"%>
36 37
<html>
37 38
<head>
38 39
<title>FIRST Data Repository</title>
......
58 59

  
59 60
<body onload="highlight()">
60 61
<table width="100%" border="0" cellspacing="0" cellpadding="0">
61
	<tr valign="top">
62
		<td width="400">
63
			<img src="<%=STYLE_SKINS_URL%>/first/images/first2banner.jpg">	
62
	<tr>
63
		<td width="75%" height="145" valign="middle" background="<%=STYLE_SKINS_URL%>/first/images/bkgrndgradient.gif">
64
			<table width="1094" border="0" cellspacing="0" cellpadding="0">
65
			  <tr>
66
			    <td width="1012"><img src="<%=STYLE_SKINS_URL%>/first/images/first_logo.png" width="1012" height="133" /></td>
67
			    <td width="82" valign="top"><br />
68
			      <table width="63" border="0" cellspacing="0" cellpadding="0">
69
			      <tr>
70
			        	<td>&nbsp;</td>
71
			      </tr>
72
			      <tr>
73
						<td>&nbsp;</td>
74
			      </tr>
75
			      <tr>
76
						<td>&nbsp;</td>
77
			      </tr>
78
			    </table>
79
			    </td>
80
			  </tr>
81
			</table>
64 82
		</td>
65
		<td>
66
			<table width="100%">
67
				<tr>
68
					<th colspan="3" class="title">
69
						FIRST Data Repository
70
					</th>
71
				</tr>
72
				<tr>
73
					<td>
74
						<a href="index.jsp" target="_top">
75
						Search	
76
						</a>
77
					</td>
78
					<td valign="top">
79
						<p><a href="about.jsp" target="_top">About</a></p>
80
					</td>
81
					<td>
83
	</tr>
84
	<tr>
85
		<td height="48" valign="middle" bgcolor="#C8C4B9" background="<%=STYLE_SKINS_URL%>/first/images/navbarbackground.gif">
86
			<table width="780" border="0" cellspacing="0" cellpadding="0">
87
			  <tr>
88
			    <td width="30%">&nbsp;</td>
89
			    <td><a href="index.jsp" target="_top">Search</a></td>
90
			    <td><a href="about.jsp" target="_top">About</a></td>
82 91
						<%
83 92
						boolean loggedIn = SessionService.isSessionRegistered(request.getSession().getId());
84 93
						String[] docids = null;
......
89 98
							fields = 
90 99
								SessionService.getRegisteredSession(request.getSession().getId()).getDocumentCart().getFields();
91 100
							%>
101
							<td>
102
								<a href="<%=SERVLET_URL%>?action=logout&qformat=first">Logout</a>
103
							</td>
104
							<td>
92 105
							<div id="importantThings">
93 106
								<a href="cart.jsp" target="_top">
94 107
									Cart 
95 108
								</a>
96 109
								(Items: <%=docids.length %>, Fields: <%=fields.size() %>)
97 110
							</div>
111
							<!-- for the cart status -->
112
							<div style="display:none;">
113
								<form id='cartForm'>
114
									<%
115
									for (int i = 0; i < docids.length; i++) {
116
									%>							
117
										<input name="@packageId" value="<%=docids[i] %>" type="hidden"> 
118
									<%} %>
119
								</form>
120
							</div>
98 121
							<!-- for use when downloading merged data -->
99 122
							<div style="display:none;">
100 123
								<form id='fieldForm'>
......
112 135
									%>
113 136
								</form>
114 137
							</div>
138
							</td>
115 139
						<%	
116 140
						}
117 141
						else {
118 142
						%>
119
							<a href="login.jsp" target="_top">Login</a>
143
							<td>
144
								<a href="login.jsp" target="_top">Login</a>
145
							</td>
120 146
						<%	
121 147
						}
122 148
						%>						
123
					</td>
124
				</tr>
125
				<tr>
126
					<td colspan="3">
127
						
128
					</td>
129
				</tr>
149
			  </tr>
130 150
			</table>
131 151
		</td>
132 152
	</tr>
lib/style/skins/first/cart.jsp
53 53
			var metacatURL = "<%=CONTEXT_URL%>/metacat";
54 54
		
55 55
			var docids = new Array();
56
			var objs = document.getElementsByName("@packageId");
56
			var objs = window.document.getElementById("iframeheaderclass").contentDocument.getElementsByName("@packageId");
57 57
			if (objs.length == 0) {
58 58
				return;
59 59
			}
......
91 91
			 });
92 92
		}
93 93
		
94
		
95
		
94 96
   </script>
95 97
</head>
96 98
<body onload="listAssessments()">
......
99 101
          insertSearchBox("<%=CONTEXT_URL%>");
100 102
      </script>
101 103

  
102
<table width="100%" border="0" cellspacing="0" cellpadding="0">
104
<table width="100%" border="0" cellspacing="20" cellpadding="0">
103 105
	<tr>
104 106
		<th>Cart</th>
105
		<th>	
106
			<form method="POST" action="<%=SERVLET_URL%>" target="_top" id="searchForm">
107
				<input name="qformat" value="first-assessment" type="hidden"> 
108
				<input name="action" value="squery" type="hidden"> 	
109
				
110
				<%
111
				String[] docids = 
112
					SessionService.getRegisteredSession(request.getSession().getId()).getDocumentCart().getDocids() ;
113
				for (int i = 0; i < docids.length; i++) {
114
				%>							
115
					<input name="@packageId" value="<%=docids[i] %>" type="hidden"> 
116
				<%} %>	
117
			</form>
118
		</th>
119
		<th align="right" style="text-align:right;">
120
			<a href="<%=SERVLET_URL%>?action=logout&qformat=first">Logout</a>
121
		</th>
122 107
	</tr>
123 108
	<tr>
124
		<td colspan="3"">
109
		<td colspan="1">
125 110
			<p class="emphasis">Selected Metadata Fields: </p>
126 111
			<p>
127 112
				<table>
......
145 130
		</td>
146 131
	</tr>
147 132
	<tr>
148
		<th colspan="3">
133
		<th colspan="1">
149 134
			&nbsp;
150 135
		</th>
151 136
	</tr>
152 137
	<tr>
153
		<td colspan="3">
138
		<td colspan="1">
154 139
			<div id="ajaxCartResults" style="/*display:none;*/">
155 140
				<p class="emphasis">Cart is Empty</p>
156 141
			</div>
lib/style/skins/first/left.jsp
1
<%@ page    language="java" %>
2
<%
3
/**
4
 * 
5
 * '$RCSfile$'
6
 * Copyright: 2008 Regents of the University of California and the
7
 *             National Center for Ecological Analysis and Synthesis
8
 *    '$Author: leinfelder $'
9
 *      '$Date: 2008-08-13 15:09:01 -0700 (Wed, 13 Aug 2008) $'
10
 * '$Revision: 4235 $'
11
 * 
12
 * This program is free software; you can redistribute it and/or modify
13
 * it under the terms of the GNU General Public License as published by
14
 * the Free Software Foundation; either version 2 of the License, or
15
 * (at your option) any later version.
16
 * 
17
 * This program is distributed in the hope that it will be useful,
18
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
19
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
20
 * GNU General Public License for more details.
21
     
22
 * You should have received a copy of the GNU General Public License
23
 * along with this program; if not, write to the Free Software
24
 *  Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
25
 */  
26
%>
27

  
28
<%@ include file="../../common/common-settings.jsp"%>
29
<%@ include file="../../common/configure-check.jsp"%>
30

  
31
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
32
<html>
33
<head>
34
<title>FIRST Data Repository</title>
35
<link rel="stylesheet" type="text/css"
36
	href="<%=STYLE_SKINS_URL%>/first/first.css"></link>
37
<style type="text/css">
38
<!--
39
.chalkboard {
40
	background-image: url(<%=STYLE_SKINS_URL%>/first/images/chalkboard_left.png);
41
	background-repeat: repeat-y;
42
	height: 100%;
43
}
44
-->
45
</style>	
46
</head>
47

  
48
<body>
49
<div id="chalkboard" class="chalkboard"></div>
50
<!--
51
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" background="<%=STYLE_SKINS_URL%>/first/images/chalkboard_left.png">
52
	<tr>
53
		<td>&nbsp;</td>
54
	</tr>	
55
</table>
56
-->
57
</body>
58
</html>
0 59

  
lib/style/skins/first/footer.jsp
39 39
<body>
40 40
<table width="100%" border="0" cellspacing="0" cellpadding="0">
41 41
	<tr>
42
		<td>
43
			<hr />
44
		</td>
45
	</tr>
46
	<tr valign="top">
47
		<td>
42
		<td></td>
43
	</tr>	
44
	<tr valign="top" align="center">
45
		<td width="75%" height="145" valign="middle" background="<%=STYLE_SKINS_URL%>/first/images/bkgrndgradient.gif">
48 46
			<p class="intro">
49 47
			This repository is an effort of the <a target="_top" href="http://www.nceas.ucsb.edu">National Center for Ecological
50 48
			Analysis and Synthesis (NCEAS)</a> and is based on software developed by
lib/style/skins/first/first.js
97 97

  
98 98
//  Location of the header that will be displayed at the top of the page
99 99
var LEFTCOL_URL 
100
  = "";
100
  = "style/skins/first/left.jsp";
101 101
  
102 102
//  Location of the header that will be displayed at the top of the page
103 103
var RIGHTCOL_URL 
104
  = "";
104
  = "style/skins/first/right.jsp";
105 105
  
106 106
//  Location of the header that will be displayed at the top of the page
107 107
var FOOTER_URL 
lib/style/skins/first/first-assessment-resultset.xsl
61 61
			<![CDATA[
62 62
			downloadMergedResponseData = function(formId, fieldFormId) {
63 63
			
64
				if (!areItemsSelected('docid')) {
65
					alert("Please select at least one dataset");
66
					return false;
67
				}
64
				//if (!areItemsSelected('docid')) {
65
				//	alert("Please select at least one dataset");
66
				//	return false;
67
				//}
68 68
								
69 69
				//transfer the assessmentItemId to this form
70 70
				//document.getElementById("questionId").value = document.getElementById("assessmentItemId").value;
......
83 83
				
84 84
				submitFormObj.submit();
85 85
			}
86
			editCart = function(formId, operation) {
86
			editCart = function(formId, operation, docid) {
87 87
			
88 88
				var metacatURL = "]]><xsl:value-of select="$contextURL" /><![CDATA[/metacat";
89
				if (!areItemsSelected('docid')) {
90
					alert("Please select at least one dataset");
91
					return false;
92
				}
89
				//if (!areItemsSelected('docid') && docid) {
90
				//	alert("Please select at least one dataset");
91
				//	return false;
92
				//}
93 93
				
94 94
				var submitFormObj = document.getElementById(formId);
95 95
				submitFormObj.qformat.value = 'first';
96 96
				submitFormObj.action.value = 'editcart';
97 97
				submitFormObj.operation.value = operation;
98
				if (docid) {
99
					submitFormObj.docid.value = docid;
100
				}
98 101
				
99 102
				var myUpdate = new Ajax.Request(
100 103
					metacatURL,
......
152 155
			}
153 156
			setControlVisibility = function() {
154 157
				if (document.getElementById("ajaxCartResults")) {
155
					new Effect.Appear("removeCart");
156
					//new Effect.Fade("addCart");
158
					new Effect.Appear("download");
157 159
				}
158
				else {
159
					new Effect.Appear("addCart");
160
					//new Effect.Fade("removeCart");
160
			}
161
			
162
			isInCart = function(docid) {
163
		
164
				var objs = window.document.getElementById("iframeheaderclass").contentDocument.getElementsByName("@packageId");
165
				//var objs = document.getElementsByName("@packageId");
166
				if (objs.length == 0) {
167
					return false;
161 168
				}
169
				for (var i=0; i< objs.length; i++) {
170
					if (docid == objs[i].value) {
171
						return true;
172
					}
173
				}
174
				return false;
162 175
			}
163 176
			
164 177
			hideDiv = function(divId) {
......
184 197
					setControlVisibility();
185 198
				]]>	
186 199
			</script>
187
			<p>
188
				<a>
189
					<xsl:attribute name="href">javascript:{}</xsl:attribute>
190
					<xsl:attribute name="onclick">javascript:downloadMergedResponseData('assessmentForm', 'fieldForm')</xsl:attribute>
191
					<img border="none">
192
						<xsl:attribute name="src">
193
							<xsl:value-of select="$contextURL" />
194
							<xsl:text>/style/images/page_white_put.png</xsl:text>
195
						</xsl:attribute>
196
					</img>
197
					<xsl:text> Download Selection (.csv)</xsl:text>
198
				</a>
199
			</p>
200
			<div id="addCart" style="display:none;">
201
				<p/>
200
			<div id="download" style="display:none;">
202 201
				<p>
203 202
					<a>
204 203
						<xsl:attribute name="href">javascript:{}</xsl:attribute>
205
						<xsl:attribute name="onclick">javascript:editCart('assessmentForm', 'add')</xsl:attribute>
204
						<xsl:attribute name="onclick">javascript:downloadMergedResponseData('assessmentForm', 'fieldForm')</xsl:attribute>
206 205
						<img border="none">
207 206
							<xsl:attribute name="src">
208 207
								<xsl:value-of select="$contextURL" />
209
								<xsl:text>/style/images/fav.gif</xsl:text>
208
								<xsl:text>/style/images/page_white_put.png</xsl:text>
210 209
							</xsl:attribute>
211 210
						</img>
212
						<xsl:text> Add Selection to Cart</xsl:text>
211
						<xsl:text> Download (.csv)</xsl:text>
213 212
					</a>
214 213
				</p>
215 214
			</div>
216
			<div id="removeCart" style="display:none;">
217
				<p/>
218
				<p>
219
					<a>
220
						<xsl:attribute name="href">javascript:{}</xsl:attribute>
221
						<xsl:attribute name="onclick">javascript:editCart('assessmentForm', 'remove')</xsl:attribute>
222
						<!--  <xsl:text>Remove </xsl:text> -->
223
						<img border="none">
224
							<xsl:attribute name="src">
225
								<xsl:value-of select="$contextURL" />
226
								<xsl:text>/style/images/delete.gif</xsl:text>
227
							</xsl:attribute>
228
						</img>
229
						<xsl:text> Remove Selection from Cart</xsl:text>
230
					</a>
231
				</p>
232
			</div>	
233 215
						
234 216
			<!-- for reading the assessment details -->
235 217
			<form action="{$contextURL}/metacat" method="POST" id="readForm" name="readForm" >
......
244 226
				<input type="hidden" name="insertTemplate" value="1"/>
245 227
			</form>
246 228
			
247
			<!-- for managing the ajax actions -->				
229
			<!-- for editing cart -->				
230
			<form action="{$contextURL}/metacat" method="POST" id="cartForm" name="cartForm" >
231
				<input type="hidden" name="qformat" value="first" />
232
				<input type="hidden" name="sessionid">
233
					<xsl:attribute name="value">
234
						<xsl:value-of select="$sessid" />						
235
					</xsl:attribute>
236
				</input>
237
				<input type="hidden" name="action" value="editcart" />
238
				<input type="hidden" name="operation" />
239
				<input type="hidden" name="docid" />
240

  
241
			</form>	
242
			
243
			<!-- for downloading data -->				
248 244
			<form action="{$contextURL}/metacat" method="POST" id="assessmentForm" name="assessmentForm" >
249 245
				<input type="hidden" name="qformat" value="first" />
250 246
				<input type="hidden" name="sessionid">
......
255 251
				<input type="hidden" name="action" value="read" />
256 252
				<input type="hidden" name="dataquery" />
257 253
				<input type="hidden" name="operation" />
254
				
258 255
				<xsl:element name="input">
259 256
					<xsl:attribute name="type">hidden</xsl:attribute>
260 257
					<xsl:attribute name="id">questionId</xsl:attribute>
......
265 262
			<table width="95%" align="left" border="0" cellpadding="0"
266 263
				cellspacing="0">
267 264
				<tr>
268
					<th style="text-align: left">
269
						<input type="checkbox">
270
							<xsl:attribute name="onclick">setSelect(document.assessmentForm, 'docid', this.checked)</xsl:attribute>
271
						</input>
265
					
266
					<th style="text-align: left" colspan="2">
267
						Assessment
272 268
					</th>
273 269
					<th style="text-align: left">
274
						Assessment Title
275
					</th>
276
					<th style="text-align: left">
277 270
						Course Title
278 271
					</th>
279 272
					<th	style="text-align: left">
......
300 293
			               </xsl:choose>
301 294
			             </xsl:attribute>
302 295

  
303
						<td class="text_plain">
304
							<input type="checkbox" name="docid">
296
						<td class="text_plain" nowrap="nowrap">
297
						
298
							<script type="text/javascript" language="Javascript">
299
								<![CDATA[
300
									//what are our options?
301
									if (isInCart("]]><xsl:value-of select="./docid" /><![CDATA[")) {
302
										showDiv("]]><xsl:value-of select="$divId" /><![CDATA[remove");
303
										hideDiv("]]><xsl:value-of select="$divId" /><![CDATA[add");
304
									}
305
									else {
306
										showDiv("]]><xsl:value-of select="$divId" /><![CDATA[add");
307
										hideDiv("]]><xsl:value-of select="$divId" /><![CDATA[remove");
308
									}
309
								]]>	
310
							</script>
311
							<div style="display:none;">
312
								<xsl:attribute name="id">
313
									<xsl:value-of select="$divId" />
314
									<xsl:text>add</xsl:text>
315
								</xsl:attribute>
316
								<a>
317
									<xsl:attribute name="href">javascript:{}</xsl:attribute>
318
									<xsl:attribute name="onclick"><![CDATA[javascript:editCart('cartForm', 'add',"]]><xsl:value-of select="./docid" /><![CDATA[")]]></xsl:attribute>
319
									<img border="none">
320
										<xsl:attribute name="src">
321
											<xsl:value-of select="$contextURL" />
322
											<xsl:text>/style/skins/first/images/add.png</xsl:text>
323
										</xsl:attribute>
324
									</img>
325
								</a>
326
							</div>
327
							<div style="display:none;">
328
								<xsl:attribute name="id">
329
									<xsl:value-of select="$divId" />
330
									<xsl:text>remove</xsl:text>
331
								</xsl:attribute>
332
								<a>
333
									<xsl:attribute name="href">javascript:{}</xsl:attribute>
334
									<xsl:attribute name="onclick"><![CDATA[javascript:editCart('cartForm', 'remove',"]]><xsl:value-of select="./docid" /><![CDATA[")]]></xsl:attribute>
335
									<!--  <xsl:text>Remove </xsl:text> -->
336
									<img border="none">
337
										<xsl:attribute name="src">
338
											<xsl:value-of select="$contextURL" />
339
											<xsl:text>/style/images/delete.gif</xsl:text>
340
										</xsl:attribute>
341
									</img>
342
									<xsl:text> Remove</xsl:text>
343
								</a>
344
							</div>
345

  
346
							<input type="hidden" name="docid">
305 347
								<xsl:attribute name="value">
306 348
									<xsl:value-of select="./docid" />
307 349
								</xsl:attribute>
308 350
							</input>
351
							
309 352
						</td>
310 353
						<td>
311 354
							
......
373 416
					</tr>
374 417
					
375 418
					<tr>
376
						<td width="30">&#160;</td>
377
						<td colspan="5">
419
						<td colspan="6">
378 420
							Details 
379 421
							<a>
380 422
								<xsl:attribute name="href">javascript:read('readForm', '<xsl:value-of select="./docid" />', '<xsl:value-of select="$divId" />')</xsl:attribute>
......
400 442
					</tr>
401 443
					
402 444
					<tr>
403
						<td>&#160;</td>
404
						<td colspan="5">
445
						<td colspan="6">
405 446
							<div style="display:none;">
406 447
								<xsl:attribute name="id">
407 448
									<xsl:value-of select="$divId" />
lib/style/skins/first/right.jsp
1
<%@ page    language="java" %>
2
<%
3
/**
4
 * 
5
 * '$RCSfile$'
6
 * Copyright: 2008 Regents of the University of California and the
7
 *             National Center for Ecological Analysis and Synthesis
8
 *    '$Author: leinfelder $'
9
 *      '$Date: 2008-08-13 15:09:01 -0700 (Wed, 13 Aug 2008) $'
10
 * '$Revision: 4235 $'
11
 * 
12
 * This program is free software; you can redistribute it and/or modify
13
 * it under the terms of the GNU General Public License as published by
14
 * the Free Software Foundation; either version 2 of the License, or
15
 * (at your option) any later version.
16
 * 
17
 * This program is distributed in the hope that it will be useful,
18
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
19
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
20
 * GNU General Public License for more details.
21
     
22
 * You should have received a copy of the GNU General Public License
23
 * along with this program; if not, write to the Free Software
24
 *  Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
25
 */  
26
%>
27

  
28
<%@ include file="../../common/common-settings.jsp"%>
29
<%@ include file="../../common/configure-check.jsp"%>
30

  
31
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
32
<html>
33
<head>
34
<title>FIRST Data Repository</title>
35
<link rel="stylesheet" type="text/css"
36
	href="<%=STYLE_SKINS_URL%>/first/first.css"></link>
37
<style type="text/css">
38
<!--
39
.chalkboard {
40
	background-image: "images/chalkboard_right.png";
41
	background-repeat: repeat-y;
42
	height: 100%;
43
}
44
-->
45
</style>	
46
</head>
47

  
48
<body>
49
<!-- <div id="chalkboard" class="chalkboard"></div>-->
50

  
51
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" background="<%=STYLE_SKINS_URL%>/first/images/chalkboard_right.png">
52
	<tr>
53
		<td>&nbsp;</td>
54
	</tr>	
55
</table>
56

  
57
</body>
58
</html>
0 59

  
lib/style/skins/first/first.css
41 41
 *  container frame, *NOT* to the document within it!
42 42
 */  
43 43
.iframeheaderclass {
44
  height:   80px; 
44
  height:   183px; 
45 45
  width:    100%;
46 46
  border:   0px;
47 47
  margin:   0px;
......
54 54
  margin:   0px;
55 55
}
56 56

  
57
.iframeleftcolclass  { /* not used */ }
58
.iframerightcolclass { /* not used */ }
57
.iframeleftcolclass  {
58
	height:   100%; 
59
	width:    144px;
60
/*	border-right: dashed #C8C4B9 1px;*/
61
}
62
.iframerightcolclass { 
63
	height:   100%; 
64
	width:    144px;
65
}
59 66
.iframefooterclass   {   
60 67
  width:    100%;
61 68
  border:   0px;
......
78 85
 */ 
79 86
.templatecontentareaclass {
80 87
  border:   0px;
81
  padding:  10px;
88
  padding:  0px;
82 89
  margin:   0px;
83 90
}
84 91

  
......
107 114
  border:   0px;
108 115
  padding:  0px;
109 116
  margin:   0px;
117
  vertical-align: top;
110 118
}
111 119

  
112 120

  
......
116 124
  border:   0px;
117 125
  padding:  0px;
118 126
  margin:   0px;
127
  vertical-align: top;
119 128
}
120 129

  
121 130

  
......
171 180

  
172 181
/** for top-level tables **/
173 182
.tablehead {
174
	background-color: #b5d0c1; 	
183
	background-color: #C8C4B9;
184
	background-image: url(images/30pix_bkgrndgradient.gif);
185
	background-repeat: repeat-x;
175 186
    color: #243a2d;
176 187
    text-align: center;
177 188
    font-size: 16px; 

Also available in: Unified diff