Subversion Repositories oidinfo_new_design

Rev

Rev 16 | Only display areas with differences | Regard whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 16 Rev 33
1 
 
 1 
 
2 
/** Style for all pages **/
 2 
/** Style for all pages **/
3 
#standards {
 3 
#standards {
4 
    width: 100%;
 4 
    width: 100%;
5 
    margin-left: auto;
 5 
    margin-left: auto;
6 
    margin-right: auto;
 6 
    margin-right: auto;
7 
    /*background: #eee;*/
 7 
    /*background: #eee;*/
8 
    padding: auto;
 8 
    padding: auto;
9 
    display: block;
 9 
    display: block;
10 
    display: block;
 10 
    display: block;
11 
    height: auto;
 11 
    height: auto;
12 
}
 12 
}
13 
 
 13 
 
14 
#what_is_an_OID, #table_faq, #table_search_in_basic_search, #management, #management_mobile, #reg_in_regexp, #oid_validate_mobile {
 14 
#what_is_an_OID, #table_faq, #table_search_in_basic_search, #management, #management_mobile, #reg_in_regexp, #oid_validate_mobile {
15 
    width: 100%;
 15 
    width: 100%;
16 
    margin-left: auto;
 16 
    margin-left: auto;
17 
    margin-right: auto;
 17 
    margin-right: auto;
18 
    /*background: #eee;*/
 18 
    /*background: #eee;*/
19 
    float: left;
 19 
    float: left;
20 
    padding: auto;
 20 
    padding: auto;
21 
    display: block;
 21 
    display: block;
22 
    height: auto;
 22 
    height: auto;
23 
}
 23 
}
24 
 
 24 
 
25 
#allocated_in_index, #repository_in_index, #explanations_in_index {
 25 
#allocated_in_index, #repository_in_index, #explanations_in_index {
26 
    width: 100%;
 26 
    width: 100%;
27 
    margin-left: auto;
 27 
    margin-left: auto;
28 
    margin-right: auto;
 28 
    margin-right: auto;
29 
    /*background: #eee;*/
 29 
    /*background: #eee;*/
30 
    float: left;
 30 
    float: left;
31 
    padding: auto;
 31 
    padding: auto;
32 
    display: none;
 32 
    display: none;
33 
    height: auto;
 33 
    height: auto;
34 
}
 34 
}
35 
 
 35 
 
36 
#table_display_in_index, #extraction {
 36 
#table_display_in_index, #extraction {
37 
    width: 100%;
 37 
    width: 100%;
38 
    margin-left: auto;
 38 
    margin-left: auto;
39 
    margin-right: auto;
 39 
    margin-right: auto;
40 
    /*background: #eee;*/
 40 
    /*background: #eee;*/
41 
    float: left;
 41 
    float: left;
42 
    /*padding: 0.5%;*/
 42 
    /*padding: 0.5%;*/
43 
    display: block;
 43 
    display: block;
44 
    height: auto;
 44 
    height: auto;
45 
}
 45 
}
46 
 
 46 
 
47 
#table_draw_in_index, #table_add_in_index, #warning_in_index, #number_oid_in_index, #table_answers_in_faq, #name-forms {
 47 
#table_draw_in_index, #table_add_in_index, #warning_in_index, #number_oid_in_index, #table_answers_in_faq, #name-forms {
48 
    width: 100%;
 48 
    width: 100%;
49 
    margin-left: auto;
 49 
    margin-left: auto;
50 
    margin-right: auto;
 50 
    margin-right: auto;
51 
    margin-top: 2%;
 51 
    margin-top: 2%;
52 
    /*background: #eee;*/
 52 
    /*background: #eee;*/
53 
    float: left;
 53 
    float: left;
54 
    /*padding: 0.5%;*/
 54 
    /*padding: 0.5%;*/
55 
    display: block;
 55 
    display: block;
56 
}
 56 
}
57 
 
 57 
 
58 
#introduction {
 58 
#introduction {
59 
    width: 98%;
 59 
    width: 98%;
60 
    margin-left: auto;
 60 
    margin-left: auto;
61 
    margin-right: auto;
 61 
    margin-right: auto;
62 
    /*background: #eee;*/
 62 
    /*background: #eee;*/
63 
    float: left;
 63 
    float: left;
64 
    padding-left: 2%;
 64 
    padding-left: 2%;
65 
    display: block;
 65 
    display: block;
66 
}
 66 
}
67 
 
 67 
 
68 
#manage_in_management {
 68 
#manage_in_management {
69 
    width: 99%;
 69 
    width: 99%;
70 
    margin-left: auto;
 70 
    margin-left: auto;
71 
    margin-right: auto;
 71 
    margin-right: auto;
72 
    margin-top: 2%;
 72 
    margin-top: 2%;
73 
    /*background: #eee;*/
 73 
    /*background: #eee;*/
74 
    float: left;
 74 
    float: left;
75 
    /*padding: 0.5%;*/
 75 
    /*padding: 0.5%;*/
76 
    display: block;
 76 
    display: block;
77 
}
 77 
}
78 
 
 78 
 
79 
#errors, #errors_mobile {
 79 
#errors, #errors_mobile {
80 
    width: 100%;
 80 
    width: 100%;
81 
    margin-left: auto;
 81 
    margin-left: auto;
82 
    margin-right: auto;
 82 
    margin-right: auto;
83 
    margin-top: 2%;
 83 
    margin-top: 2%;
84 
    margin-bottom: 2%;
 84 
    margin-bottom: 2%;
85 
    /*background: #eee;*/
 85 
    /*background: #eee;*/
86 
    float: left;
 86 
    float: left;
87 
    padding: auto;
 87 
    padding: auto;
88 
    display: block;
 88 
    display: block;
89 
    height: auto;
 89 
    height: auto;
90 
}
 90 
}
91 
 
 91 
 
92 
#count_in_management, #country_in_management, #search_replace_in_management, #admin_in_management, #execute_in_management, #accounts_in_management,
 92 
#count_in_management, #country_in_management, #search_replace_in_management, #admin_in_management, #execute_in_management, #accounts_in_management,
93 
#display_example_in_management, #explanations_in_management, #registrant_chart_in_management {
 93 
#display_example_in_management, #explanations_in_management, #registrant_chart_in_management {
94 
    width: 98%;
 94 
    width: 98%;
95 
    margin-left: auto;
 95 
    margin-left: auto;
96 
    margin-right: auto;
 96 
    margin-right: auto;
97 
    margin-top: 2%;
 97 
    margin-top: 2%;
98 
    /*background: #eee;*/
 98 
    /*background: #eee;*/
99 
    float: left;
 99 
    float: left;
100 
    /*padding: 1%;*/
 100 
    /*padding: 1%;*/
101 
    display: none;
 101 
    display: none;
102 
}
 102 
}
103 
 
 103 
 
104 
#main_actions_in_index {
 104 
#main_actions_in_index {
105 
    width: 100%;
 105 
    width: 100%;
106 
    margin-left: auto;
 106 
    margin-left: auto;
107 
    margin-right: auto;
 107 
    margin-right: auto;
108 
    height: auto;
 108 
    height: auto;
109 
    max-width: 750px;
 109 
    max-width: 750px;
110 
    min-width: 300px;
 110 
    min-width: 300px;
111 
}
 111 
}
112 
 
 112 
 
113 
.rounded {
 113 
.rounded {
114 
    -webkit-border-radius: 20px;
 114 
    -webkit-border-radius: 20px;
115 
    -moz-border-radius: 20px;
 115 
    -moz-border-radius: 20px;
116 
    border-radius: 20px;
 116 
    border-radius: 20px;
117 
}
 117 
}
118 
 
 118 
 
