clockwerk-www – Blame information for rev 36

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