clockwerk-www – Blame information for rev 45

Subversion Repositories:
Rev:
Rev Author Line No. Line
9 vero 1 /* default-dark-gray */
2 @import 'https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext';
3  
4 html{
5 height: 100%;
6 }
17 vero 7 body {
33 zed 8 font-family:'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;
17 vero 9 background-color:#ebebeb;
10 }
41 vero 11 form {
42 vero 12 background-color:#fbfcd3;
41 vero 13 }
34 zed 14 h1 {
36 zed 15 font:normal small-caps normal 22pt 'Open Sans','Helvetica Neue','Helvetica',Arial,Verdana,sans-serif;
34 zed 16 }
18 vero 17 .center {
18 text-align: center;
19 }
17 vero 20 .dark-grey{
9 vero 21 margin:0 auto;
22 }
17 vero 23 .dark-grey>div,
24 .dark-grey>.title{
9 vero 25 margin: 8px;
26 }
17 vero 27 .dark-grey .error-field .required{
9 vero 28 color:#FF9999;
29 }
17 vero 30 .dark-grey .error-field input,
31 .dark-grey .error-field input[type=text],
32 .dark-grey .error-field input[type=password],
33 .dark-grey .error-field input[type=email],
34 .dark-grey .error-field input[type=url],
35 .dark-grey .error-field input[type=date],
36 .dark-grey .error-field input[type=number],
37 .dark-grey .error-field textarea{
9 vero 38 border-color:#D893A1;
39 background-color: #FBE6F2;
40 }
17 vero 41 .dark-grey label.error{
9 vero 42 display:inline-block;
43 font-size:0.9em;
44 }
17 vero 45 .dark-grey .error,
46 .dark-grey .error #recaptcha_widget_div{
9 vero 47 padding: 3px 14px;
48 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
49 background-color: #fcf8e3;
50 border: 1px solid #fbeed5;
51 -webkit-border-radius: 4px;
52 -moz-border-radius: 4px;
53 border-radius: 4px;
54  
55 color: #b94a48;
56 background-color: #f2dede;
57 border-color: #eed3d7;
58 color: #c09853;
59 }
17 vero 60 .dark-grey .error h4 {
9 vero 61 color: #b94a48;
62 margin: 0;
63 }
64  
17 vero 65 .dark-grey .error .close {
9 vero 66 position: relative;
67 top: -2px;
68 right: -21px;
69 line-height: 20px;
70 }
17 vero 71 .dark-grey .column{
9 vero 72 float:left;
73 }
74 /* width = parseInt(100/columns.length)*/
17 vero 75 .dark-grey .column1{ width:100%;}
76 .dark-grey .column2{ width:50%; }
77 .dark-grey .column3{ width:33%; }
78 .dark-grey .column4{ width:25%; }
79 .dark-grey .column5{ width:20%; }
9 vero 80  
17 vero 81 .dark-grey .large{
9 vero 82 width: 100%;
83 *width: 94%;
84 }
17 vero 85 .dark-grey .medium{
9 vero 86 width: 50%;
87 *width: 47%;
88 }
17 vero 89 .dark-grey .small{
9 vero 90 width: 25%;
91 *width: 23%;
92 }
93  
17 vero 94 .dark-grey textarea.large{
9 vero 95 width: 100%;
96 *width: 94%;
97 height: 20em;
98 }
17 vero 99 .dark-grey textarea.medium{
9 vero 100 width: 100%;
101 *width: 94%;
102 height: 10em;
103 }
17 vero 104 .dark-grey textarea.small{
9 vero 105 width: 100%;
106 *width: 94%;
107 height: 5.5em;
108 }
109  
110 .frmd{
111 display:none;
112 }
113 .clearfix {
114 *zoom: 1;
115 }
116 .clearfix:before,
117 .clearfix:after {
118 display: table;
119 line-height: 0;
120 content: "";
121 }
122  
123  
124 .blurBg,
125 .blurBg-true{
126 background-attachment: fixed;
127 background-image: -webkit-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
128 -webkit-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
129 -webkit-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
130 -webkit-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
131 -webkit-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
132 -webkit-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
133 -webkit-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
134  
135 background-image: -moz-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
136 -moz-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
137 -moz-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
138 -moz-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
139 -moz-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
140 -moz-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
141 -moz-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
142  
143 background-image: -ms-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
144 -ms-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
145 -ms-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
146 -ms-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
147 -ms-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
148 -ms-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
149 -ms-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
150  
151 background-image: -o-linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
152 -o-radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
153 -o-radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
154 -o-radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
155 -o-radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
156 -o-radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
157 -o-radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
158  
159 background-image: linear-gradient(85deg, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%), /* linear bottom */
160 radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.45) -10%, rgba(255, 255, 255, 0) 100%),/* center white */
161 radial-gradient(50% -10%,circle farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 30%),/* top center white */
162 radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 20%),/* top right white */
163 radial-gradient(0% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.35) -10%, rgba(255, 255, 255, 0) 10%),/* top left white */
164 radial-gradient(90% 60%,ellipse farthest-side, rgba(0, 0, 0, 0.35) -10%, rgba(0, 0, 0, 0) 100%),/* center right black */
165 radial-gradient(20% 10%,circle farthest-side, rgba(0, 0, 0, 0.25) -10%, rgba(0, 0, 0, 0) 20%);/* top left black */
166 /*
167 radial-gradient(40% 60%,ellipse farthest-side, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%),
168 radial-gradient(50% -10%,circle closest-corner, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0) 50%),
169 radial-gradient(0% 100%,ellipse farthest-side, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 20%),
170 radial-gradient(100% 0%,ellipse farthest-side, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 20%),
171 radial-gradient(1% 2%,circle farthest-side, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 20%);
172 */
173 }
174  
175 #formoid-info {
176 display: block;
177 width: 400px;
178 margin: 0 auto;
179 padding: 10px;
180 text-align: center;
181 color: #c09853;
182 font-size: 12px;
183 max-width: 100%;
33 zed 184 }
185  
186 @font-face {
9 vero 187 font-family: formoid;
32 zed 188 src:url('lib/formoid.eot');
189 src:url('lib/formoid.eot?#iefix') format('embedded-opentype'),
190 url('lib/formoid.ttf') format('truetype'),
191 url('lib/formoid.woff') format('woff'),
192 url('lib/formoid.svg#formoid') format('svg');
9 vero 193 font-weight: normal;
194 font-style: normal;
195 }
196  
17 vero 197 .dark-grey{
9 vero 198 -webkit-border-radius: 4px;
199 -moz-border-radius: 4px;
200 border-radius: 4px;
201 }
17 vero 202 .dark-grey,
203 .dark-grey select,
204 .dark-grey input[type=button],
205 .dark-grey .btn,
206 .dark-grey input[type=submit] ,
207 .dark-grey .element-file .button{
9 vero 208 color: inherit;
209 padding: 5px;
210 }
17 vero 211 .dark-grey h2 {
9 vero 212 margin: 0.2em 0;
213 }
214  
17 vero 215 .dark-grey label {
9 vero 216 display: block;
217 font-size: 1em;
218 margin-bottom: 3px;
219 clear: both;
220 }
221  
17 vero 222 .dark-grey div, .dark-grey span, .dark-grey label, .dark-grey input, .dark-grey textarea, .dark-grey select, .dark-grey button, .dark-grey ul, .dark-grey li, .dark-grey a{
9 vero 223 font-family: inherit;
224 color: inherit;
225 }
226 /* Global Declaration */
227  
228 /*
229  
230 CORE FUNCTIONALITY
231  
232 Not advised to edit stuff below this line
233 -----------------------------------------------------
234 */
235  
17 vero 236 .dark-grey .btn{
9 vero 237 display: -moz-inline-box;
238 display: inline-block;
239 vertical-align: middle;
240 zoom: 1;
241 *display: inline;
242 }
243  
244 /* Button & submit*/
17 vero 245 .dark-grey select,
246 .dark-grey input[type=button],
247 .dark-grey .btn,
248 .dark-grey input[type=submit],
249 .dark-grey .element-file .button{
9 vero 250 display: -moz-inline-box;
251 display: inline-block;
252 *display: inline;
253 padding: 4px 12px;
254 text-align: center;
255 font-size: 1em;
256 padding: 6px 2%;
257 font-family:inherit;
30 vero 258 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
9 vero 259 vertical-align: middle;
260 cursor: pointer;
261 border: 1px solid #bbbbbb;
262 *border: 0;
263 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
264 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
265 border-bottom-color: #a2a2a2;
266 -webkit-border-radius: 4px;
267 -moz-border-radius: 4px;
268 border-radius: 4px;
269 *zoom: 1;
270 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
271 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
272 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
273 outline: 0 none;
274 }
17 vero 275 .dark-grey .element-file .button{
9 vero 276 -webkit-border-radius: 0 4px 4px 0;
277 -moz-border-radius: 0 4px 4px 0;
278 border-radius: 0 4px 4px 0;
279 }
17 vero 280 .dark-grey select,
281 .dark-grey .btn,
282 .dark-grey .element-file .button{
9 vero 283 background-color: #f5f5f5;
284 *background-color: #e6e6e6;
285 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
286 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
287 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
288 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
289 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
290 background-repeat: repeat-x;
291 }
17 vero 292 .dark-grey select{
9 vero 293 text-align: left;
294 width: 100%;
295 }
296  
17 vero 297 .dark-grey select:hover,
298 .dark-grey input[type=button]:hover,
299 .dark-grey .btn:hover,
300 .dark-grey input[type=button]:active,
301 .dark-grey input[type=button][disabled]{
9 vero 302 background-color: #e6e6e6;
303 *background-color: #d9d9d9;
304 }
305  
17 vero 306 .dark-grey select:active,
307 .dark-grey .btn:active,
308 .dark-grey input[type=button]:active{
9 vero 309 background-color: #cccccc;
310 }
311  
17 vero 312 .dark-grey select:hover,
313 .dark-grey .btn:hover,
314 .dark-grey input[type=button]:hover {
9 vero 315 text-decoration: none;
316 background-position: 0 -15px;
317 -webkit-transition: background-position 0.1s linear;
318 -moz-transition: background-position 0.1s linear;
319 -o-transition: background-position 0.1s linear;
320 transition: background-position 0.1s linear;
321 }
322  
17 vero 323 .dark-grey select:active,
324 .dark-grey .btn:active,
325 .dark-grey input[type=button]:active {
9 vero 326 background-image: none;
327 outline: 0;
328 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
329 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
330 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
331 }
332  
17 vero 333 .dark-grey .btn[disabled],
334 .dark-grey input[type=button][disabled] {
9 vero 335 cursor: default;
336 background-image: none;
337 opacity: 0.65;
338 filter: alpha(opacity=65);
339 -webkit-box-shadow: none;
340 -moz-box-shadow: none;
341 box-shadow: none;
342 }
343  
17 vero 344 .dark-grey input[type=submit],
345 .dark-grey .element-file .button {
9 vero 346 font-size: 1em;
347 font-family: inherit;
348 color: #ffffff;
349 }
350  
17 vero 351 .dark-grey input[type=submit]:hover,
352 .dark-grey .element-file .button:hover {
9 vero 353 color: #ffffff;
354 text-decoration: none;
355 background-position: 0 -15px;
356 -webkit-transition: background-position 0.1s linear;
357 -moz-transition: background-position 0.1s linear;
358 -o-transition: background-position 0.1s linear;
359 transition: background-position 0.1s linear;
360 }
361  
17 vero 362 .dark-grey input[type=submit]:active,
363 .dark-grey input[type=submit][disabled],
364 .dark-grey .element-file .button:active,
365 .dark-grey .element-file .button[disabled] {
9 vero 366 background-image: none;
367 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
368 outline: 0 none;
369 }
370  
371 /* Radio & checkbox */
17 vero 372 .dark-grey div.element-checkbox,
373 .dark-grey div.element-radio{
9 vero 374 overflow:hidden;
375 }
376 /* clearfix */
17 vero 377 .dark-grey div.element-checkbox:after,
378 .dark-grey div.element-radio:after {
9 vero 379 content: ".";
380 display: block;
381 height: 0;
382 clear: both;
383 visibility: hidden;
384 }
385  
17 vero 386 .dark-grey input[type=checkbox],
387 .dark-grey input[type=radio]{
9 vero 388 z-index:1;
389 position: absolute;
390 float: left;
391 width: 1em;
392 height: 1.3em;
393 font-size: 1em;
394 opacity: 0.01;
395 margin: 0;
396 cursor: pointer;
397 }
398  
17 vero 399 .dark-grey input[type=radio]+span,
400 .dark-grey input[type=checkbox]+span{
9 vero 401 height: 19px;
402 margin-right:-19px;
403 padding-top: 0;
404 z-index:0;
405 position: relative;
406 left: 0;
407 top: 0;
408 vertical-align:top;
409 line-height: 1.4;
410 }
17 vero 411 .dark-grey input[type=radio]+span:before,
412 .dark-grey input[type=checkbox]+span:before{
9 vero 413 font-family: formoid;
414 color: transparent;
415 text-align: center;
416 vertical-align: top;
417 margin-right: 0.4em;
418  
419 border: 1px solid #BCBCBC;
420  
421 background-color: #fff;
422  
423 background: -moz-linear-gradient(top,#fff,#E3E3E3);
424 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E3E3E3));
425 filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ffffff,endColorstr=#E3E3E3,GradientType=0); zoom: 1;
426 background: linear-gradient(top,#fff,#E3E3E3);
427  
428 background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box;
429 background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box;
430  
431 -webkit-font-smoothing: antialiased;
432 -moz-osx-font-smoothing: grayscale;
433 }
434 /* checkbox */
17 vero 435 .dark-grey input[type=checkbox]+span:before{
9 vero 436 content: "\e004";
437 font-size: 0.8em;
438 padding: 0.1em;
439 line-height: 1.8;
440  
441 -webkit-border-radius:0.3em;
442 -moz-border-radius:0.3em;
443 border-radius:0.3em;
444 }
17 vero 445 .dark-grey input[type=checkbox]:hover+span:before{
9 vero 446 box-shadow: 0 0 2px 2px #F1F1F1;
447 }
17 vero 448 .dark-grey input[type=checkbox]:checked+span:before{
9 vero 449 color: #616161;
450 }
451  
452 /* radio */
17 vero 453 .dark-grey input[type=radio]+span:before{
9 vero 454 font-family: formoid;
455 content: "\e005";
456 font-size: 1.1em;
457 line-height: 1.35;
458 padding: 0;
459  
460 -webkit-border-radius: 50%;
461 -moz-border-radius: 50%;
462 border-radius: 50%;
463 }
17 vero 464 .dark-grey input[type=radio]:hover+span:before{
9 vero 465 box-shadow: 0 0 2px 2px #F1F1F1;
466 }
17 vero 467 .dark-grey input[type=radio]:checked+span:before{
9 vero 468 color: #616161;
469 }
470  
471  
17 vero 472 .dark-grey input[type=text],
473 .dark-grey input[type=password],
474 .dark-grey input[type=email],
475 .dark-grey input[type=url],
476 .dark-grey input[type=number],
477 .dark-grey input[type=date],
478 .dark-grey .element-file .file_text,
479 .dark-grey textarea {
9 vero 480 padding: 6px 2%;
481 /*margin-left:-1px;*/
482 font-family:inherit;
483 font-size: 1em;
484 font-weight: normal;
485 /*padding: 6px;*/
486 /*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
487 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6�IE9 */
488 /*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
489 background-image: -moz-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* FF3.6 */
490 background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
491 background-image: -o-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Opera 11.10+ */
492 background-image: linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
493 border-top: solid 1px #aaa;
494 border-left: solid 1px #aaa;
495 border-bottom: solid 1px #ccc;
496 border-right: solid 1px #ccc;
497 -webkit-border-radius: 3px;
498 -moz-border-radius: 3px;
499 border-radius: 3px;
500 outline: 0;
501  
502 -webkit-box-sizing: border-box;
503 -moz-box-sizing: border-box;
504 -o-box-sizing: border-box;
505 box-sizing: border-box;
506 }
17 vero 507 .dark-grey .element-address input[type=text],
508 .dark-grey .element-name input[type=text],
509 .dark-grey .element-file .file_text,
510 .dark-grey textarea{
9 vero 511 width: 100%;
512 *width: 94%;
513 }
514  
515  
516 /* prevent conflicts with bootstrap */
17 vero 517 .dark-grey .dropdown-menu input[type=checkbox]{
9 vero 518 display:none;
519 }
520  
521 /* NAME last first */
17 vero 522 .dark-grey .element-name .nameFirst{
9 vero 523 width: 40%;
524 *width: 39%;
525 left: 0;
526 display: inline-block;
527 margin-right: 5%;
528 vertical-align: top;
529 zoom: 1;
530 *display: inline;
531 }
17 vero 532 .dark-grey .element-name .nameLast{
9 vero 533 width: 55%;
534 *width: 50%;
535 display: inline-block;
536 vertical-align: top;
537 zoom: 1;
538 *display: inline;
539 }
540  
541 /* ADDRESS */
17 vero 542 .dark-grey .element-address .city,
543 .dark-grey .element-address .zip{
9 vero 544 width: 47%;
545 *width: 44%;
546 display: inline-block;
547 zoom: 1;
548 *display: inline;
549 vertical-align: top;
550 margin-right: 6%;
551 }
17 vero 552 .dark-grey .element-address .state,
553 .dark-grey .element-address .country{
9 vero 554 width: 47%;
555 *width: 44%;
556 display: inline-block;
557 zoom: 1;
558 *display: inline;
559 vertical-align: top;
560 }
17 vero 561 .dark-grey .element-address .country select{
9 vero 562 cursor: pointer;
563 }
17 vero 564 .dark-grey .element-address label,
565 .dark-grey .element-name label{
9 vero 566 font-size: 0.8em;
567 }
17 vero 568 .dark-grey .element-address label.title,
569 .dark-grey .element-name label.title{
9 vero 570 font-size: 1em;
571 }
572  
573  
574 /* type number */
17 vero 575 .dark-grey input[type=number]::-webkit-inner-spin-button,
576 .dark-grey input[type=number]::-webkit-outer-spin-button{
9 vero 577 -webkit-appearance: none;
578 }
579  
580 /* File input */
17 vero 581 .dark-grey .element-file label{
9 vero 582 position: relative;
583 }
17 vero 584 .dark-grey .element-file .title{
9 vero 585 position: static;
586 }
17 vero 587 .dark-grey .element-file .button{
9 vero 588 z-index: 1;
589 position: absolute;
590 right: -2px;
591 }
17 vero 592 .dark-grey .element-file .file_text{
9 vero 593 right: 0;
594 overflow: hidden;
595 cursor: pointer;
596 background-color: #fff;
597 }
17 vero 598 .dark-grey .element-file .file_text:before{
9 vero 599 content: "_";
600 opacity: 0;
601 }
17 vero 602 .dark-grey .element-file .file_input {
9 vero 603 position: absolute;
604 top: 0;
605 right: 0;
606 bottom: 0;
607 padding: 0;
608 cursor: pointer;
609 opacity: 0;
610 filter: alpha(opacity=0);
611 width: 100%;
612 }
17 vero 613 * html .dark-grey .element-file .file_input,
614 *+html .dark-grey .element-file .file_input{
9 vero 615 position: relative;
616 left: auto;
617 right: auto;
618 top: auto;
619 bottom: auto;
620 width: auto;
621 opacity: 1;
622 filter: alpha(opacity=100);
623 }
17 vero 624 * html .dark-grey .element-file .button,
625 *+html .dark-grey .element-file .button{
9 vero 626 display: none;
627 }
17 vero 628 * html .dark-grey .element-file label,
629 *+html .dark-grey .element-file label,
630 * html .dark-grey .element-file .file_text,
631 *+html .dark-grey .element-file .file_text{
9 vero 632 border: none;
633 }
17 vero 634 * html .dark-grey .element-file .title,
635 *+html .dark-grey .element-file .title{
9 vero 636 display: block;
637 }
638  
639  
640 @media all and (max-width:400px){
17 vero 641 .dark-grey .element-radio .column,
642 .dark-grey .element-checkbox .column,
643 .dark-grey .element-name .nameFirst,
644 .dark-grey .element-name .nameLast,
645 .dark-grey .element-address .city,
646 .dark-grey .element-address span.state,
647 .dark-grey .element-address .zip,
648 .dark-grey .element-address .country{
9 vero 649 width: 100%;
650 display: block;
651 margin-right: 0;
652 }
653 }/* bootstrap cutting */
654  
655 .btn:focus {
656 outline: thin dotted #333;
657 outline: 5px auto -webkit-focus-ring-color;
658 outline-offset: -2px;
659 }
660  
661 .btn-group {
662 position: relative;
663 display: inline-block;
664 *display: inline;
665 *margin-left: .3em;
666 /*font-size: 0;*/
667 white-space: nowrap;
668 vertical-align: middle;
669 *zoom: 1;
670 }
671  
672 .btn-group:first-child {
673 *margin-left: 0;
674 }
675  
676  
677 .btn-group .dropdown-toggle:active,
678 .btn-group.open .dropdown-toggle {
679 outline: 0;
680 }
681  
682 .caret {
683 display: inline-block;
684 width: 0;
685 height: 0;
686 vertical-align: top;
687 border-top: 4px solid #000000;
688 border-right: 4px solid transparent;
689 border-left: 4px solid transparent;
690 content: "";
691 }
692  
693 .btn .caret {
694 margin-top: 8px;
695 margin-left: 0;
696 }
697  
698 .dropdown-menu {
699 position: absolute;
700 top: 100%;
701 left: 0;
702 z-index: 1000;
703 display: none;
704 float: left;
705 min-width: 160px;
706 padding: 5px 0;
707 margin: 2px 0 0;
708 list-style: none;
709 background-color: #ffffff;
710 border: 1px solid #ccc;
711 border: 1px solid rgba(0, 0, 0, 0.2);
712 *border-right-width: 2px;
713 *border-bottom-width: 2px;
714 -webkit-border-radius: 6px;
715 -moz-border-radius: 6px;
716 border-radius: 6px;
717 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
718 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
719 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
720 -webkit-background-clip: padding-box;
721 -moz-background-clip: padding;
722 background-clip: padding-box;
723 }
724  
725 .dropdown-menu.pull-right {
726 right: 0;
727 left: auto;
728 }
729  
730 .dropdown-menu .divider {
731 *width: 100%;
732 height: 1px;
733 margin: 9px 1px;
734 *margin: -5px 0 5px;
735 overflow: hidden;
736 background-color: #e5e5e5;
737 border-bottom: 1px solid #ffffff;
738 }
739  
740 .dropdown-menu li > a {
741 display: block;
742 padding: 3px 20px;
743 clear: both;
744 font-weight: normal;
745 white-space: nowrap;
746 text-decoration: none;
747 }
748  
749 .dropdown-menu li > a:hover,
750 .dropdown-menu li > a:focus,
751 .dropdown-submenu:hover > a{
752 color: #ffffff;
753 text-decoration: none;
754 }
755 .dropdown-menu li.selected > a{
756 color: #ffffff;
757 text-decoration: none;
758 }
759  
760 .dropdown-menu .active > a,
761 .dropdown-menu .active > a:hover {
762 color: #ffffff;
763 text-decoration: none;
764 background-color: #0081c2;
765 background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
766 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
767 background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
768 background-image: -o-linear-gradient(top, #0088cc, #0077b3);
769 background-image: linear-gradient(to bottom, #0088cc, #0077b3);
770 background-repeat: repeat-x;
771 outline: 0;
772 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
773 }
774  
775 .dropdown-menu .disabled > a,
776 .dropdown-menu .disabled > a:hover {
777 color: #999999;
778 }
779  
780 .dropdown-menu .disabled > a:hover {
781 text-decoration: none;
782 cursor: default;
783 background-color: transparent;
784 background-image: none;
785 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
786 }
787  
788 .open > .dropdown-menu {
789 display: block;
790 }
791  
792  
793  
794  
795  
796  
797 .alert {
798 padding: 8px 35px 8px 14px;
799 margin-bottom: 20px;
800 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
801 background-color: #fcf8e3;
802 border: 1px solid #fbeed5;
803 -webkit-border-radius: 4px;
804 -moz-border-radius: 4px;
805 border-radius: 4px;
806 }
807  
808 .alert,
809 .alert h4 {
810 color: #c09853;
811 }
812  
813 .alert h4 {
814 margin: 0;
815 }
816  
817 .alert .close {
818 position: relative;
819 top: -2px;
820 right: -21px;
821 line-height: 20px;
822 }
823  
824  
825 .alert-success {
826 color: #468847;
827 background-color: #dff0d8;
828 border-color: #d6e9c6;
829 }
830  
831 .alert-success h4 {
832 color: #468847;
833 }
834  
835 .alert-error {
836 color: #b94a48;
837 background-color: #f2dede;
838 border-color: #eed3d7;
839 }
840  
841 .alert-info {
842 color: #3a87ad;
843 background-color: #d9edf7;
844 border-color: #bce8f1;
845 }
846  
847 .alert-info h4 {
848 color: #3a87ad;
849 }
850  
851  
852 .tooltip {
853 position: relative;
854 z-index: 30;
855 display: block;
856 padding: 5px;
857 font-size: 11px;
858 visibility: visible;
859 margin-left: 0;
860 }
861  
862 .tooltip.in {
863 opacity: 0.8;
864 filter: alpha(opacity=80);
865 }
866  
867 .tooltip.top {
868 margin-top: -3px;
869 }
870  
871 .tooltip.right {
872 margin-left: 3px;
873 }
874  
875 .tooltip.bottom {
876 margin-top: 4px;
877 }
878  
879 .tooltip.left {
880 margin-left: -3px;
881 }
882  
883 .tooltip-inner {
884 max-width: 200px;
885 padding: 3px 8px;
886 color: #ffffff;
887 text-align: center;
888 text-decoration: none;
889 background-color: #000000;
890 -webkit-border-radius: 4px;
891 -moz-border-radius: 4px;
892 border-radius: 4px;
893 }
894  
895 .tooltip-arrow {
896 position: absolute;
897 width: 0;
898 height: 0;
899 border-color: transparent;
900 border-style: solid;
901 }
902  
903 .tooltip.top .tooltip-arrow {
904 bottom: 0;
905 left: 50%;
906 margin-left: -5px;
907 border-top-color: #000000;
908 border-width: 5px 5px 0;
909 }
910  
911 .tooltip.right .tooltip-arrow {
912 top: 50%;
913 left: 0;
914 margin-top: -5px;
915 border-right-color: #000000;
916 border-width: 5px 5px 5px 0;
917 }
918  
919 .tooltip.left .tooltip-arrow {
920 top: 50%;
921 right: 0;
922 margin-top: -5px;
923 border-left-color: #000000;
924 border-width: 5px 0 5px 5px;
925 }
926  
927 .tooltip.bottom .tooltip-arrow {
928 top: -8px;
929 left: 17px;
930 margin-left: -8px;
931 border-bottom-color: #f2dede;
932 border-width: 0 8px 8px;
933 }
934 .hide {
935 display: none;
936 }
937  
938 /*!
939 * bootstrap-select v1.3.4
940 * http://silviomoreto.github.io/bootstrap-select/
941 *
942 * Copyright 2013 bootstrap-select
943 * Licensed under the MIT license
944 */
945  
946 .bootstrap-select.btn-group,
947 .bootstrap-select.btn-group[class*="span"] {
948 float: none;
949 display: inline-block;
950 margin-bottom: 0;
951 margin-left: 0;
952 }
953 .form-search .bootstrap-select.btn-group,
954 .form-inline .bootstrap-select.btn-group,
955 .form-horizontal .bootstrap-select.btn-group {
956 margin-bottom: 0;
957 }
958  
959 .bootstrap-select.btn-group.pull-right,
960 .bootstrap-select.btn-group[class*="span"].pull-right,
961 .row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
962 float: right;
963 }
964  
965 .input-append .bootstrap-select.btn-group {
966 margin-left: -1px;
967 }
968  
969 .input-prepend .bootstrap-select.btn-group {
970 margin-right: -1px;
971 }
972  
973 .bootstrap-select:not([class*="span"]) {
974 width: 100%;
975 }
976  
977 .bootstrap-select {
978 width: 100%;
979 }
980  
981 .bootstrap-select > .btn {
982 width: 100%;
983 }
984  
985 .error .bootstrap-select .btn {
986 border: 1px solid #b94a48;
987 }
988  
989  
990 .dropdown-menu {
991 z-index: 2000;
992 }
993  
994 .bootstrap-select.show-menu-arrow.open > .btn {
995 z-index: 2051;
996 }
997  
998 .bootstrap-select .btn:focus {
999 outline: 0 none;
1000 }
1001  
1002 .bootstrap-select.btn-group .btn .filter-option {
1003 overflow: hidden;
1004 position: absolute;
1005 left: 12px;
1006 right: 25px;
1007 text-align: left;
1008 }
1009  
1010 .bootstrap-select.btn-group .btn .caret {
1011 position: absolute;
1012 top: 50%;
1013 right: 12px;
1014 margin-top: -2px;
1015 vertical-align: middle;
1016 }
1017  
1018 .bootstrap-select.btn-group > .disabled,
1019 .bootstrap-select.btn-group .dropdown-menu li.disabled > a {
1020 cursor: not-allowed;
1021 }
1022  
1023 .bootstrap-select.btn-group > .disabled:focus {
1024 outline: none !important;
1025 }
1026  
1027 .bootstrap-select.btn-group[class*="span"] .btn {
1028 width: 100%;
1029 }
1030  
1031 .bootstrap-select.btn-group .dropdown-menu {
1032 min-width: 100%;
1033 -moz-box-sizing: border-box;
1034 -webkit-box-sizing: border-box;
1035 box-sizing: border-box;
1036 }
1037  
1038 .bootstrap-select.btn-group .dropdown-menu.inner {
1039 position: static;
1040 border: 0;
1041 padding: 0;
1042 margin: 0;
1043 -webkit-border-radius: 0;
1044 -moz-border-radius: 0;
1045 border-radius: 0;
1046 -webkit-box-shadow: none;
1047 -moz-box-shadow: none;
1048 box-shadow: none;
1049 }
1050  
1051 .bootstrap-select.btn-group .dropdown-menu dt {
1052 display: block;
1053 padding: 3px 20px;
1054 cursor: default;
1055 }
1056  
1057 .bootstrap-select.btn-group .div-contain {
1058 overflow: hidden;
1059 }
1060  
1061 .bootstrap-select.btn-group .dropdown-menu li {
1062 position: relative;
1063 }
1064  
1065 .bootstrap-select.btn-group .dropdown-menu li > a.opt {
1066 position: relative;
1067 padding-left: 35px;
1068 }
1069  
1070 .bootstrap-select.btn-group .dropdown-menu li > a {
1071 cursor: pointer;
1072 }
1073  
1074 .bootstrap-select.btn-group .dropdown-menu li > dt small {
1075 font-weight: normal;
1076 }
1077  
1078 .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
1079 display: inline-block;
1080 position: absolute;
1081 right: 15px;
1082 margin-top: 2.5px;
1083 }
1084  
1085 .bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
1086 display: none;
1087 }
1088  
1089 .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
1090 margin-right: 34px;
1091 }
1092  
1093 .bootstrap-select.btn-group .dropdown-menu li small {
1094 padding-left: 0.5em;
1095 }
1096  
1097 .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
1098 .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small {
1099 color: #64b1d8;
1100 color: rgba(255,255,255,0.4);
1101 }
1102  
1103 .bootstrap-select.btn-group .dropdown-menu li > dt small {
1104 font-weight: normal;
1105 }
1106  
1107 .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
1108 content: '';
1109 display: inline-block;
1110 border-left: 7px solid transparent;
1111 border-right: 7px solid transparent;
1112 border-bottom: 7px solid #CCC;
1113 border-bottom-color: rgba(0, 0, 0, 0.2);
1114 position: absolute;
1115 bottom: -4px;
1116 left: 9px;
1117 display: none;
1118 }
1119  
1120 .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
1121 content: '';
1122 display: inline-block;
1123 border-left: 6px solid transparent;
1124 border-right: 6px solid transparent;
1125 border-bottom: 6px solid white;
1126 position: absolute;
1127 bottom: -4px;
1128 left: 10px;
1129 display: none;
1130 }
1131  
1132 .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
1133 bottom: auto;
1134 top: -3px;
1135 border-top: 7px solid #ccc;
1136 border-bottom: 0;
1137 border-top-color: rgba(0, 0, 0, 0.2);
1138 }
1139  
1140 .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
1141 bottom: auto;
1142 top: -3px;
1143 border-top: 6px solid #ffffff;
1144 border-bottom: 0;
1145 }
1146  
1147 .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
1148 right: 12px;
1149 left: auto;
1150 }
1151 .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
1152 right: 13px;
1153 left: auto;
1154 }
1155  
1156 .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
1157 .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
1158 display: block;
1159 }
1160  
1161 .mobile-device {
1162 position: absolute;
1163 top: 0;
1164 left: 0;
1165 display: block !important;
1166 width: 100%;
1167 height: 100% !important;
1168 opacity: 0;
1169 }
1170  
1171 .bootstrap-select.fit-width {
1172 width: auto !important;
1173 }
1174  
1175 .bootstrap-select.btn-group.fit-width .btn .filter-option {
1176 position: static;
1177 }
1178  
1179 .bootstrap-select.btn-group.fit-width .btn .caret {
1180 position: static;
1181 top: auto;
1182 margin-top: -1px;
1183 }
1184  
1185 .control-group.error .bootstrap-select .dropdown-toggle{
1186 border-color: #b94a48;
1187 }
1188  
1189 .bootstrap-select-searchbox {
1190 padding: 4px 8px;
1191 }
1192 /*!
1193 * Datepicker for Bootstrap
1194 *
1195 * Copyright 2012 Stefan Petre
1196 * Licensed under the Apache License v2.0
1197 * http://www.apache.org/licenses/LICENSE-2.0
1198 *
1199 */
1200 .datepicker {
1201 width: 14em;
1202 font-size: 1em;
1203 position: absolute;
1204 background-color: #fff;
1205 color: #666666;
1206 top: 0;
1207 left: 0;
1208 padding: 4px;
1209 margin-top: 1px;
1210 -webkit-border-radius: 4px;
1211 -moz-border-radius: 4px;
1212 border-radius: 4px;
1213 border: 1px solid #ccc;
1214 display: none;
1215 z-index: 100;
1216 /*.dow {
1217 border-top: 1px solid #ddd !important;
1218 }*/
1219  
1220 }
1221 .datepicker:before {
1222 content: '';
1223 display: inline-block;
1224 border-left: 7px solid transparent;
1225 border-right: 7px solid transparent;
1226 border-bottom: 7px solid #ccc;
1227 border-bottom-color: rgba(0, 0, 0, 0.2);
1228 position: absolute;
1229 top: -7px;
1230 left: 6px;
1231 }
1232 .datepicker:after {
1233 content: '';
1234 display: inline-block;
1235 border-left: 6px solid transparent;
1236 border-right: 6px solid transparent;
1237 border-bottom: 6px solid #ffffff;
1238 position: absolute;
1239 top: -6px;
1240 left: 7px;
1241 }
1242 .datepicker > div {
1243 display: none;
1244 }
1245 .datepicker table {
1246 width: 100%;
1247 margin: 0;
1248 }
1249 .datepicker td,
1250 .datepicker th {
1251 text-align: center;
1252 width: 2.9em;
1253 -webkit-border-radius: 4px;
1254 -moz-border-radius: 4px;
1255 border-radius: 4px;
1256 }
1257 .datepicker td.day:hover {
1258 background: #eeeeee;
1259 cursor: pointer;
1260 }
1261 .datepicker td.day.disabled {
1262 color: #eeeeee;
1263 }
1264 .datepicker td.old,
1265 .datepicker td.new {
1266 color: #999999;
1267 }
1268 .datepicker td.active,
1269 .datepicker td.active:hover {
1270 color: #ffffff;
1271 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1272 color: #fff;
1273 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1274 }
1275 .datepicker td.active:hover,
1276 .datepicker td.active:hover:hover,
1277 .datepicker td.active:focus,
1278 .datepicker td.active:hover:focus,
1279 .datepicker td.active:active,
1280 .datepicker td.active:hover:active,
1281 .datepicker td.active.active,
1282 .datepicker td.active:hover.active,
1283 .datepicker td.active.disabled,
1284 .datepicker td.active:hover.disabled,
1285 .datepicker td.active[disabled],
1286 .datepicker td.active:hover[disabled] {
1287 color: #ffffff;
1288 }
1289 .datepicker td.active:active,
1290 .datepicker td.active:hover:active,
1291 .datepicker td.active.active,
1292 .datepicker td.active:hover.active {
1293 background-color: #003399 \9;
1294 }
1295 .datepicker td span {
1296 display: block;
1297 width: 1.5em;
1298 height: 1.7em;
1299 line-height: 1.6;
1300 float: left;
1301 margin: 2px;
1302 cursor: pointer;
1303 -webkit-border-radius: 4px;
1304 -moz-border-radius: 4px;
1305 border-radius: 4px;
1306 }
1307 .datepicker .datepicker-months td span,
1308 .datepicker .datepicker-years td span {
1309 width: 3.5em;
1310 height: 3em;
1311 line-height: 3;
1312 }
1313 .datepicker td span:hover {
1314 background: #eeeeee;
1315 }
1316 .datepicker td span.active {
1317 color: #ffffff;
1318 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1319 color: #fff;
1320 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1321 }
1322 .datepicker td span.active:hover,
1323 .datepicker td span.active:focus,
1324 .datepicker td span.active:active,
1325 .datepicker td span.active.active,
1326 .datepicker td span.active.disabled,
1327 .datepicker td span.active[disabled] {
1328 color: #ffffff;
1329 }
1330 .datepicker td span.active:active,
1331 .datepicker td span.active.active {
1332 background-color: #003399 \9;
1333 }
1334 .datepicker td span.old {
1335 color: #999999;
1336 }
1337 .datepicker thead tr:first-child th {
1338 cursor: pointer;
1339 }
1340 .datepicker thead tr:first-child th:hover {
1341 background: #eeeeee;
1342 }
1343 .input-append.date .add-on i,
1344 .input-prepend.date .add-on i {
1345 display: block;
1346 cursor: pointer;
1347 width: 16px;
1348 height: 16px;
17 vero 1349 }/* .dark-grey color scheme begin */
9 vero 1350  
17 vero 1351 .dark-grey input[type=submit],
1352 .dark-grey .element-file .button {
9 vero 1353 background-color: #222222;
1354 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1355 background-image: -moz-linear-gradient(top, #444444, #222222);
1356 background-image: -ms-linear-gradient(top, #444444, #222222);
1357 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1358 background-image: -webkit-linear-gradient(top, #444444, #222222);
1359 background-image: -o-linear-gradient(top, #444444, #222222);
1360 background-image: linear-gradient(top, #444444, #222222);
1361 background-repeat: repeat-x;
1362 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
1363 /* border-color: #1598d9 #1598d9 #007bb8 #1598d9; */
1364 }
17 vero 1365 .dark-grey input[type=submit]:hover,
1366 .dark-grey .element-file .button:hover {
9 vero 1367 background-color: #222222;
1368 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b4eb', endColorstr='#222222', GradientType=0);
1369 }
17 vero 1370 .dark-grey input[type=submit]:active,
1371 .dark-grey input[type=submit][disabled],
1372 .dark-grey .element-file .button:active,
1373 .dark-grey .element-file .button[disabled]{
9 vero 1374 background-color: #222222;
1375 *background-color: #222222;
1376 }
1377  
17 vero 1378 .dark-grey input[type=text]:focus,
1379 .dark-grey input[type=password]:focus,
1380 .dark-grey input[type=email]:focus,
1381 .dark-grey input[type=url]:focus,
1382 .dark-grey input[type=number]:focus,
1383 .dark-grey input[type=date]:focus,
1384 .dark-grey textarea:focus,
1385 .dark-grey .element-file .file_text:focus{
9 vero 1386 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
1387 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
1388 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222;
1389 border-color: #222222;
1390 /*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
1391 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6–IE9 */
1392 /*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
1393 background-image: -moz-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* FF3.6 */
1394 background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */
1395 background-image: -o-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Opera 11.10+ */
1396 background-image: linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) );
1397 transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
1398 }
1399  
1400 /* bootstrap */
1401 .dropdown-menu li > a:hover,
1402 .dropdown-menu li > a:focus,
1403 .dropdown-submenu:hover > a{
1404 background-color: #222222;
1405 background-image: -moz-linear-gradient(top, #444444, #222222);
1406 background-image: -ms-linear-gradient(top, #444444, #222222);
1407 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1408 background-image: -webkit-linear-gradient(top, #444444, #222222);
1409 background-image: -o-linear-gradient(top, #444444, #222222);
1410 background-image: linear-gradient(top, #444444, #222222);
1411 background-repeat: repeat-x;
1412 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
1413 border-color: #1598d9 #1598d9 #007bb8 #1598d9;
1414 }
1415 .dropdown-menu li.selected > a{
1416 color: #ffffff;
1417 text-decoration: none;
1418 background-color: #222222;
1419 }
1420  
1421  
1422 /* datepicker */
1423 .datepicker td.active,
1424 .datepicker td.active:hover,
1425 .datepicker td span.active {
1426 background-color: #222222;
1427 background-image: -moz-linear-gradient(top, #444444, #222222);
1428 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1429 background-image: -webkit-linear-gradient(top, #444444, #222222);
1430 background-image: -o-linear-gradient(top, #444444, #222222);
1431 background-image: linear-gradient(to bottom, #444444, #222222);
1432 background-repeat: repeat-x;
1433 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
1434 border-color: #222222 #222222 #002a80;
1435 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1436 *background-color: #222222;
1437 }
1438 .datepicker td span.active:hover,
1439 .datepicker td span.active:focus,
1440 .datepicker td span.active:active,
1441 .datepicker td span.active.active,
1442 .datepicker td span.active.disabled,
1443 .datepicker td span.active[disabled],
1444 .datepicker td.active:hover,
1445 .datepicker td.active:hover:hover,
1446 .datepicker td.active:focus,
1447 .datepicker td.active:hover:focus,
1448 .datepicker td.active:active,
1449 .datepicker td.active:hover:active,
1450 .datepicker td.active.active,
1451 .datepicker td.active:hover.active,
1452 .datepicker td.active.disabled,
1453 .datepicker td.active:hover.disabled,
1454 .datepicker td.active[disabled],
1455 .datepicker td.active:hover[disabled]{
1456 background-color: #222222;
1457 *background-color: #222222;
1458 }
1459  
17 vero 1460 /* .dark-grey color scheme end */