119 
#menu {
 119 
#menu {
120 
    width: 98%;
 120 
    width: 98%;
121 
    margin-right: 2%;
 121 
    margin-right: 2%;
122 
    margin-top: 2%;
 122 
    margin-top: 2%;
123 
}
 123 
}
124 
 
 124 
 
125 
    #menu ul {
 125 
    #menu ul {
126 
        float: right;
 126 
        float: right;
127 
        padding: 0;
 127 
        padding: 0;
128 
        margin: 0;
 128 
        margin: 0;
129 
        list-style: none;
 129 
        list-style: none;
130 
        line-height: 35px;
 130 
        line-height: 35px;
131 
        text-align: left;
 131 
        text-align: left;
132 
    }
 132 
    }
133 
 
 133 
 
134 
    #menu li {
 134 
    #menu li {
135 
        margin: auto;
 135 
        margin: auto;
136 
        padding: 0;
 136 
        padding: 0;
137 
        background-color: black;
 137 
        background-color: black;
138 
        position: relative;
 138 
        position: relative;
139 
    }
 139 
    }
140 
 
 140 
 
141 
        #menu li a {
 141 
        #menu li a {
142 
            display: block;
 142 
            display: block;
143 
            background: #E28923 /*#6e6e6e*/;
 143 
            background: #E28923 /*#6e6e6e*/;
144 
            color: #fff;
 144 
            color: #fff;
145 
            text-decoration: none;
 145 
            text-decoration: none;
146 
            width: 150px;
 146 
            width: 150px;
147 
            padding: 0px 15px 0px;
 147 
            padding: 0px 15px 0px;
148 
            font-family: Arial, Helvetica, sans-serif;
 148 
            font-family: Arial, Helvetica, sans-serif;
149 
            font-size: 11px;
 149 
            font-size: 11px;
150 
            font-weight: bold;
 150 
            font-weight: bold;
151 
            line-height: 20px;
 151 
            line-height: 20px;
152 
        }
 152 
        }
153 
 
 153 
 
154 
        #menu li img {
 154 
        #menu li img {
155 
            display: block;
 155 
            display: block;
156 
            background: #E28923 /*#6e6e6e*/;
 156 
            background: #E28923 /*#6e6e6e*/;
157 
            width: 20px;
 157 
            width: 20px;
158 
            padding: 0px 15px 0px;
 158 
            padding: 0px 15px 0px;
159 
        }
 159 
        }
160 
 
 160 
 
161 
        #menu li a:hover {
 161 
        #menu li a:hover {
162 
            background: #E23923;
 162 
            background: #E23923;
163 
        }
 163 
        }
164 
 
 164 
 
165 
    #menu ul li ul {
 165 
    #menu ul li ul {
166 
        display: none;
 166 
        display: none;
167 
    }
 167 
    }
168 
 
 168 
 
169 
    #menu ul li:hover ul {
 169 
    #menu ul li:hover ul {
170 
        display: block;
 170 
        display: block;
171 
    }
 171 
    }
172 
 
 172 
 
173 
    #menu li:hover ul li {
 173 
    #menu li:hover ul li {
174 
        float: none;
 174 
        float: none;
175 
    }
 175 
    }
176 
 
 176 
 
177 
    #menu li ul {
 177 
    #menu li ul {
178 
        position: absolute;
 178 
        position: absolute;
179 
    }
 179 
    }
180 
 
 180 
 
181 
#header img {
 181 
#header img {
182 
    display: inline;
 182 
    display: inline;
183 
    float: left;
 183 
    float: left;
184 
}
 184 
}
185 
 
 185 
 
186 
#header_url_and_menu {
 186 
#header_url_and_menu {
187 
    width: 100%;
 187 
    width: 100%;
188 
}
 188 
}
189 
 
 189 
 
190 
#header_menu_right {
 190 
#header_menu_right {
191 
    float: inline;
 191 
    float: inline;
192 
    margin-left: 32%;
 192 
    margin-left: 32%;
193 
    position: absolute;
 193 
    position: absolute;
194 
}
 194 
}
195 
 
 195 
 
196 
#country-oid-general, #country-oid-title {
 196 
#country-oid-general, #country-oid-title {
197 
    width: 100%;
 197 
    width: 100%;
198 
    margin-left: auto;
 198 
    margin-left: auto;
199 
    margin-right: auto;
 199 
    margin-right: auto;
200 
    margin-top: 2%;
 200 
    margin-top: 2%;
201 
    /*background: #eee;*/
 201 
    /*background: #eee;*/
202 
    float: left;
 202 
    float: left;
203 
    /*padding: 0.5%;*/
 203 
    /*padding: 0.5%;*/
204 
    display: block;
 204 
    display: block;
205 
}
 205 
}
206 
 
 206 
 
207 
#country-oid-check-list, #country-oid-template, #country-oid-RAS {
 207 
#country-oid-check-list, #country-oid-template, #country-oid-RAS {
208 
    width: 100%;
 208 
    width: 100%;
209 
    margin-left: auto;
 209 
    margin-left: auto;
210 
    margin-right: auto;
 210 
    margin-right: auto;
211 
    margin-top: 2%;
 211 
    margin-top: 2%;
212 
    /*background: #eee;*/
 212 
    /*background: #eee;*/
213 
    float: left;
 213 
    float: left;
214 
    /*padding: 0.5%;*/
 214 
    /*padding: 0.5%;*/
215 
    display: none;
 215 
    display: none;
216 
}
 216 
}
217 
/** end style for all pages **/
 217 
/** end style for all pages **/
218 
 
 218 
 
219 
.question {
 219 
.question {
220 
    font-weight: bold;
 220 
    font-weight: bold;
221 
}
 221 
}
222 
 
 222 
 
223 
/**Screen version**/
 223 
/**Screen version**/
224 
@media (min-width: 768px) {
 224 
@media (min-width: 768px) {
225 
 
 225 
 
226 
    #header_h1 {
 226 
    #header_h1 {
227 
        color: rgb(226, 137, 34);
 227 
        color: rgb(226, 137, 34);
228 
        font-size: 35px;
 228 
        font-size: 35px;
229 
        font-weight: bold;
 229 
        font-weight: bold;
230 
        text-decoration: none !important;
 230 
        text-decoration: none !important;
231 
        float: none !important;
 231 
        float: none !important;
232 
    }
 232 
    }
233 
 
 233 
 
234 
    #header_url {
 234 
    #header_url {
235 
        float: left;
 235 
        float: left;
236 
        color: rgb(226, 137, 34);
 236 
        color: rgb(226, 137, 34);
237 
        font-size: 15px;
 237 
        font-size: 15px;
238 
        font-weight: bold;
 238 
        font-weight: bold;
239 
        margin-left: 10px;
 239 
        margin-left: 10px;
240 
        display: inline-block;
 240 
        display: inline-block;
241 
    }
 241 
    }
242 
 
 242 
 
243 
    #header_mobile, #remote_button, #navigation {
 243 
    #header_mobile, #remote_button, #navigation {
244 
        display: none;
 244 
        display: none;
245 
    }
 245 
    }
246 
 
 246 
 
247 
    #global_container {
 247 
    #global_container {
248 
        display: block;
 248 
        display: block;
249 
    }
 249 
    }
250 
 
 250 
 
251 
    #footer {
 251 
    #footer {
252 
        display: block;
 252 
        display: block;
