clockwerk-www – Blame information for rev 17

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