clockwerk-www – Blame information for rev 41

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