253 
        clear: both; /* remove left-float */
 253 
        clear: both; /* remove left-float */
254 
        position: relative;
 254 
        position: relative;
255 
    }
 255 
    }
256 
 
 256 
 
257 
    #main_actions_in_index {
 257 
    #main_actions_in_index {
258 
        display: block;
 258 
        display: block;
259 
    }
 259 
    }
260 
 
 260 
 
261 
    #section_menu_in_management {
 261 
    #section_menu_in_management {
262 
        display: block;
 262 
        display: block;
263 
    }
 263 
    }
264 
 
 264 
 
265 
    #manage_in_management {
 265 
    #manage_in_management {
266 
        display: block;
 266 
        display: block;
267 
    }
 267 
    }
268 
 
 268 
 
269 
    #errors_mobile, #management_mobile {
 269 
    #errors_mobile, #management_mobile {
270 
        display: none;
 270 
        display: none;
271 
    }
 271 
    }
272 
 
 272 
 
273 
    #errors, #management {
 273 
    #errors, #management {
274 
        display: block;
 274 
        display: block;
275 
    }
 275 
    }
276 
 
 276 
 
277 
    #oid_validate_mobile {
 277 
    #oid_validate_mobile {
278 
        display: none;
 278 
        display: none;
279 
    }
 279 
    }
280 
 
 280 
 
281 
    #country-oid-title {
 281 
    #country-oid-title {
282 
        display: block;
 282 
        display: block;
283 
    }
 283 
    }
284 
 
 284 
 
285 
    #country-oid-general {
 285 
    #country-oid-general {
286 
        display: block;
 286 
        display: block;
287 
    }
 287 
    }
288 
 
 288 
 
289 
    body {
 289 
    body {
290 
        font-family: arial,sans-serif;
 290 
        font-family: arial,sans-serif;
291 
    }
 291 
    }
292 
    /***Page header***/
 292 
    /***Page header***/
293 
    #global_container {
 293 
    #global_container {
294 
        width: 800px;
 294 
        width: 800px;
295 
        max-width: calc( 100% - 20px );
 295 
        max-width: calc( 100% - 20px );
296 
        height: auto;
 296 
        height: auto;
297 
        margin: 0px auto 0px;
 297 
        margin: 0px auto 0px;
298 
        padding: 0px;
 298 
        padding: 0px;
299 
        position: relative;
 299 
        position: relative;
300 
    }
 300 
    }
301 
 
 301 
 
302 
    #header {
 302 
    #header {
303 
        width: 760px;
 303 
        width: 760px;
304 
        max-width: calc( 100% - 20px );
 304 
        max-width: calc( 100% - 20px );
305 
        height: 110px;
 305 
        height: 110px;
306 
        background-color: #E9E9E9;
 306 
        background-color: #E9E9E9;
307 
        margin-top: 22px;
 307 
        margin-top: 22px;
308 
        padding: 20px;
 308 
        padding: 20px;
309 
        position: relative;
 309 
        position: relative;
310 
        margin: 0px auto 0px;
 310 
        margin: 0px auto 0px;
311 
    }
 311 
    }
312 
 
 312 
 
313 
        #header h1 {
 313 
        #header h1 {
314 
            position: relative;
 314 
            position: relative;
315 
            font-weight: bold;
 315 
            font-weight: bold;
316 
            /*color: #fff;*/
 316 
            /*color: #fff;*/
317 
            font-size: 20px;
 317 
            font-size: 20px;
318 
            display: inline;
 318 
            display: inline;
319 
            float: left;
 319 
            float: left;
320 
            margin: -10px 0px 0px 10px;
 320 
            margin: -10px 0px 0px 10px;
321 
        }
 321 
        }
322 
 
 322 
 
323 
    #bg_menu {
 323 
    #bg_menu {
324 
        width: 779px;
 324 
        width: 779px;
325 
        max-width: calc( 100% - 20px );
 325 
        max-width: calc( 100% - 20px );
326 
        height: 41px;
 326 
        height: 41px;
327 
        background-color: #5f5f5f;
 327 
        background-color: #5f5f5f;
328 
        padding: 0px 21px 0px 0px;
 328 
        padding: 0px 21px 0px 0px;
329 
        margin-bottom: 14px;
 329 
        margin-bottom: 14px;
330 
        position: relative;
 330 
        position: relative;
331 
        z-index: 1200;
 331 
        z-index: 1200;
332 
    }
 332 
    }
333 
 
 333 
 
334 
    #header_menu {
 334 
    #header_menu {
335 
        font-weight: bold;
 335 
        font-weight: bold;
336 
        font-family: Arial;
 336 
        font-family: Arial;
337 
    }
 337 
    }
338 
 
 338 
 
339 
        #header_menu, #header_menu ul {
 339 
        #header_menu, #header_menu ul {
340 
            float: right;
 340 
            float: right;
341 
            padding: 0;
 341 
            padding: 0;
342 
            margin: 0;
 342 
            margin: 0;
343 
            list-style: none;
 343 
            list-style: none;
344 
            line-height: 35px;
 344 
            line-height: 35px;
345 
            text-align: left;
 345 
            text-align: left;
346 
        }
 346 
        }
347 
 
 347 
 
348 
            html > body #header_menu li {
 348 
            html > body #header_menu li {
349 
                border-right: 1px solid transparent;
 349 
                border-right: 1px solid transparent;
350 
            }
 350 
            }
351 
 
 351 
 
352 
            #header_menu li {
 352 
            #header_menu li {
353 
                float: left;
 353 
                float: left;
354 
                border-right: 1px solid #fff;
 354 
                border-right: 1px solid #fff;
355 
            }
 355 
            }
356 
 
 356 
 
357 
            #header_menu a {
 357 
            #header_menu a {
358 
                display: block;
 358 
                display: block;
359 
                background: #E28923;
 359 
                background: #E28923;
360 
                color: #fff;
 360 
                color: #fff;
361 
                text-decoration: none;
 361 
                text-decoration: none;
362 
                width: auto;
 362 
                width: auto;
363 
                padding: 0px 15px 0px;
 363 
                padding: 0px 15px 0px;
364 
                text-transform: uppercase;
 364 
                text-transform: uppercase;
365 
                font-family: Arial, Helvetica, sans-serif;
 365 
                font-family: Arial, Helvetica, sans-serif;
366 
                font-size: 14px;
 366 
                font-size: 14px;
367 
                font-weight: bold;
 367 
                font-weight: bold;
368 
            }
 368 
            }
369 
 
 369 
 
370 
            #header_menu img {
 370 
            #header_menu img {
371 
                display: block;
 371 
                display: block;
372 
                background: #E28923 /*#6e6e6e*/;
 372 
                background: #E28923 /*#6e6e6e*/;
373 
                color: #fff;
 373 
                color: #fff;
374 
                margin-left: 0px;
 374 
                margin-left: 0px;
375 
            }
 375 
            }
376 
 
 376 
 
377 
            #header_menu a:hover {
 377 
            #header_menu a:hover {
378 
                background: #E23923;
 378 
                background: #E23923;
379 
            }
 379 
            }
380 
 
 380 
 
381 
            #header_menu img:hover {
 381 
            #header_menu img:hover {
382 
                background: #E23923;
 382 
                background: #E23923;
383 
            }
 383 
            }
384 
    /*** Vertical menu ***/
 384 
    /*** Vertical menu ***/
