clockwerk-www – Blame information for rev 32

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