1/* calendar icon */
2img.tcalIcon {
3 cursor: pointer;
4 margin-left: 1px;
5 vertical-align: middle;
6}
7/* calendar container element */
8div#tcal {
9 position: absolute;
10 visibility: hidden;
11 z-index: 100;
12 width: 158px;
13 padding: 2px 0 0 0;
14 z-index: 1003;
15 color: #000000;
16
-moz-box-shadow:5px 5px 5px rgba(0,0,0,.5);
17
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.5);
18
-o-box-shadow:5px 5px 5px rgba(0,0,0,.5);
19 box-shadow:5px 5px 5px rgba(0,0,0,.5);
20}
21/* all tables in calendar */
22div#tcal table {
23 width: 100%;
24 border: 1px solid silver;
25 border-collapse: collapse;
26 background-color: white;
27}
28/* navigation table */
29div#tcal table.ctrl {
30 border-bottom: 0;
31}
32/* navigation buttons */
33div#tcal table.ctrl td {
34 width: 15px;
35 height: 20px;
36}
37/* month year header */
38div#tcal table.ctrl th {
39 background-color: white;
40 color: black;
41 border: 0;
42}
43/* week days header */
44div#tcal th {
45 border: 1px solid silver;
46 border-collapse: collapse;
47 text-align: center;
48 padding: 3px 0;
49 font-family: tahoma, verdana, arial;
50 font-size: 10px;
51 background-color: gray;
52 color: white;
53}
54/* date cells */
55div#tcal td {
56 border: 0;
57 border-collapse: collapse;
58 text-align: center;
59 padding: 2px 0;
60 font-family: tahoma, verdana, arial;
61 font-size: 11px;
62 width: 22px;
63 cursor: pointer;
64}
65/* date highlight
66 in case of conflicting settings order here determines the priority from least to most important */
67div#tcal td.othermonth {
68 color: silver;
69}
70div#tcal td.weekend {
71 background-color: #ACD6F5;
72}
73div#tcal td.today {
74 border: 1px solid red;
75}
76div#tcal td.selected {
77 background-color: #FFB3BE;
78}
79/* iframe element used to suppress windowed controls in IE5/6 */
80iframe#tcalIF {
81 position: absolute;
82 visibility: hidden;
83 z-index: 98;
84 border: 0;
85}
86/* transparent shadow */
87div#tcalShade {
88 position: absolute;
89 visibility: hidden;
90 z-index: 99;
91}
92div#tcalShade table {
93 border: 0;
94 border-collapse: collapse;
95 width: 100%;
96}
97div#tcalShade table td {
98 border: 0;
99 border-collapse: collapse;
100 padding: 0;
101}