385 
    .vertical_menu {
 385 
    .vertical_menu {
386 
        width: 190px;
 386 
        width: 190px;
387 
        margin-left: 73.5%;
 387 
        margin-left: 73.5%;
388 
        height: 297px;
 388 
        height: 297px;
389 
        background-color: #E28923;
 389 
        background-color: #E28923;
390 
        text-align: left;
 390 
        text-align: left;
391 
        border: 3px solid #E28923;
 391 
        border: 3px solid #E28923;
392 
    }
 392 
    }
393 
 
 393 
 
394 
        .vertical_menu ul {
 394 
        .vertical_menu ul {
395 
            margin: 0;
 395 
            margin: 0;
396 
            padding: 0;
 396 
            padding: 0;
397 
            width: 100%;
 397 
            width: 100%;
398 
            list-style-type: none;
 398 
            list-style-type: none;
399 
        }
 399 
        }
400 
 
 400 
 
401 
            .vertical_menu ul li a {
 401 
            .vertical_menu ul li a {
402 
                text-decoration: none;
 402 
                text-decoration: none;
403 
                color: #fff;
 403 
                color: #fff;
404 
                padding: 10.5px 11px;
 404 
                padding: 10.5px 11px;
405 
                background-color: #E28923;
 405 
                background-color: #E28923;
406 
                display: block;
 406 
                display: block;
407 
                font-size: 17px;
 407 
                font-size: 17px;
408 
            }
 408 
            }
409 
 
 409 
 
410 
                .vertical_menu ul li a:hover, .vertical_menu ul li .current {
 410 
                .vertical_menu ul li a:hover, .vertical_menu ul li .current {
411 
                    background-color: #E23923;
 411 
                    background-color: #E23923;
412 
                }
 412 
                }
413 
    /*** banner ***/
 413 
    /*** banner ***/
414 
    #wrapper_carousel {
 414 
    #wrapper_carousel {
415 
        position: relative;
 415 
        position: relative;
416 
        width: 60%;
 416 
        width: 60%;
417 
        height: 300px;
 417 
        height: 300px;
418 
        margin-bottom: 15px;
 418 
        margin-bottom: 15px;
419 
        float: left;
 419 
        float: left;
420 
        margin-left: 7px;
 420 
        margin-left: 7px;
421 
    }
 421 
    }
422 
    /***************************/
 422 
    /***************************/
423 
    a img {
 423 
    a img {
424 
        border: none;
 424 
        border: none;
425 
    }
 425 
    }
426 
 
 426 
 
427 
    #content h1 {
 427 
    #content h1 {
428 
        font-weight: bold;
 428 
        font-weight: bold;
429 
        font-size: 20px;
 429 
        font-size: 20px;
430 
    }
 430 
    }
431 
 
 431 
 
432 
    #search {
 432 
    #search {
433 
        position: absolute;
 433 
        position: absolute;
434 
        left: 700px;
 434 
        left: 700px;
435 
    }
 435 
    }
436 
 
 436 
 
437 
    #google_translate {
 437 
    #google_translate {
438 
        display: inline;
 438 
        display: inline;
439 
        float: right;
 439 
        float: right;
440 
    }
 440 
    }
441 
 
 441 
 
442 
    #global_content {
 442 
    #global_content {
443 
        width: 800px; /* 760 + 2*20 */
 443 
        width: 800px; /* 760 + 2*20 */
444 
        max-width: calc( 100% - 20px );
 444 
        max-width: calc( 100% - 20px );
445 
        height: auto;
 445 
        height: auto;
446 
        background-color: white;
 446 
        background-color: white;
447 
        padding: 20px;
 447 
        padding: 20px;
448 
        position: relative;
 448 
        position: relative;
449 
        margin: 0px auto 0px;
 449 
        margin: 0px auto 0px;
450 
        margin-top: 20px;
 450 
        margin-top: 20px;
451 
    }
 451 
    }
452 
 
 452 
 
453 
    #error400, #error403-404, #error500 {
 453 
    #error400, #error403-404, #error500 {
454 
        width: 750px;
 454 
        width: 750px;
455 
        max-width: calc( 100% - 20px );
 455 
        max-width: calc( 100% - 20px );
456 
        border: 3px solid #7f7f7f;
 456 
        border: 3px solid #7f7f7f;
457 
        margin-left: auto;
 457 
        margin-left: auto;
458 
        margin-right: auto;
 458 
        margin-right: auto;
459 
        /*background: #eee;*/
 459 
        /*background: #eee;*/
460 
        float: center;
 460 
        float: center;
461 
        padding: 3px;
 461 
        padding: 3px;
462 
        display: block;
 462 
        display: block;
463 
        height: auto;
 463 
        height: auto;
464 
    }
 464 
    }
465 
 
 465 
 
466 
    div.clear {
 466 
    div.clear {
467 
        clear: both;
 467 
        clear: both;
468 
    }
 468 
    }
469 
 
 469 
 
470 
    .page_title {
 470 
    .page_title {
471 
        font-weight: bold;
 471 
        font-weight: bold;
472 
        /*font-size: 18px;*/
 472 
        /*font-size: 18px;*/
473 
        font-size: 25px;
 473 
        font-size: 25px;
474 
        /*color: #FF5500;*/ color: #E28923;
 474 
        /*color: #FF5500;*/ color: #E28923;
475 
    }
 475 
    }
476 
 
 476 
 
477 
    .page_subtitle {
 477 
    .page_subtitle {
478 
        font-weight: bold;
 478 
        font-weight: bold;
479 
        font-size: 20px;
 479 
        font-size: 20px;
480 
        /*color: #FF5500;*/ color: #E28923;
 480 
        /*color: #FF5500;*/ color: #E28923;
481 
    }
 481 
    }
482 
 
 482 
 
483 
    .section_title {
 483 
    .section_title {
484 
        font-size: 16px;
 484 
        font-size: 16px;
485 
        /*color: #FF5500;*/ color: #E28923;
 485 
        /*color: #FF5500;*/ color: #E28923;
486 
        font-weight: bold;
 486 
        font-weight: bold;
487 
    }
 487 
    }
488 
 
 488 
 
489 
    .action_title {
 489 
    .action_title {
490 
        font-size: 16px;
 490 
        font-size: 16px;
491 
        color: black;
 491 
        color: black;
492 
    }
 492 
    }
493 
 
 493 
 
494 
    #global_in_index {
 494 
    #global_in_index {
495 
        width: 101%;
 495 
        width: 101%;
496 
    }
 496 
    }
497 
    /*** FAQ ***/
 497 
    /*** FAQ ***/
498 
    .question, .answer {
 498 
    .question, .answer {
499 
        /*
 499 
        /*
500 
        margin-left: 30px;
 500 
        margin-left: 30px;
501 
        padding: 10px;
 501 
        padding: 10px;
502 
        display: block;
 502 
        display: block;
503 
        width: 95%;
 503 
        width: 95%;
504 
     */
 504 
     */
505 
    }
 505 
    }
506 
 
 506 
 
507 
    .answer {
 507 
    .answer {
508 
        display: block;
 508 
        display: block;
509 
        width: auto;
 509 
        width: auto;
510 
        height: auto;
 510 
        height: auto;
511 
    }
 511 
    }
512 
    /*** Management page menu ***/
 512 
    /*** Management page menu ***/
513 
    #menu_manage {
 513 
    #menu_manage {
514 
        font-weight: bold;
 514 
        font-weight: bold;
515 
        font-family: Arial;
 515 
        font-family: Arial;
516 
    }
 516 
    }
517 
 
 517 
 
518 
        #menu_manage, #menu_manage ul {
 518 
        #menu_manage, #menu_manage ul {
