/www/themes/coffee/grid.css

  1.GridHeader {
  2}
  3.Header {
  4	width: 100%;
  5	}
  6
  7.Header th { 
  8	font-size: 100%; font-weight: bold; text-align: left;
  9	padding: 2px;
 10	background-image: url(images/headerbg.gif); color: #ffffff;
 11	width: 100%;
 12	white-space: nowrap;
 13	}
 14
 15.HeaderLeft { 
 16	background-image: url(images/headerleft.gif);
 17	}
 18
 19.HeaderRight { 
 20	background-image: url(images/headerright.gif);
 21	}
 22.HeaderButton {
 23	background-image: url(images/headerbg.gif);	
 24}
 25.HeaderButton img{
 26	width: 21px;
 27}
 28
 29.HeaderLeft img{
 30	width: 4px;
 31	}
 32
 33.HeaderRight img{
 34	width: 9px;
 35	}
 36.GridHeader table {margin:0;}
 37.GridHeader td, tr {padding:0;}
 38
 39
 40/* Grid */
 41table.scroll {
 42	border-right: 1px solid #FFFFFF;	
 43	table-layout: fixed;
 44	margin-bottom:0;
 45}
 46table.scroll tbody tr {
 47	background-color: #eceae3; 
 48}
 49
 50table.scroll tbody tr.alt{
 51	background-color: #e3dfd1; 
 52}
 53	
 54table.scroll tr.over td{
 55	background-color: #D2B48C;
 56}
 57	
 58	
 59table.scroll tr.selected td {
 60	background-color: #c9b9b1;
 61	color: Black;
 62}
 63
 64table.scroll tbody tr td  {
 65	font-size: 90%;
 66	padding: 2px;
 67	text-align: left;
 68	border-left: 1px solid #FFFFFF;
 69	border-bottom: 1px solid #FFFFFF; 
 70	text-overflow: ellipsis;
 71	overflow: hidden;
 72	white-space: nowrap;
 73	height : auto;
 74}
 75
 76table.scroll thead tr th  {
 77	font-size: 90%;
 78	font-weight: normal;
 79	padding: 2px;
 80	border-left: 1px solid #FFFFFF; 
 81	border-bottom: 1px solid #FFFFFF; 
 82	text-align: left;
 83	overflow: hidden;
 84	white-space: nowrap;
 85	background: url(images/grid-blue-hd.gif) transparent repeat-x;
 86	height : 18px;
 87}
 88table.scroll thead tr th div img {
 89	width: 9px;
 90}
 91	
 92table.scroll th div {
 93	overflow: hidden;
 94/*	white-space: nowrap;*/
 95	word-wrap: break-word;
 96	height : 18px;
 97}
 98	table.scroll th span {
 99	cursor: e-resize;
100/*	border-right: 1px solid #D6D2C2;  */
101	width: 5px;
102	float: right;
103	position: relative;
104	display: block;
105	margin: -1px -1px -1px 0px;
106	height: 18px;
107	overflow: hidden;
108	white-space: nowrap;
109}
110
111table.scroll thead {
112}
113
114/* End Grid */
115
116/* Pager */
117div.scroll {
118	vertical-align: top;
119	height: 23px;
120	text-align: center;	
121	white-space: nowrap;
122	background-image: url(images/grid-blue-ft.gif);
123	border-right: 1px solid #FFFFFF;
124	border-left: 1px solid #FFFFFF;	
125	border-bottom: 1px solid #FFFFFF;
126}
127div.scroll span {
128	vertical-align : top;
129}
130.selbox {
131	font-size: x-small;
132	vertical-align : top;
133}
134input.selbox{
135	font-size: x-small;
136	vertical-align : top;
137}
138.pgbuttons {
139	margin-top :1px;
140}
141.nav-table-left {
142	padding:1px;
143	float: left;
144	margin-top:2px;
145/*	position:absolute;*/
146}
147.nav-table-right {
148	padding:1px;
149	float: right;
150	margin-top:2px;
151}
152table.navtable {margin-bottom:0; width: auto;}
153table.navtable tbody tr {
154	background-image: url(images/grid-blue-ft.gif);
155}
156table.navtable tbody tr td.nav-button {
157	border: 1px solid #FFFFFF;
158	white-space: nowrap;
159}
160table.navtable tbody tr td.nav-hover {
161	border: 1px solid #c9b9b1;
162}
163table.tbutton tbody tr td {
164	border : none;
165	padding:0px;
166}
167img.jsHover { /*not used */
168	border: 1px solid #99CCFF;
169}
170/* End Pager */
171/*multiselect checkbox */
172.cbox {
173	height: 10px;
174	width: 10px;
175/*	text-align: center;*/
176/*border:1px solid #999;*/
177}
178/* end multiselect */
179
180
181/* loading div */
182div.loading {
183	position: absolute;
184	padding: 3px;
185	text-align: center;
186	font-weight: bold;
187	background: red;
188	color: white;
189	display: none;
190}
191div.loadingui {
192   display:none;
193   z-index:6000;
194   position:absolute;
195}
196
197
198div.loadingui div.msgbox {
199   position: relative;
200   z-index:6001;
201   left: 35%;
202   top:45%;
203   background: url(images/loading.gif)  no-repeat left;
204   width: 100px;
205   border: 2px solid #B2D2FF;
206   text-align: right;
207   height: auto;
208   padding:2px;
209   margin: 0px;
210} 
211
212/* end loading div */
213/*toolbar */
214div.userdata {
215	margin-top: 0px;
216	background-color : #e3dfd1;
217	height : 20px;
218	overflow: hidden;	
219}
220/* end toolbar */
221/*Subgrid  text mode*/
222.subgrid {
223	height: 100%;
224	overflow:  auto;
225}
226.tablediv {
227	background-color: White;
228	border-spacing: 1px; /*cellspacing:poor IE support for  this*/
229	border-collapse: separate;
230	width:100%; /* FF hack poor when scroling subgrid */
231}
232.celldiv {
233	float: left;
234	display: table-cell;
235	border: 1px dotted #CCCCCC;
236	overflow: auto;
237	white-space: normal;
238}
239.celldivth {
240	float: left; /*fix for  buggy browsers*/
241	border: 1px solid #CCCCCC;
242	background-color: #99CCFF;
243	border-bottom: 1px solid #CBC7B8;
244	text-align: left;
245	overflow: auto;
246}
247.rowdiv  {
248	display: table-row;
249	background: #F9F9F9 none;
250	color: #000000;
251	width: 100%;
252	overflow:auto;
253}
254/* End Subgrid */
255
256/* InLine editing */
257input.editable[type="text"]  {
258	font-size: x-small;
259	overflow: hidden;
260}
261input.editable[type="checkbox"]  {
262}
263
264textarea.editable {
265	overflow: hidden;
266}
267
268select.editable {
269	font-size: x-small;
270}
271/* End Inline Editing */
272
273/*Modal Window */
274.modaltext{ 
275    text-align : left;
276}
277.modalwin{
278    border:1px solid #555555;
279    background:#F9F9F9;
280    text-align:left;
281    margin: 0 auto;
282	overflow: auto;
283}
284
285
286.modalhead {
287	background-image: url(images/grid-blue-hd.gif);
288	height: 20px;
289	
290}
291.modalcontent {
292	overflow: auto;
293	margin-bottom: 9px;
294	margin-left: 5px;
295}
296/* end Modal window*/
297/* Search window */
298input.search {
299	margin: 2px;
300	width: 70px;
301	font-size: 10px;
302	color: #15428B;	
303}
304
305select.search {
306	margin: 2px;
307	width: 70px;
308	font-size: 10px;
309	color: #15428B;		
310}
311.buttonsearch {
312	width : 50px;
313	font-size: 10px;
314	color: #15428B;		
315}
316/*End search */
317
318/* Form edit */
319
320.FormGrid {
321	margin: 0px;
322}
323.EditTable {
324	width: 100%;
325}
326
327.FormData { /* tr */
328	
329}
330
331#FormError td {
332	font-size: 90%;
333	color: #FF0000;
334	vertical-align: top;
335	background-color: #f7f7f7; 
336}
337
338.CaptionTD{ /* td */
339	font-weight: normal; text-align: left; vertical-align: top;
340	padding: 1px;
341	border-top: 1px solid #D4D0C8;
342	white-space: nowrap;
343	color: #000000;
344}
345.DataTD { /* td */
346	padding: 1px;
347	border-top: 1px solid #D4D0C8;
348	vertical-align: top;
349}
350.navButton{
351	border-top: 1px solid #D4D0C8;
352	border-bottom: 1px solid #D4D0C8;
353	text-align: center;
354}
355.navButton input{
356	width:19px;
357}
358input.EditButton { /* buttons are at footer tr */
359	font-size: 10px;
360	color: #15428B;
361}
362td.EditButton {
363	text-align: right;
364	border-top: 1px solid #D4D0C8;
365	border-bottom: 1px solid #D4D0C8;
366}
367
368.FormElement { /* form element  - input -text,textarea,checkbox - select  */
369	
370}
371.FormElement {
372	font-size: 10px;	
373}
374input[type="text"].FormElement{
375	color: #15428B;		
376}
377input[type="checkbox"].FormElement{
378	width: 15px;
379	color: #15428B;		
380}
381input[type="textarea"].FormElement{
382	color: #15428B;		
383}
384select.FormElement {
385	font-size: 10px;
386	color: #15428B;		
387}
388/* End Eorm edit */
389
390/* Delete Dialog */
391.DelButton > input { /* buttons are at footer tr */
392	font-size: 10px;
393	color: #15428B;
394}
395.DelButton {
396	text-align: right;
397}
398/* End Delete Dialog */
399
400img.jqResize {
401	position:absolute;
402	bottom: 0px;
403	right: 0px;
404	cursor :se-resize;
405}
406.dirty-cell {
407	background: transparent url(images/dirty.gif) no-repeat 0 0;	
408}
409#DelError td {
410	font-size: 90%;
411	color: #FF0000;
412	vertical-align: top;
413	background-color: #f7f7f7; 
414}
415/* Tree Grid */
416.tree-wrap
417{
418	float: left; 
419	position: relative;
420	height: 18px;
421	white-space: nowrap;
422	overflow: hidden;
423}
424.tree-minus
425{
426	position: absolute;
427	height: 18px; 
428	width: 16px;
429	overflow: hidden;
430	background: url(images/tree_minus.gif) no-repeat;
431}
432.tree-plus
433{
434	position: absolute;
435	height: 18px; 
436	width: 16px;
437	overflow: hidden;
438	background: url(images/tree_plus.gif) no-repeat;
439}
440.tree-leaf
441{
442	position: absolute;
443	height: 18px; 
444	width: 16px;
445	overflow: hidden;
446	background: url(images/tree_leaf.gif) no-repeat;
447}
448.treeclick
449{
450	cursor: pointer;
451}
452.edit-cell {
453	background-color: #D2B48C !important;
454}
455.selected-row, .selected-row TD {
456	background-color: #c9b9b1; 
457}