table login added
[brisk.git] / web / room.css
1 /*
2  *  brisk - room.css
3  *
4  *  Copyright (C) 2006-2008 Matteo Nastasi
5  *                          mailto: nastasi@alternativeoutput.it 
6  *                                  matteo.nastasi@milug.org
7  *                          web: http://www.alternativeoutput.it
8  *
9  * This program is free software; you can redistribute it and/or modify
10  * it under the terms of the GNU General Public License as published by
11  * the Free Software Foundation; either version 2 of the License, or
12  * (at your option) any later version.
13  *
14  * This program is distributed in the hope that it will be useful, but
15  * WITHOUT ANY WARRANTY; without even the implied warranty of
16  * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
17  * General Public License for more details. You should have received a
18  * copy of the GNU General Public License along with this program; if
19  * not, write to the Free Software Foundation, Inc, 59 Temple Place -
20  * Suite 330, Boston, MA 02111-1307, USA.
21  *
22  * $Id$
23  *
24  */
25
26 body.* {
27     margin:0px;
28     padding: 0px;
29 }
30
31 div.container {
32     /* border:1px solid gray; */
33     position: relative;
34     width:100%;
35     margin:0px;
36     padding: 0px;
37 }
38
39 div.header {
40     /* border: 1px solid yellow; */
41     align: center;
42     text-align: center;
43     font-size: 12px;
44     clear:left;
45 }
46
47 div.topmenu {
48     /* border: 1px solid red;  */
49     width:94px;
50     margin:0;
51     text-align: center;
52     align: center;
53     font-size: 10px;
54     padding:2px;        
55 }
56
57 div.proflash {
58     /*  border: 1px solid red; */
59     border: 1px solid gray;  
60     background-color: RGB(246,246,246);
61     text-align: center;
62     align: center;
63     font-size: 10px;
64     padding:4px;        
65 }
66
67 div.tables {
68     /*  border: 1px solid gray; */
69     margin-left:100px;
70     padding:4px;
71 }
72
73 div.bottom {
74     /* border: 1px solid green; */
75     position: relative;
76     top: -13px;
77     align: center:
78     text-align: center;
79     padding:2px;         
80     clear:left;
81 }
82
83 div.room_tit {
84     position: relative;
85     top: 6px;
86     align: left;
87     text-align: left;
88     margin: 0px;
89     /* background-color: orange;  */
90     /* clip: auto; */
91     /* overflow: hidden; */
92 }
93
94 span.room_titin {
95     position: relative;
96     left: 6px;
97     top: 6px;
98     z-index: 100;
99     background-color: white; 
100 }
101
102 table.floaty {
103     width: 100%;
104     /* border: 1px solid red;   */
105     border-collapse: collapse;
106     border-spacing: 0px;
107     padding: 0px;
108 }
109
110 table.floaty td {
111     /* border: 1px solid orange; */
112     align: center;
113     text-align: center;
114     vertical-align: top;
115 }
116
117 table.floaty td.floatyleft {
118     width: 100px;
119 }
120
121 table.macro {
122     /* border: 1px solid orange; */
123     border-spacing: 0px;
124     align: center;
125     width: 100%;
126     padding: 0px;
127 }
128         
129 table.macro td {
130     /* border: 1px solid green;   */
131     align: center;
132     text-align: center;
133 }
134
135 div.room_tab {
136     /* border: 1px solid blue; */ 
137     /* background-color: green; */
138     height: 346px;
139     margin-left: auto;
140     margin-right: auto;
141     min-width: 680px;
142     max-width: 900px;
143     overflow: auto;
144 }
145
146 table.room_tab {
147     width: 100%;
148     /* border: 0px solid red; */
149     border-collapse: separate;
150     border-spacing: 4px;
151     border-style: none;
152 }
153
154 table.room_tab td {
155     /* background-color: yellow; */
156     width: 25%;
157     height: 110px;
158     vertical-align: top;
159     border: 1px solid gray;
160  }
161
162
163
164 div.room_div {
165     /* background-color: orange; */
166     position: relative; 
167 }
168
169 div.table_act { 
170     position: absolute;
171     align: right;
172     text-align: right;
173     width: 100%;
174     right: 4px;
175     top:   2px;
176 }
177
178
179 div.room_standup {
180     position: absolute; 
181     vertical-align: "top";
182     /* align: left; */
183     top:   26px;
184     width: 100%;
185     height: 80px;
186     padding: 0px;
187     margin: 0px;
188     /* background-color: orange; */
189     overflow: auto;
190     clip: auto;
191 }
192
193 table.room_standup {
194     position: relative; 
195     /* margin-left: 4px; */
196     width: 100%;
197     border: 1px solid gray;
198     border-spacing: 0px;
199     padding: 0px;
200 }
201
202 table.room_standup td {
203     /* background-color: yellow; */
204     position: relative;
205     border: 0px none gray; 
206     vertical-align: top;
207     align: left;
208  }
209
210 table.login { 
211     margin: auto;
212     border: 1px solid gray;
213     margin-top: 8px;
214  }
215
216 table.login td { 
217     padding: 4px;
218     vertical-align: middle;
219  }
220
221
222 div.room_ex_standup {
223     position: relative;
224     height: 106px;
225     align: left;
226     text-align: left;
227     padding: 0px;
228     overflow: hidden;
229 }
230
231 table.table_standup {
232     /* background-color: red; */
233
234     border-spacing: 0px;
235     width: 100%; 
236     margin: 0px;
237     padding:0px;
238 }
239
240 table.table_standup td {
241     /* background-color: green; */
242     /* border: 1px solid red;  */
243     width: 25%;
244     text-align: center;
245     align: center;
246     padding: 0px;
247     margin: 0px;
248 }
249
250 div.esco {
251     position: absolute;
252     text-align: right;  
253     top:  2px;
254     right: 4px;
255     z-index: 10;
256 }
257
258 .chatt {
259     height: 100px;
260     overflow: auto;
261     border: 1px solid gray;
262     /* padding: 2px;  */
263     vertical-align: text-bottom;
264 }
265
266 .txtt {
267     /*  font-size: 10pt;*/
268     position: relative;
269
270     top: 2px;
271     /* rows: 1; */
272 }
273
274 .urgmsg {
275     text-align: center;
276 }
277
278 .proxhr { 
279     position: relative;
280     top:  10px;
281     width: 100%;
282     align: center;
283     text-align: center;
284     /* background-color: green;  */
285 }
286
287 .webstart_hilite { 
288     background: #ffd780; 
289     border: 1px solid #ffae00;
290     padding: 6px; 
291     text-align: center;
292 }
293
294 .webstart {
295     position: absolute;
296     background-color: white;
297     left: 80px;
298     z-index: 20;
299     visibility: hidden;
300     border: 1px solid gray;
301     text-align: left;
302     width: 100px; 
303     padding: 8px;
304 }
305
306 .webstart a:link {
307     color: black;
308     line-height: 20px;
309     text-decoration: none;
310 }
311
312 .webstart a:visited {
313     color: black;
314     line-height: 20px;
315     text-decoration: none;
316 }
317
318 .webstart a:hover {
319     color: RGB(255,174,0);
320     line-height: 20px;
321     text-decoration: none;
322 }
323
324 .topbanner { 
325     position: relative;
326     align: center;
327     text-align:center;
328     background-color: #f8f8f8;
329     padding: 4px;
330     border: 1px solid #000000;
331 }
332
333 .topbanner a:link {
334     color: black;
335     line-height: 16px;
336     text-decoration: none;
337 }
338
339 .topbanner a:visited {
340     color: black;
341     line-height: 16px;
342     text-decoration: none;
343 }
344
345 .topbanner a:hover {
346     color: RGB(255,174,0);
347     line-height: 16px;
348     text-decoration: none;
349 }
350
351 .train {
352     position: absolute;
353     border: 0px solid blue;
354     visibility: hidden;
355     left: 0px;
356     top: 0px;
357     width: 0px;
358     height: 50px;
359     z-index: 10;
360     /*background-color: #ff00ff;
361      clip: auto;
362     overflow: hidden; */
363 }
364
365 .wagon {
366     position: absolute;
367     background-color: white;
368     border: 1px solid green;
369     cursor: pointer;
370     left: 0px;
371     top: 2px;
372     font-size: 10px;
373     font-weight: bold;
374     padding: 4px;
375     z-index: 10;
376     /* visibility: hidden; */
377 }
378
379 .wagon_disable {
380     position: absolute;
381     background-color: #aaaaaa;
382     border: 1px solid green;
383     cursor: default;
384     left: 0px;
385     top: 2px;
386     font-size: 10px;
387     font-weight: bold;
388     font-color: #999999;
389     padding: 4px;
390     /*z-index: -1;*/
391     /* visibility: hidden; */
392 }
393
394 .wagon_disable2 {
395     position: absolute;
396     cursor: default;
397     background-color: #555555;
398     border: 1px solid green;
399     left: 0px;
400     top: 2px;
401     font-size: 10px;
402     font-color: #333333;
403     padding: 4px;
404     /* z-index: -1;        */
405     /* visibility: hidden; */
406 }
407
408 .notebox {
409     background-color: #ffffff;
410     border: 1px solid red;
411     padding: 4px;
412     position: absolute;
413     visibility: hidden;
414     /* z-index: 15px; */
415 }
416
417 .room_standup_orig { 
418     position: absolute;
419 }
420
421 td.tickbut { 
422     visibility: hidden; 
423     width: 0px;
424     text-align: left;
425     vertical-align: top;
426     /* background-color: red; */
427     padding: 0px;
428 }
429
430 img.tickbut { 
431     border: 0px solid black;
432     cursor: pointer;
433     margin-top:4px;
434 }