519 
            padding: 0;
 519 
            padding: 0;
520 
            margin: 0;
 520 
            margin: 0;
521 
            list-style: none;
 521 
            list-style: none;
522 
            line-height: 35px;
 522 
            line-height: 35px;
523 
            text-align: left;
 523 
            text-align: left;
524 
        }
 524 
        }
525 
 
 525 
 
526 
            html > body #menu_manage li {
 526 
            html > body #menu_manage li {
527 
                border-right: 1px solid transparent;
 527 
                border-right: 1px solid transparent;
528 
            }
 528 
            }
529 
 
 529 
 
530 
            #menu_manage li {
 530 
            #menu_manage li {
531 
                float: left;
 531 
                float: left;
532 
                border-right: 1px solid #fff;
 532 
                border-right: 1px solid #fff;
533 
            }
 533 
            }
534 
 
 534 
 
535 
            #menu_manage a {
 535 
            #menu_manage a {
536 
                display: block;
 536 
                display: block;
537 
                background: #E28923 /*#6e6e6e*/;
 537 
                background: #E28923 /*#6e6e6e*/;
538 
                color: #fff;
 538 
                color: #fff;
539 
                text-decoration: none;
 539 
                text-decoration: none;
540 
                width: auto;
 540 
                width: auto;
541 
                padding: 0px 8px 0px;
 541 
                padding: 0px 8px 0px;
542 
                text-transform: uppercase;
 542 
                text-transform: uppercase;
543 
                font-family: Arial, Helvetica, sans-serif;
 543 
                font-family: Arial, Helvetica, sans-serif;
544 
                font-size: 14px;
 544 
                font-size: 14px;
545 
                font-weight: bold;
 545 
                font-weight: bold;
546 
            }
 546 
            }
547 
 
 547 
 
548 
                #menu_manage a:hover {
 548 
                #menu_manage a:hover {
549 
                    background: #E23923;
 549 
                    background: #E23923;
550 
                }
 550 
                }
551 
 
 551 
 
552 
    #section_menu_in_management {
 552 
    #section_menu_in_management {
553 
        width: 100%;
 553 
        width: 100%;
554 
        max-width: calc( 100% - 20px );
 554 
        max-width: calc( 100% - 20px );
555 
        height: 41px;
 555 
        height: 41px;
556 
        /*background-color: #5f5f5f;*/
 556 
        /*background-color: #5f5f5f;*/
557 
        padding: 0px 21px 0px 0px;
 557 
        padding: 0px 21px 0px 0px;
558 
        margin-top: 20px;
 558 
        margin-top: 20px;
559 
        margin-bottom: 14px;
 559 
        margin-bottom: 14px;
560 
        position: relative;
 560 
        position: relative;
561 
        z-index: 1200;
 561 
        z-index: 1200;
562 
    }
 562 
    }
563 
}
 563 
}
564 
/* end of Screen media query */
 564 
/* end of Screen media query */
565 
 
 565 
 
566 
/* mobile styles */
 566 
/* mobile styles */
567 
@media (max-width: 767px) {
 567 
@media (max-width: 767px) {
568 
 
 568 
 
569 
    #header_h1 {
 569 
    #header_h1 {
570 
        color: rgb(226, 137, 34);
 570 
        color: rgb(226, 137, 34);
571 
        font-size: 18px;
 571 
        font-size: 18px;
572 
        font-weight: bold;
 572 
        font-weight: bold;
573 
        text-align: left;
 573 
        text-align: left;
574 
        text-decoration: none !important;
 574 
        text-decoration: none !important;
575 
        float: none !important;
 575 
        float: none !important;
576 
        text-indent: 0px !important;
 576 
        text-indent: 0px !important;
577 
        margin-left: 0px !important;
 577 
        margin-left: 0px !important;
578 
        margin-bottom: 5px !important;
 578 
        margin-bottom: 5px !important;
579 
        margin-top: 5px !important;
 579 
        margin-top: 5px !important;
580 
    }
 580 
    }
581 
 
 581 
 
582 
    #header_url {
 582 
    #header_url {
583 
        float: left;
 583 
        float: left;
584 
        color: rgb(226, 137, 34);
 584 
        color: rgb(226, 137, 34);
585 
        font-size: 15px;
 585 
        font-size: 15px;
586 
        font-weight: bold;
 586 
        font-weight: bold;
587 
        display: inline-block;
 587 
        display: inline-block;
588 
        text-align: left;
 588 
        text-align: left;
589 
    }
 589 
    }
590 
 
 590 
 
591 
    #mobile_version {
 591 
    #mobile_version {
592 
        display: block;
 592 
        display: block;
593 
    }
 593 
    }
594 
 
 594 
 
595 
    #global_container {
 595 
    #global_container {
596 
        display: none;
 596 
        display: none;
597 
    }
 597 
    }
598 
 
 598 
 
599 
    #footer {
 599 
    #footer {
600 
        display: none;
 600 
        display: none;
601 
    }
 601 
    }
602 
 
 602 
 
603 
    #global_in_index {
 603 
    #global_in_index {
604 
        display: none;
 604 
        display: none;
605 
    }
 605 
    }
606 
 
 606 
 
607 
    #header_mobile {
 607 
    #header_mobile {
608 
        background-color: #E9E9E9;
 608 
        background-color: #E9E9E9;
609 
    }
 609 
    }
610 
 
 610 
 
611 
    #header_mobile {
 611 
    #header_mobile {
612 
        /*Daniel: If it is "block", then the header will not be stretched on 540px width (Surface Duo) */
 612 
        /*Daniel: If it is "block", then the header will not be stretched on 540px width (Surface Duo) */
613 
        /*display: block;*/
 613 
        /*display: block;*/
614 
    }
 614 
    }
615 
 
 615 
 
616 
    #remote_button {
 616 
    #remote_button {
617 
        display: block;
 617 
        display: block;
618 
    }
 618 
    }
619 
 
 619 
 
620 
    #navigation {
 620 
    #navigation {
621 
        display: block;
 621 
        display: block;
622 
    }
 622 
    }
623 
 
 623 
 
624 
    #main_actions_in_index {
 624 
    #main_actions_in_index {
625 
        display: none;
 625 
        display: none;
626 
    }
 626 
    }
627 
 
 627 
 
628 
    #section_menu_in_management {
 628 
    #section_menu_in_management {
629 
        display: none;
 629 
        display: none;
630 
    }
 630 
    }
631 
 
 631 
 
632 
    #manage_in_management {
 632 
    #manage_in_management {
633 
        display: none;
 633 
        display: none;
634 
    }
 634 
    }
635 
 
 635 
 
636 
    #errors_mobile, #management_mobile {
 636 
    #errors_mobile, #management_mobile {
637 
        display: block;
 637 
        display: block;
638 
    }
 638 
    }
639 
 
 639 
 
640 
    #errors, #management {
 640 
    #errors, #management {
641 
        display: none;
 641 
        display: none;
642 
    }
 642 
    }
643 
 
 643 
 
644 
    #oid_validate_mobile {
 644 
    #oid_validate_mobile {
645 
        display: block;
 645 
        display: block;
646 
    }
 646 
    }
647 
 
 647 
 
648 
    #country-oid-title {
 648 
    #country-oid-title {
649 
        display: none;
 649 
        display: none;
650 
    }
 650 
    }
651 
 
 651 
 
652 
    #country-oid-general {
 652 
    #country-oid-general {
653 
        display: none;
 653 
        display: none;
654 
    }
 654 
    }
655 
 
 655 
 
