clockwerk-www – Blame information for rev 9

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