1 |
body { |
2 |
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; |
3 |
font-size: 80%; /* Enables font size scaling in MSIE */ |
4 |
color: #213242; |
5 |
margin: 0; |
6 |
padding: 0; |
7 |
} |
8 |
|
9 |
#header { |
10 |
font-family: verdana, helvetica, arial, sans-serif; |
11 |
font-size: 93%; |
12 |
} |
13 |
|
14 |
.superHeader { |
15 |
color: rgb(130,128,154); |
16 |
background-color: rgb(33,50,66); |
17 |
text-align: right; |
18 |
margin: 0; |
19 |
padding: 0.5ex 10px; |
20 |
} |
21 |
|
22 |
.superHeader a { |
23 |
color: rgb(195,196,210); |
24 |
background-color: transparent; |
25 |
text-decoration: none; |
26 |
margin: 0; |
27 |
padding: 0 0.25ex 0 0; |
28 |
} |
29 |
|
30 |
.superHeader a:hover { |
31 |
color: rgb(193,102,90); |
32 |
background-color: transparent; |
33 |
text-decoration: none; |
34 |
} |
35 |
|
36 |
.midHeader { |
37 |
color: white; |
38 |
background-color: rgb(61,92,122); |
39 |
margin: 0; |
40 |
padding: 0.26ex 10px; |
41 |
} |
42 |
|
43 |
.headerSubTitle { |
44 |
font-size: 151%; |
45 |
font-weight: normal; |
46 |
font-style: italic; |
47 |
margin: 0 0 1ex 0; |
48 |
padding: 0; |
49 |
} |
50 |
|
51 |
.subHeader { |
52 |
color: white; |
53 |
background-color: rgb(117,144,174); |
54 |
margin: 0; |
55 |
padding: 0.5ex 10px; |
56 |
} |
57 |
|
58 |
.subHeader a, .subHeader .highlight { |
59 |
color: white; |
60 |
background-color: transparent; |
61 |
font-size: 110%; |
62 |
font-weight: bold; |
63 |
text-decoration: none; |
64 |
margin: 0; |
65 |
padding: 0 0.25ex 0 0; |
66 |
} |
67 |
|
68 |
.subHeader a:hover, .subHeader .highlight { |
69 |
color: rgb(255,204,0); |
70 |
background-color: transparent; |
71 |
text-decoration: none; |
72 |
} |
73 |
|
74 |
.doNotDisplay { |
75 |
display: none !important; |
76 |
} |
77 |
|
78 |
|
79 |
td { |
80 |
font-size: 80%; |
81 |
} |
82 |
|
83 |
|
84 |
#navigation { |
85 |
float: left; |
86 |
padding: 0; |
87 |
margin: 0; |
88 |
width: 100%; |
89 |
|
90 |
} |
91 |
|
92 |
#navlist { |
93 |
padding: 3px 20px; |
94 |
margin: 0 40; |
95 |
border-bottom: 4px solid #7590ae; |
96 |
} |
97 |
|
98 |
#navlist li { |
99 |
list-style: none; |
100 |
display: inline; |
101 |
margin: 0; |
102 |
} |
103 |
|
104 |
|
105 |
#navlist li a { |
106 |
padding: 3px 0.5em; |
107 |
margin-left: 3px; |
108 |
border: 1px solid #7590ae; |
109 |
background: white; |
110 |
text-decoration: none; |
111 |
} |
112 |
|
113 |
#navlist li a:link { color: #448; } |
114 |
|
115 |
#navlist li a:visited { color: #667; } |
116 |
|
117 |
#navlist li a:hover { |
118 |
color: white; |
119 |
background: #7590ae; |
120 |
border-color: #7590ae; |
121 |
} |
122 |
|
123 |
#navlist li a#current { |
124 |
background: #7590ae; |
125 |
color: white; |
126 |
border-bottom: 1px solid #7590ae; |
127 |
} |
128 |
|
129 |
#intro { |
130 |
float: left; |
131 |
clear: left; |
132 |
} |
133 |
|
134 |
#intro h3 { |
135 |
padding: 0 10 0 40; |
136 |
color: rgb(117,144,174); |
137 |
font-size: 100%; |
138 |
font-weight: bold; |
139 |
} |
140 |
|
141 |
#searchform { |
142 |
float: left; |
143 |
clear: left; |
144 |
padding: 0 10 0 40; |
145 |
} |
146 |
|
147 |
|
148 |
.submit, .reset { |
149 |
margin: 0px 0px 0px 0px; |
150 |
padding: 0px 0px 0px 0px; |
151 |
color: #3d5c7a; |
152 |
background-color: #ffffff; |
153 |
border-color: #000080; |
154 |
border-top-color: #7590ae; |
155 |
border-left-color: #7590ae; |
156 |
border-right-color: #213242; |
157 |
border-bottom-color: #213242; |
158 |
|
159 |
} |
160 |
|
161 |
|
162 |
#abc h3 { |
163 |
padding: 5 10 0 0; |
164 |
color: rgb(117,144,174); |
165 |
font-size: 100%; |
166 |
font-weight: bold; |
167 |
} |
168 |
|
169 |
#abc { |
170 |
float: left; |
171 |
clear: none; |
172 |
padding: 0 20; |
173 |
margin: 0 0 0 90; |
174 |
border: 1px solid #7590AE; |
175 |
} |
176 |
|
177 |
|
178 |
#abc a { |
179 |
font-weight: bold; |
180 |
color: #3d5c7a; |
181 |
} |
182 |
|
183 |
#abc a:hover { |
184 |
color: #3d5c7a; |
185 |
text-decoration: none; |
186 |
} |
187 |
|
188 |
#adv { |
189 |
float: left; |
190 |
clear: none; |
191 |
padding: 0 20; |
192 |
margin: 0 0 0 90; |
193 |
border: 1px solid #7590AE; |
194 |
} |
195 |
|
196 |
#limiterTitle { |
197 |
font-weight: bold; |
198 |
} |
199 |
|
200 |
#limiter { |
201 |
float: left; |
202 |
clear: left; |
203 |
margin: 20 10 10 40; |
204 |
padding: 10; |
205 |
} |
206 |
|
207 |
.small { |
208 |
font-size: 90%; |
209 |
} |
210 |
|
211 |
|
212 |
/* |
213 |
p { |
214 |
font-size: 75%; |
215 |
} |
216 |
|
217 |
h2 { |
218 |
font-size: 16px; font-weight: bold; |
219 |
color: #000080; |
220 |
} |
221 |
|
222 |
.tdH1 { |
223 |
font-size: 75%; |
224 |
} |
225 |
|
226 |
.navigacija { |
227 |
font-size : 11px; |
228 |
margin: 0px 0px 0px 0px; |
229 |
padding: 0px 0px 0px 0px; |
230 |
border-width: 1px; |
231 |
color: #000080; |
232 |
background-color: #FFFFFF; |
233 |
border-color: #000080; |
234 |
border-top-color: #8080f0; |
235 |
border-left-color: #8080f0; |
236 |
border-right-color: #000080; |
237 |
border-bottom-color: #000080; |
238 |
} |
239 |
|
240 |
|
241 |
.submit { |
242 |
font-size : 17px; |
243 |
margin: 0px 0px 0px 0px; |
244 |
padding: 0px 0px 0px 0px; |
245 |
color: #000080; |
246 |
background-color: #ffffff; |
247 |
border-color: #000080; |
248 |
border-top-color: #8080f0; |
249 |
border-left-color: #8080f0; |
250 |
border-right-color: #000080; |
251 |
border-bottom-color: #000080; |
252 |
|
253 |
} |
254 |
|
255 |
.reset { |
256 |
font-size : 12px; |
257 |
margin: 0px 0px 0px 0px; |
258 |
padding: 0px 0px 0px 0px; |
259 |
color: #000080; |
260 |
background-color: #ffffff; |
261 |
border-color: #000080; |
262 |
border-top-color: #8080f0; |
263 |
border-left-color: #8080f0; |
264 |
border-right-color: #000080; |
265 |
border-bottom-color: #000080; |
266 |
} |
267 |
|
268 |
|
269 |
.label1 { |
270 |
font-size: 75%; |
271 |
text-align: right; |
272 |
} |
273 |
|
274 |
.label2 { |
275 |
font-size: 75%; |
276 |
vertical-align: top; |
277 |
} |
278 |
|
279 |
|
280 |
.example { |
281 |
font-size: 70%; |
282 |
font-style: italic; |
283 |
} |
284 |
|
285 |
.limiter { |
286 |
vertical-align: top; |
287 |
font-size: 75%; |
288 |
} |
289 |
|
290 |
.results { |
291 |
font-size: 110%; |
292 |
border: 1px ; |
293 |
} |
294 |
|
295 |
*/ |
296 |
/* links in headline shouldn't have underline (it looks ugly) */ |
297 |
|
298 |
a { |
299 |
color: #3D5C7A; |
300 |
} |
301 |
|
302 |
.headline { |
303 |
text-decoration: none; |
304 |
color: #3D5C7A; |
305 |
} |