656 
    input[type=text] {
 656 
    input[type=text] {
- 
 
 657 
        /* DM 02.04.2023 */
657 
        width: 50%;
 658 
        /*width: 50%;*/
- 
 
 659 
        max-width: 90vw; /* 90% viewport width */
658 
    }
 660 
    }
659 
    /* wrapper styles */
 661 
    /* wrapper styles */
660 
    .wrapper {
 662 
    .wrapper {
661 
        position: absolute;
 663 
        position: absolute;
662 
        min-height: 100vh;
 664 
        min-height: 100vh;
663 
    }
 665 
    }
664 
 
 666 
 
665 
    .wrapper_in_management {
 667 
    .wrapper_in_management {
666 
        position: absolute;
 668 
        position: absolute;
667 
        min-height: 150vh;
 669 
        min-height: 150vh;
668 
    }
 670 
    }
669 
 
 671 
 
670 
    .sidebar {
 672 
    .sidebar {
671 
        position: absolute;
 673 
        position: absolute;
672 
        top: 0;
 674 
        top: 0;
673 
        width: 50vw;
 675 
        width: 50vw;
674 
        min-height: 100vh;
 676 
        min-height: 100vh;
675 
    }
 677 
    }
676 
 
 678 
 
677 
    .wrapper {
 679 
    .wrapper {
678 
        transform: translateX(0) translateZ(0);
 680 
        transform: translateX(0) translateZ(0);
679 
        transition: transform .2s;
 681 
        transition: transform .2s;
680 
        will-change: transform;
 682 
        will-change: transform;
681 
    }
 683 
    }
682 
 
 684 
 
683 
    .wrapper_in_management {
 685 
    .wrapper_in_management {
684 
        transform: translateX(0) translateZ(0);
 686 
        transform: translateX(0) translateZ(0);
685 
        transition: transform .2s;
 687 
        transition: transform .2s;
686 
        will-change: transform;
 688 
        will-change: transform;
687 
    }
 689 
    }
688 
    /* Button deco */
 690 
    /* Button deco */
689 
    [class^="nav-button"] {
 691 
    [class^="nav-button"] {
690 
        display: block;
 692 
        display: block;
691 
        z-index: 1;
 693 
        z-index: 1;
692 
        height: 3rem;
 694 
        height: 3rem;
693 
        width: 3.5rem;
 695 
        width: 3.5rem;
694 
        background-color: transparent;
 696 
        background-color: transparent;
695 
        background-image: linear-gradient(to right, #d38922, #d38922), linear-gradient(to right, #d38922, #d38922), linear-gradient(to right, #d38922, #d38922);
 697 
        background-image: linear-gradient(to right, #d38922, #d38922), linear-gradient(to right, #d38922, #d38922), linear-gradient(to right, #d38922, #d38922);
696 
        background-position: center top, center, center bottom;
 698 
        background-position: center top, center, center bottom;
697 
        background-repeat: no-repeat;
 699 
        background-repeat: no-repeat;
698 
        background-size: 3.5rem .6rem;
 700 
        background-size: 3.5rem .6rem;
699 
        padding: 0;
 701 
        padding: 0;
700 
        outline: 0;
 702 
        outline: 0;
701 
        border: 0;
 703 
        border: 0;
702 
        cursor: pointer;
 704 
        cursor: pointer;
703 
    }
 705 
    }
704 
    /* here's goes the push left effect */
 706 
    /* here's goes the push left effect */
705 
    body:target .wrapper {
 707 
    body:target .wrapper {
706 
        transform: translateX(50vw);
 708 
        transform: translateX(50vw);
707 
    }
 709 
    }
708 
 
 710 
 
709 
    body:target .wrapper_in_management {
 711 
    body:target .wrapper_in_management {
710 
        transform: translateX(50vw);
 712 
        transform: translateX(50vw);
711 
    }
 713 
    }
712 
 
 714 
 
713 
    .nav-button-close,
 715 
    .nav-button-close,
714 
    body:target .nav-button-open {
 716 
    body:target .nav-button-open {
715 
        display: none;
 717 
        display: none;
716 
    }
 718 
    }
717 
 
 719 
 
718 
    .nav-button-open,
 720 
    .nav-button-open,
719 
    body:target .nav-button-close {
 721 
    body:target .nav-button-close {
720 
        display: block;
 722 
        display: block;
721 
    }
 723 
    }
722 
 
 724 
 
723 
    * {
 725 
    * {
724 
        box-sizing: border-box;
 726 
        box-sizing: border-box;
725 
    }
 727 
    }
726 
 
 728 
 
727 
    html {
 729 
    html {
728 
        font-size: 62.5%;
 730 
        font-size: 62.5%;
729 
    }
 731 
    }
730 
 
 732 
 
731 
    body {
 733 
    body {
732 
        margin: 0;
 734 
        margin: 0;
733 
        padding: 0;
 735 
        padding: 0;
734 
        color: #fff;
 736 
        color: #fff;
735 
        font-size: 1.3em;
 737 
        font-size: 1.3em;
736 
        font-family: arial, sans-serif;
 738 
        font-family: arial, sans-serif;
737 
    }
 739 
    }
738 
 
 740 
 
739 
    #navigation a {
 741 
    #navigation a {
740 
        color: #fff;
 742 
        color: #fff;
741 
        text-decoration: none !important;
 743 
        text-decoration: none !important;
742 
    }
 744 
    }
743 
 
 745 
 
744 
    .wrapper {
 746 
    .wrapper {
745 
        background-color: white;
 747 
        background-color: white;
746 
        color: #333;
 748 
        color: #333;
747 
        width: 100%;
 749 
        width: 100%;
748 
    }
 750 
    }
749 
 
 751 
 
750 
    .wrapper_in_management {
 752 
    .wrapper_in_management {
751 
        background-color: white;
 753 
        background-color: white;
752 
        color: #333;
 754 
        color: #333;
753 
        width: 100%;
 755 
        width: 100%;
754 
    }
 756 
    }
755 
 
 757 
 
756 
    .sidebar {
 758 
    .sidebar {
757 
        padding-top: 1em;
 759 
        padding-top: 1em;
758 
        background: #333;
 760 
        background: #333;
759 
        color: #ddd;
 761 
        color: #ddd;
760 
    }
 762 
    }
761 
 
 763 
 
762 
    nav a {
 764 
    nav a {
763 
        display: block;
 765 
        display: block;
764 
        padding: .7em;
 766 
        padding: .7em;
765 
        margin-bottom: 2px;
 767 
        margin-bottom: 2px;
766 
        text-decoration: none;
 768 
        text-decoration: none;
767 
        background: rgba(255,255,255, 0.1);
 769 
        background: rgba(255,255,255, 0.1);
768 
    }
 770 
    }
769 
 
 771 
 
770 
    aside nav a:hover {
 772 
    aside nav a:hover {
771 
        background-color: #d38922;
 773 
        background-color: #d38922;
772 
    }
 774 
    }
773 
 
 775 
 
774 
    .vertical_menu {
 776 
    .vertical_menu {
775 
        width: 30%;
 777 
        width: 30%;
776 
        height: 300px;
 778 
        height: 300px;
777 
        background-color: #E28923 /*#6e6e6e*/;
 779 
        background-color: #E28923 /*#6e6e6e*/;
778 
        text-align: left;
 780 
        text-align: left;
779 
    }
 781 
    }
780 
 
 782 
 
781 
        .vertical_menu ul {
 783 
        .vertical_menu ul {
782 
            margin: 0;
 784 
            margin: 0;
783 
            padding: 0;
 785 
            padding: 0;
784 
            width: 28;
 786 
            width: 28;
785 
            list-style-type: none;
 787 
            list-style-type: none;
786 
        }
 788 
        }
