clockwerk-www – Blame information for rev 15

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