787 
 
 789 
 
788 
            .vertical_menu ul li a {
 790 
            .vertical_menu ul li a {
789 
                text-decoration: none;
 791 
                text-decoration: none;
790 
                color: #fff;
 792 
                color: #fff;
791 
                padding: 10.5px 11px;
 793 
                padding: 10.5px 11px;
792 
                background-color: #E28923 /*#6e6e6e*/;
 794 
                background-color: #E28923 /*#6e6e6e*/;
793 
                display: block;
 795 
                display: block;
794 
                font-size: 17px;
 796 
                font-size: 17px;
795 
            }
 797 
            }
796 
 
 798 
 
797 
                .vertical_menu ul li a:hover, .vertical_menu ul li .current {
 799 
                .vertical_menu ul li a:hover, .vertical_menu ul li .current {
798 
                    background-color: #E23923;
 800 
                    background-color: #E23923;
799 
                }
 801 
                }
800 
 
 802 
 
801 
    #header_mobile {
 803 
    #header_mobile {
802 
        width: 100%;
 804 
        width: 100%;
803 
    }
 805 
    }
804 
 
 806 
 
805 
    #left_bouton {
 807 
    #left_bouton {
806 
        margin-left: 0px;
 808 
        margin-left: 0px;
807 
        width: 50%;
 809 
        width: 50%;
808 
    }
 810 
    }
809 
 
 811 
 
810 
    #right_title {
 812 
    #right_title {
811 
        width: 50%;
 813 
        width: 50%;
812 
        margin-left: 60%;
 814 
        margin-left: 60%;
813 
        margin-top: 0px;
 815 
        margin-top: 0px;
814 
    }
 816 
    }
815 
 
 817 
 
816 
    .myButton {
 818 
    .myButton {
817 
        -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
 819 
        -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
818 
        -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
 820 
        -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
819 
        box-shadow: inset 0px 1px 0px 0px #ffffff;
 821 
        box-shadow: inset 0px 1px 0px 0px #ffffff;
820 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
 822 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
821 
        background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
 823 
        background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
822 
        background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
 824 
        background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
823 
        background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
 825 
        background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
824 
        background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
 826 
        background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
825 
        background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
 827 
        background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
826 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
 828 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
827 
        background-color: #f9f9f9;
 829 
        background-color: #f9f9f9;
828 
        -moz-border-radius: 15px;
 830 
        -moz-border-radius: 15px;
829 
        -webkit-border-radius: 15px;
 831 
        -webkit-border-radius: 15px;
830 
        border-radius: 15px;
 832 
        border-radius: 15px;
831 
        border: 1px solid #dcdcdc;
 833 
        border: 1px solid #dcdcdc;
832 
        display: inline-block;
 834 
        display: inline-block;
833 
        cursor: pointer;
 835 
        cursor: pointer;
834 
        color: #666666;
 836 
        color: #666666;
835 
        font-family: Arial;
 837 
        font-family: Arial;
836 
        font-size: 13px;
 838 
        font-size: 13px;
837 
        font-weight: bold;
 839 
        font-weight: bold;
838 
        text-decoration: none;
 840 
        text-decoration: none;
839 
        text-shadow: 0px 1px 0px #ffffff;
 841 
        text-shadow: 0px 1px 0px #ffffff;
840 
        width: 100%;
 842 
        width: 100%;
841 
        height: 100px;
 843 
        height: 100px;
842 
        text-align: center;
 844 
        text-align: center;
843 
        vertical-align: center;
 845 
        vertical-align: center;
844 
        padding-top: 10px;
 846 
        padding-top: 10px;
845 
    }
 847 
    }
846 
 
 848 
 
847 
        .myButton img {
 849 
        .myButton img {
848 
            height: 60px;
 850 
            height: 60px;
849 
            width: auto;
 851 
            width: auto;
850 
        }
 852 
        }
851 
 
 853 
 
852 
        .myButton:hover {
 854 
        .myButton:hover {
853 
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
 855 
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
854 
            background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
 856 
            background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
855 
            background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
 857 
            background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
856 
            background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
 858 
            background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
857 
            background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
 859 
            background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
858 
            background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
 860 
            background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
859 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
 861 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
860 
            background-color: #e9e9e9;
 862 
            background-color: #e9e9e9;
861 
        }
 863 
        }
862 
 
 864 
 
863 
        .myButton:active {
 865 
        .myButton:active {
864 
            position: relative;
 866 
            position: relative;
865 
            top: 1px;
 867 
            top: 1px;
866 
        }
 868 
        }
867 
 
 869 
 
868 
    .section_title {
 870 
    .section_title {
869 
        font-size: 12px;
 871 
        font-size: 12px;
870 
        /*color: #FF5500;*/ color: #E28923;
 872 
        /*color: #FF5500;*/ color: #E28923;
871 
        font-weight: bold;
 873 
        font-weight: bold;
872 
    }
 874 
    }
873 
 
 875 
 
874 
    .action_title {
 876 
    .action_title {
875 
        font-size: 12px;
 877 
        font-size: 12px;
876 
        color: black;
 878 
        color: black;
877 
    }
 879 
    }
878 
 
 880 
 
879 
    html, body {
 881 
    html, body {
880 
        overflow-x: hidden;
 882 
        overflow-x: hidden;
881 
    }
 883 
    }
882 
 
 884 
 
883 
    #question {
 885 
    #question {
884 
        display: block;
 886 
        display: block;
885 
        width: 95%%;
 887 
        width: 95%%;
886 
    }
 888 
    }
887 
 
 889 
 
888 
    .page_title {
 890 
    .page_title {
889 
        font-weight: bold;
 891 
        font-weight: bold;
890 
        font-size: 16px;
 892 
        font-size: 16px;
891 
        /*color: #FF5500;*/ color: #E28923;
 893 
        /*color: #FF5500;*/ color: #E28923;
892 
    }
 894 
    }
893 
 
 895 
 
894 
    .page_subtitle {
 896 
    .page_subtitle {
895 
        font-weight: bold;
 897 
        font-weight: bold;
896 
        font-size: 12px;
 898 
        font-size: 12px;
897 
        /*color: #FF5500;*/ color: #E28923;
 899 
        /*color: #FF5500;*/ color: #E28923;
898 
    }
 900 
    }
899 
}
 901 
}
900 
/* end of mobile media query */
 902 
/* end of mobile media query */
901 
/*Dynamic web page*/
 903 
/*Dynamic web page*/
902 
 
 904 
 
903 
.note {
 905 
.note {
904 
    font-size: 11px;
 906 
    font-size: 11px;
905 
}
 907 
}
906 
 
 908 
 
907 
span.background_orange {
 909 
span.background_orange {
908 
    background-color: orange;
 910 
    background-color: orange;
909 
}
 911 
}
910 
 
 912 
 
911 
.color_orange {
 913 
.color_orange {
912 
    /*color: #FF5500;*/ color: #E28923;
 914 
    /*color: #FF5500;*/ color: #E28923;
913 
}
 915 
}
914 
 
 916 
 
915 
.color_red {
 917 
.color_red {
916 
    color: #ff0000;
 918 
    color: #ff0000;
917 
}
 919 
}
918 
/* End dynamic web page*/
 920 
/* End dynamic web page*/
919 
 
 921 
 
920 
#content_replace_in_search_replace {
 922 
#content_replace_in_search_replace {
921 
    width: 760px;
 923 
    width: 760px;
922 
    max-width: calc( 100% - 20px );
 924 
    max-width: calc( 100% - 20px );
923 
    height: auto;
 925 
    height: auto;
924 
    /*background-color: #5f5f5f;*/
 926 
    /*background-color: #5f5f5f;*/
925 
    padding: 20px;
 927 
    padding: 20px;
926 
    position: relative;
 928 
    position: relative;
927 
    margin: 0px auto 0px;
 929 
    margin: 0px auto 0px;
928 
    margin-top: 20px;
 930 
    margin-top: 20px;
929 
}
 931 
}
930 
 
 932 
 
931 
#content_code_in_country_code {
 933 
#content_code_in_country_code {
932 
    width: 930px;
 934 
    width: 930px;
933 
    max-width: calc( 100% - 20px );
 935 
    max-width: calc( 100% - 20px );
934 
    height: auto;
 936 
    height: auto;
935 
    background-color: #5f5f5f;
 937 
    background-color: #5f5f5f;
936 
    padding: 20px;
 938 
    padding: 20px;
937 
    position: relative;
 939 
    position: relative;
938 
    margin: 0px auto 0px;
 940 
    margin: 0px auto 0px;
939 
    margin-top: 20px;
 941 
    margin-top: 20px;
940 
}
 942 
}
941 
 
 943 
 
942 
#country-code {
 944 
#country-code {
943 
    width: 920px;
 945 
    width: 920px;
944 
    max-width: calc( 100% - 20px );
 946 
    max-width: calc( 100% - 20px );
945 
    margin-left: auto;
 947 
    margin-left: auto;
946 
    margin-right: auto;
 948 
    margin-right: auto;
947 
    background: #eee;
 949 
    background: #eee;
948 
    padding: 3px;
 950 
    padding: 3px;
949 
    display: block;
 951 
    display: block;
950 
    height: auto;
 952 
    height: auto;
951 
}
 953 
}
952 
 
 954 
 
953 
#replace {
 955 
#replace {
954 
    width: 98%;
 956 
    width: 98%;
955 
    margin-left: auto;
 957 
    margin-left: auto;
956 
    margin-right: auto;
 958 
    margin-right: auto;
957 
    /*background: #eee;*/
 959 
    /*background: #eee;*/
958 
    /*padding: 1%;*/
 960 
    /*padding: 1%;*/
959 
    display: block;
 961 
    display: block;
960 
    height: auto;
 962 
    height: auto;
961 
}
 963 
}
962 
 
 964 
 
963 
#advanced_search {
 965 
#advanced_search {
964 
    width: 98%;
 966 
    width: 98%;
965 
    margin-left: auto;
 967 
    margin-left: auto;
966 
    margin-right: auto;
 968 
    margin-right: auto;
967 
    /*background: #eee;*/
 969 
    /*background: #eee;*/
968 
    float: left;
 970 
    float: left;
969 
    /*padding: 1.2%;*/
 971 
    /*padding: 1.2%;*/
970 
    display: block;
 972 
    display: block;
971 
    height: auto;
 973 
    height: auto;
972 
}
 974 
}
973 
 
 975 
 
974 
/* Taken from the old design */
 976 
/* Taken from the old design */
975 
 
 977 
 
976 
a:link {
 978 
a:link {
977 
    text-decoration: underline;
 979 
    text-decoration: underline;
978 
    /*font-family:Helvetica Neue Light 45;*/
 980 
    /*font-family:Helvetica Neue Light 45;*/
979 
    /*color:#000000;*/
 981 
    /*color:#000000;*/
980 
    color: #803000;
 982 
    color: #803000;
981 
}
 983 
}
982 
 
 984 
 
983 
a:visited {
 985 
a:visited {
984 
    text-decoration: underline;
 986 
    text-decoration: underline;
985 
    /*color:#000000;*/
 987 
    /*color:#000000;*/
986 
    color: #803000;
 988 
    color: #803000;
987 
}
 989 
}
988 
 
 990 
 
989 
a:hover {
 991 
a:hover {
990 
    text-decoration: underline;
 992 
    text-decoration: underline;
991 
    background-color: #FFCC00;
 993 
    background-color: #FFCC00;
992 
}
 994 
}
993 
 
 995 
 
994 
a:active :not(.nav-button-open) :not(.nav-button-close) {
 996 
a:active :not(.nav-button-open) :not(.nav-button-close) {
995 
    text-decoration: underline;
 997 
    text-decoration: underline;
996 
    background-color: #FFCC00;
 998 
    background-color: #FFCC00;
997 
}
 999 
}
998 
 
 1000 
 
999 
body {
 1001 
body {
1000 
    font-family: "Helvetica Neue Light 45",sans-serif;
 1002 
    font-family: "Helvetica Neue Light 45",sans-serif;
1001 
    color: black;
 1003 
    color: black;
1002 
    background-color: white;
 1004 
    background-color: white;
1003 
}
 1005 
}
1004 
 
 1006 
 
1005 
/* Misc additions by Daniel */
 1007 
/* Misc additions by Daniel */
1006 
 
 1008 
 
1007 
a img:hover {
 1009 
a img:hover {
1008 
    /* TODO: when you hover over an image, you still can see yellow below the image?! */
 1010 
    /* TODO: when you hover over an image, you still can see yellow below the image?! */
1009 
    /* But the image has no background anymore (can be seen on the transparent OCaml logo */
 1011 
    /* But the image has no background anymore (can be seen on the transparent OCaml logo */
1010 
    text-decoration: none !important;
 1012 
    text-decoration: none !important;
1011 
    background-color: none !important;
 1013 
    background-color: none !important;
1012 
}
 1014 
}
1013 
 
 1015 
 
1014 
.withborder {
 1016 
.withborder {
1015 
    padding: 10px;
 1017 
    padding: 10px;
1016 
    border-style: solid;
 1018 
    border-style: solid;
1017 
    border-width: 1px;
 1019 
    border-width: 1px;
1018 
    border-color: orange;
 1020 
    border-color: orange;
1019 
}
 1021 
}
1020 
 
 1022 
 
1021 
.myButton {
 1023 
.myButton {
1022 
    text-decoration: none !important;
 1024 
    text-decoration: none !important;
1023 
    color: #444444 !important;
 1025 
    color: #444444 !important;
1024 
}
 1026 
}
1025 
 
 1027 
 
1026 
#disclaimer_wrapper {
 1028 
#disclaimer_wrapper {
1027 
    width: 100%;
 1029 
    width: 100%;
1028 
    text-align: center;
 1030 
    text-align: center;
1029 
}
 1031 
}
1030 
 
 1032 
 
1031 
#disclaimer {
 1033 
#disclaimer {
1032 
    /*padding-left: 10px;
 1034 
    /*padding-left: 10px;
1033 
    padding-right: 10px;
 1035 
    padding-right: 10px;
1034 
    width: 800px;
 1036 
    width: 800px;
1035 
    max-width: calc( 100% - 20px );*/
 1037 
    max-width: calc( 100% - 20px );*/
1036 
    text-align: left;
 1038 
    text-align: left;
1037 
    /*margin-left: auto;
 1039 
    /*margin-left: auto;
1038 
    margin-right: auto;*/
 1040 
    margin-right: auto;*/
1039 
}
 1041 
}
1040 
 
 1042 
 
1041 
#searchbox_mobile {
 1043 
#searchbox_mobile {
1042 
    width: 100%;
 1044 
    width: 100%;
1043 
}
 1045 
}
1044 
 
 1046