picasso 0.3.3 → 0.3.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. data/.gitignore +2 -1
  2. data/README.md +33 -29
  3. data/docs/_picasso.html +12 -9
  4. data/docs/all.html +57 -43
  5. data/docs/config.rb +1 -2
  6. data/docs/css/picasso-demos.css +1 -0
  7. data/docs/css/picasso-docs.css +1 -2502
  8. data/docs/docs.css +476 -0
  9. data/docs/docs.js +4 -0
  10. data/docs/img/picasso-popup.png +0 -0
  11. data/docs/index.html +44 -43
  12. data/docs/js/html5shiv.js +5 -0
  13. data/docs/picasso-_components.html +14 -11
  14. data/docs/picasso-_despegar.html +11 -8
  15. data/docs/picasso-_utils.html +12 -9
  16. data/docs/picasso-components-_accordions.html +13 -38
  17. data/docs/picasso-components-_arrows.html +13 -10
  18. data/docs/picasso-components-_bubbles.html +14 -11
  19. data/docs/picasso-components-_buttons.html +12 -9
  20. data/docs/picasso-components-_inputs.html +13 -10
  21. data/docs/picasso-components-_list-grids.html +14 -11
  22. data/docs/picasso-components-_navs.html +14 -11
  23. data/docs/picasso-components-_pagination.html +13 -10
  24. data/docs/picasso-components-_popups.html +17 -14
  25. data/docs/picasso-components-_tooltips.html +14 -11
  26. data/docs/picasso-components-buttons-_3d.html +17 -14
  27. data/docs/picasso-components-buttons-_glossy.html +14 -11
  28. data/docs/picasso-components-buttons-_mini.html +14 -11
  29. data/docs/picasso-despegar-_variables.html +15 -12
  30. data/docs/picasso-utils-_clearfix.html +13 -10
  31. data/docs/picasso-utils-_grid.html +17 -14
  32. data/docs/picasso-utils-_ie.html +12 -9
  33. data/docs/picasso-utils-_sprite.html +12 -9
  34. data/docs/previews.js +33 -0
  35. data/docs/resources/docs.jade +52 -26
  36. data/docs/sass/picasso-demos.scss +330 -0
  37. data/docs/sass/picasso-docs.scss +75 -300
  38. data/lib/picasso/version.rb +1 -1
  39. data/package.json +7 -0
  40. data/stylesheets/picasso/_components.scss +1 -1
  41. data/stylesheets/picasso/components/_accordions.scss +0 -28
  42. data/stylesheets/picasso/components/_arrows.scss +1 -1
  43. data/stylesheets/picasso/components/_bubbles.scss +1 -1
  44. data/stylesheets/picasso/components/_list-grids.scss +1 -1
  45. data/stylesheets/picasso/components/_navs.scss +1 -1
  46. data/stylesheets/picasso/components/_popups.scss +3 -3
  47. data/stylesheets/picasso/components/buttons/_3d.scss +1 -1
  48. data/stylesheets/picasso/components/buttons/_glossy.scss +1 -1
  49. data/stylesheets/picasso/components/buttons/_mini.scss +1 -1
  50. data/stylesheets/picasso/utils/_grid.scss +1 -1
  51. metadata +11 -5
  52. data/docs/resources/docs.js +0 -52
data/.gitignore CHANGED
@@ -16,4 +16,5 @@ test/tmp
16
16
  test/version_tmp
17
17
  tmp
18
18
  .project
19
- .sass-cache
19
+ .sass-cache
20
+ node_modules
data/README.md CHANGED
@@ -5,14 +5,13 @@
5
5
  http://gitorious.despegar.it/picasso/picasso
6
6
 
7
7
 
8
- -----
9
8
 
10
9
 
11
10
  # Instalación
12
11
 
13
12
  Ejecutar:
14
13
 
15
- ```
14
+ ```bash
16
15
  $ (sudo) gem install picasso
17
16
  ```
18
17
 
@@ -20,53 +19,57 @@ $ (sudo) gem install picasso
20
19
 
21
20
  En el `config.rb` agregar:
22
21
 
23
- ```
22
+ ```ruby
24
23
  require 'picasso'
25
24
  require 'magick'
26
- gem 'picasso', '~> 0.3.3'
25
+ gem 'picasso', '~> 0.3.4'
27
26
  ```
28
27
 
29
28
  Modificar el número de versión a medida que se quiere usar nuevas versiones del framework.
30
29
 
31
30
  Finalmente, en el archivo Sass importar el framework completo:
32
31
 
33
- ```
32
+ ```scss
34
33
  @import "picasso";
35
34
  ```
36
35
 
37
36
  o sólo lo necesario:
38
37
 
39
- ```
38
+ ```scss
40
39
  @import "picasso/components/buttons";
41
40
  @import "picasso/despegar/variables";
42
41
  ```
43
42
 
44
43
 
45
- # Actualización
44
+ ## Actualización
46
45
 
47
- ```
46
+ ```bash
48
47
  $ (sudo) gem update picasso
49
48
  ```
50
49
 
51
- # <a id="oily-png"></a>Opcional: Instalaci&oacute;n de oily_png
50
+
51
+ ## <a id="oily-png"></a>Opcional: Instalaci&oacute;n de oily_png
52
52
 
53
53
  [oily_png](https://github.com/wvanbergen/oily_png/) es una gema que permite acelerar la creaci&oacute;n de im&aacute;genes din&aacute;micas. Se recomienda su instalaci&oacute;n en caso de utilizar Picasso para la creaci&oacute;n de sprites.
54
54
 
55
- ## Windows
55
+ ### Windows
56
56
 
57
57
  Bajar el paquete [Development Kit](http://rubyinstaller.org/downloads/). Extraer dicho paquete en una ruta conocida (por ejemplo `C:\DevKit`). Abrir una consola, ir a la ruta en donde se pusieron los archivos del *Development Kit* y ejecutar `ruby dk.rb init` y luego `ruby dk.rb install`.
58
58
 
59
- ## Linux
59
+ ### Linux
60
60
 
61
- ```
61
+ ```bash
62
62
  $ (sudo) apt-get update
63
63
  $ (sudo) apt-get install ruby-oily-png
64
64
  ```
65
65
 
66
- -----
67
66
 
68
67
 
69
- # <a id="changelog"></a>Changelog
68
+ # Changelog
69
+
70
+ ## 0.3.4
71
+ * Se quita soporte para IE7 de las flechas indicadoras en el componente accordion;
72
+ * Actualizaci&oacute;n de la documentaci&oacute;n para que use StyleDocco 0.5.0;
70
73
 
71
74
  ## 0.3.3
72
75
  * Se utiliza `image-url` en lugar de `generated-image-url` para la URL de los sprites;
@@ -138,7 +141,7 @@ $ (sudo) apt-get install ruby-oily-png
138
141
  * Agregadas las variables de la marca Despegar y clearfix.
139
142
 
140
143
 
141
- -----
144
+
142
145
 
143
146
 
144
147
  # Todo
@@ -160,7 +163,8 @@ $ (sudo) apt-get install ruby-oily-png
160
163
  * Mejoras en la documentaci&oacute;n especificando variables por defecto de cada componente y mejor descripci&oacute;n de sus par&aacute;metros.
161
164
 
162
165
 
163
- -----
166
+
167
+
164
168
 
165
169
 
166
170
  # Mejoras / A&ntilde;adidos
@@ -169,20 +173,20 @@ $ (sudo) apt-get install ruby-oily-png
169
173
 
170
174
  * Clonar el repositorio de Picasso:
171
175
 
172
- ```
176
+ ```bash
173
177
  $ git clone git@gitorious.despegar.it:picasso/picasso.git
174
178
  ```
175
179
 
176
180
  * Pasarse al branch `development`:
177
181
 
178
- ```
182
+ ```bash
179
183
  $ cd picasso
180
184
  $ git checkout --track origin/development
181
185
  ```
182
186
 
183
187
  * Verificar que se esta parado en dicho branch:
184
188
 
185
- ```
189
+ ```bash
186
190
  $ git branch
187
191
  ```
188
192
 
@@ -200,7 +204,7 @@ En caso de agregar alguna funcionalidad nueva, tomar de ejemplo alg&uacute;n com
200
204
 
201
205
  * Una vez realizados los cambios o a&ntilde;adidos, subirlos al repositorio:
202
206
 
203
- ```
207
+ ```bash
204
208
  $ git status
205
209
  $ git add <archivos a subir>;
206
210
  $ git commit -m "<un mensaje descriptivo del commit>"
@@ -212,20 +216,20 @@ $ git push
212
216
 
213
217
  ## Generar la documentaci&oacute;n
214
218
 
215
- * Para generar una nueva versi&oacute;n de la documentaci&oacute;n es necesario tener instalado node.js: http://nodejs.org/#download
219
+ Dentro de la carpeta `stylesheets`, existen archivos `.scss` que componen a Picasso. Cada archivo posee la documentaci&oacute;n pertinente que se utiliza para generar el documento final. La anotaci&oacute;n de la documentaci&oacute;n utiliza la sintaxis [markdown](http://daringfireball.net/projects/markdown/basics).
216
220
 
217
- * Abrir una terminal e instalar [Styledocco](https://github.com/jacobrask/styledocco):
221
+ * Para generar los archivos HTML que componen la documentaci&oacute;n es necesario tener instalado node.js: http://nodejs.org/#download
218
222
 
219
- ```
220
- $ npm install -g styledocco
221
- ```
223
+ * Luego abrir una terminal y pararse sobre la carpeta raiz del proyecto (picasso). Ejecutar:
222
224
 
223
- * Dentro de la carpeta `stylesheets`, existen archivos `.scss` que componen a Picasso. Cada archivo posee la documentaci&oacute;n pertinente que se utiliza para generar el documento final. La anotaci&oacute;n de la documentaci&oacute;n utiliza la sintaxis [markdown](http://daringfireball.net/projects/markdown/basics).
225
+ ```bash
226
+ $ npm install
227
+ ```
224
228
 
225
- * Pararse sobre la carpeta raiz del proyecto y ejecutar:
229
+ * Luego ejecutar:
226
230
 
227
- ```
228
- $ compass compile docs/ && styledocco --name "Picasso" --preprocessor "--compass" --resources docs/resources/ stylesheets/
231
+ ```bash
232
+ $ compass compile docs/ && ./node_modules/.bin/styledocco -s docs/resources/ --preprocessor "sass --compass" --include docs/css/picasso-demos.css stylesheets/
229
233
  ```
230
234
 
231
235
  * Revisar que la documentaci&oacute;n se haya generado correctamente abriendo el archivo `docs/index.html`.
data/docs/_picasso.html CHANGED
@@ -1,9 +1,10 @@
1
1
  <!DOCTYPE html><!--[if IE 7]><html class="ie7"></html><![endif]--><!--[if IE 8]><html class="ie8"></html><![endif]--><!--[if IE 9]><html class="ie9"></html><![endif]--><!-- [if gt IE 9] <!--><html><head><title>_picasso | Picasso. Framework CSS/Sass.
2
- </title><meta charset="utf-8"><style>body{width:100%;max-width:100%;margin:0;padding:0;background-color:#f6f7f9}.styledocco-sidebar,.styledocco-docs>:not(.styledocco-example){box-sizing:content-box;margin:15px 20px;color:#334;line-height:1.618;font-family:sans-serif;-webkit-font-smoothing:subpixel-antialiased}.styledocco-sidebar,.styledocco-docs>p,.styledocco-docs>ul,.styledocco-docs>ol,.styledocco-docs>a{font-size:12px}.styledocco-docs>h1,.styledocco-docs>h2,.styledocco-docs>h3,.styledocco-docs>h4,.styledocco-docs>h5,.styledocco-docs>h6{font-weight:bold;margin:25px 20px 0!important;line-height:1.2!important;color:#555f6a!important}.styledocco-docs>:not(.styledocco-example) a{color:#27a;text-decoration:none}.styledocco-docs>:not(.styledocco-example) a:hover{color:#157;text-decoration:underline}.styledocco-docs>:not(.styledocco-example) a:visited{color:#146}.styledocco-docs>:not(.styledocco-example):not(pre) var,.styledocco-docs>:not(.styledocco-example):not(pre) code{padding:.1em 3px;background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.05);border-radius:3px;font-style:normal;font-family:"Ubuntu Mono","Andale Mono","DejaVu Sans Mono","Monaco","Bitstream Vera Sans Mono","Consolas","Lucida Console",monospace}.styledocco-code pre code,.styledocco-docs>pre samp,.styledocco-docs>pre code{padding:0;background:transparent;border:0;font-family:"Ubuntu Mono","Andale Mono","DejaVu Sans Mono","Monaco","Bitstream Vera Sans Mono","Consolas","Lucida Console",monospace;font-size:12px}.styledocco-code code::selection,.styledocco-docs>pre code::selection{background:#248;color:#fff}.styledocco-container{width:95%;max-width:1500px;margin:0 auto}.styledocco-main{float:right;width:83%}.styledocco-sidebar{position:fixed;width:9%;padding:1%}.styledocco-section{position:relative;min-height:200px}.styledocco-sidebar{max-height:90%;overflow-y:auto;margin-top:20px;word-wrap:break-word;background-color:#777f88;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.25);opacity:.75;-webkit-transition:opacity 2.5s;-moz-transition:opacity 2.5s;-o-transition:opacity 2.5s}.styledocco-sidebar:hover{opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s}.styledocco-sidebar a{text-decoration:none}.styledocco-brand{display:block;margin:0 0 10px;text-align:center;color:#eee;font-size:16px;font-weight:bold;text-shadow:rgba(0,0,0,.5) 0 0 1px}.styledocco-brand:hover{color:#fff;text-decoration:none}.styledocco-nav{margin:0;padding:0}.styledocco-nav-heading{display:block;padding:.3em 0;margin:.5em 0 0;color:#ddd;font-size:13px;text-shadow:rgba(0,0,0,.25) 0 0 1px}.styledocco-nav li{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.1)}.styledocco-nav li:active,.styledocco-nav li:focus,.styledocco-nav li:hover{background:rgba(255,255,255,.2);border-color:transparent;border-radius:3px;text-decoration:none}.styledocco-nav li:active + li,.styledocco-nav li:focus + li,.styledocco-nav li:hover + li{border-color:transparent}.styledocco-nav a{display:block;padding:.2em 5%;color:#f7f7f7}.styledocco-docs{position:relative;width:58%;min-height:200px;margin:20px 0 40px;background:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.1);border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.1)}.styledocco-code{position:absolute;top:5px;bottom:5px;right:0;width:42%;overflow:auto;padding:10px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0 5px 5px 0;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.75);opacity:.75;-webkit-transition:opacity .25s;-moz-transition:opacity .25s;-o-transition:opacity .25s}.styledocco-code:hover{opacity:1}.styledocco-example{margin-top:10px;padding:15px;overflow:auto;background:url(data:image/png;base64,ivborw0kggoaaaansuheugaaabaaaaaqaqmaaaalpw0iaaaaaxnsr0iars4c6qaaaazqtfrf+vr6////+o8bnqaaabbjrefucb1jypjpgbxheayafr8p8bm+jeoaaaaasuvork5cyii=);border-top:1px dotted #dcdce1}pre + .styledocco-example{margin-top:0;border-top:0}.styledocco-example:before,.styledocco-example:after{display:table;content:""}.styledocco-example:after{clear:both}.styledocco-docs>pre,.styledocco-code pre{white-space:pre-wrap;word-wrap:break-word;color:#445;margin:0!important;line-height:1.1!important}.styledocco-docs>.pilcrow{position:absolute;right:0;top:0;text-decoration:none;font-weight:bold;opacity:.5}.styledocco-docs>.pilcrow:hover{opacity:1}.styledocco-docs>pre{max-height:200px;overflow-y:auto;padding:10px 20px;background:#f8f9fb;border:1px solid rgba(220,220,225,.8);border-left:0;border-right:0}.styledocco-example + pre{border-top:1px dotted #dcdce1}.styledocco-docs>pre:first-child{border-top:0}.styledocco-docs>pre:last-child{border-bottom:0}.styledocco-code pre{padding:0;background:transparent;border:0}</style><link href="css/picasso-docs.css" rel="stylesheet"></head><body class="picasso-_picasso"><div class="styledocco-container"><div class="styledocco-sidebar"><a href="index.html" class="styledocco-brand">Picasso</a><ul class="styledocco-nav"><li><a href="_picasso.html">_picasso
3
- </a></li></ul><strong class="styledocco-nav-heading">picasso</strong><ul class="styledocco-nav"><li><a href="picasso-_components.html">_components
2
+ </title><meta charset="utf-8"><link rel="stylesheet" href="docs.css"><link rel="stylesheet" href="css/picasso-docs.css"><!--[if IE]><link rel="stylesheet" href="css/picasso-demos.css"><![endif]--><style type="text/preview">body{font-family:sans-serif;font-size:16px;padding:20px 0}.ie7 .preview,.ie8 .preview,.ie9 .preview{padding:15px}.tooltip-demo-1{display:block;position:absolute;padding:0.267em;font-size:0.8em;background-color:#000;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#000 0 0 3px;-moz-box-shadow:#000 0 0 3px;box-shadow:#000 0 0 3px;left:20px}.tooltip-demo-1.tooltip-left:after,.ie7 .tooltip-demo-1.tooltip-left span{position:absolute;top:0;padding:0.267em 0;left:-0.82em;content:"\25C4"}.ie7 .tooltip-demo-1.tooltip-left{zoom:expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="&#9668;")}.tooltip-demo-1.tooltip-left:after,.ie7 .tooltip-demo-1 span{font-family:arial, sans-serif;font-size:1em;color:#000}.ie8 .tooltip-demo-1.tooltip-left:after{font-size:0.8em}.tooltip-demo-2{display:block;position:absolute;padding:0.267em;font-size:0.8em;background-color:#000;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#000 0 0 3px;-moz-box-shadow:#000 0 0 3px;box-shadow:#000 0 0 3px;left:140px}.tooltip-demo-2.tooltip-right:after,.ie7 .tooltip-demo-2.tooltip-right span{position:absolute;top:0;padding:0.267em 0;right:-0.82em;content:"\25BA"}.ie7 .tooltip-demo-2.tooltip-right{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="&#9658;")}.tooltip-demo-2.tooltip-right:after,.ie7 .tooltip-demo-2 span{font-family:arial, sans-serif;font-size:1em;color:#000}.ie8 .tooltip-demo-2.tooltip-right:after{font-size:0.8em}.tooltip-demo-3{display:block;position:absolute;padding:0.4em;font-size:1.2em;background-color:#0074cc;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#0074cc 0 0 3px;-moz-box-shadow:#0074cc 0 0 3px;box-shadow:#0074cc 0 0 3px;left:20px}.tooltip-demo-3.tooltip-left:after,.ie7 .tooltip-demo-3.tooltip-left span{position:absolute;top:0;padding:0.4em 0;left:-0.82em;content:"\25C4"}.ie7 .tooltip-demo-3.tooltip-left{zoom:expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="&#9668;")}.tooltip-demo-3.tooltip-left:after,.ie7 .tooltip-demo-3 span{font-family:arial, sans-serif;font-size:1em;color:#0074cc}.ie8 .tooltip-demo-3.tooltip-left:after{font-size:1.2em}.tooltip-demo-4{display:block;position:absolute;padding:0.4em;font-size:1.2em;background-color:#faa732;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#faa732 0 0 3px;-moz-box-shadow:#faa732 0 0 3px;box-shadow:#faa732 0 0 3px;left:300px}.tooltip-demo-4.tooltip-right:after,.ie7 .tooltip-demo-4.tooltip-right span{position:absolute;top:0;padding:0.4em 0;right:-0.82em;content:"\25BA"}.ie7 .tooltip-demo-4.tooltip-right{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="&#9658;")}.tooltip-demo-4.tooltip-right:after,.ie7 .tooltip-demo-4 span{font-family:arial, sans-serif;font-size:1em;color:#faa732}.ie8 .tooltip-demo-4.tooltip-right:after{font-size:1.2em}.button-glossy-demo-1{width:90px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de1f2a), color-stop(100%, #c81c26)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b11922), color-stop(100%, #6e0f15));background:-webkit-linear-gradient(#de1f2a,#c81c26),-webkit-linear-gradient(#b11922,#6e0f15);background:-moz-linear-gradient(#de1f2a,#c81c26),-moz-linear-gradient(#b11922,#6e0f15);background:-o-linear-gradient(#de1f2a,#c81c26),-o-linear-gradient(#b11922,#6e0f15);background:linear-gradient(#de1f2a,#c81c26),linear-gradient(#b11922,#6e0f15);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-1:after,.button-glossy-demo-1:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-1:after{width:88px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-1:before{width:86px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-1 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-1 span{color:#fff}.button-glossy-demo-1:after,.button-glossy-demo-1:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-1:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #f2a4a8), color-stop(100%, #150304)) 50%;background:-webkit-linear-gradient(#f2a4a8 15%,#150304) 50%;background:-moz-linear-gradient(#f2a4a8 15%,#150304) 50%;background:-o-linear-gradient(#f2a4a8 15%,#150304) 50%;background:linear-gradient(#f2a4a8 15%,#150304) 50%}.button-glossy-demo-1:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de1f2a), color-stop(100%, #c81c26)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b11922), color-stop(100%, #6e0f15));background:-webkit-linear-gradient(#de1f2a,#c81c26),-webkit-linear-gradient(#b11922,#6e0f15);background:-moz-linear-gradient(#de1f2a,#c81c26),-moz-linear-gradient(#b11922,#6e0f15);background:-o-linear-gradient(#de1f2a,#c81c26),-o-linear-gradient(#b11922,#6e0f15);background:linear-gradient(#de1f2a,#c81c26),linear-gradient(#b11922,#6e0f15);background-position:left top,left 13px}.button-glossy-demo-1,.button-glossy-demo-1:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-1:hover{text-decoration:none;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e96168), color-stop(50%, #bf1b24), color-stop(100%, #f10c19));background:-webkit-linear-gradient(#e96168,#bf1b24,#f10c19);background:-moz-linear-gradient(#e96168,#bf1b24,#f10c19);background:-o-linear-gradient(#e96168,#bf1b24,#f10c19);background:linear-gradient(#e96168,#bf1b24,#f10c19)}.button-glossy-demo-1:hover:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4b1b5), color-stop(100%, #d11d27)) 50%;background:-webkit-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:-moz-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:-o-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:linear-gradient(#f4b1b5 20%,#d11d27) 50%}.button-glossy-demo-1:hover:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e96168), color-stop(50%, #bf1b24), color-stop(100%, #f10c19));background:-webkit-linear-gradient(#e96168,#bf1b24,#f10c19);background:-moz-linear-gradient(#e96168,#bf1b24,#f10c19);background:-o-linear-gradient(#e96168,#bf1b24,#f10c19);background:linear-gradient(#e96168,#bf1b24,#f10c19)}.button-glossy-demo-1:hover,.button-glossy-demo-1:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-1,.ie8 .button-glossy-demo-1,.ie9 .button-glossy-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -1px}.ie7 .button-glossy-demo-1:hover,.ie8 .button-glossy-demo-1:hover,.ie9 .button-glossy-demo-1:hover{background-position:0 -31px}.ie9 .button-glossy-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-glossy-demo-2{width:70px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0077b3)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006699), color-stop(100%, #00334d));background:-webkit-linear-gradient(#0088cc,#0077b3),-webkit-linear-gradient(#006699,#00334d);background:-moz-linear-gradient(#0088cc,#0077b3),-moz-linear-gradient(#006699,#00334d);background:-o-linear-gradient(#0088cc,#0077b3),-o-linear-gradient(#006699,#00334d);background:linear-gradient(#0088cc,#0077b3),linear-gradient(#006699,#00334d);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-2:after,.button-glossy-demo-2:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-2:after{width:68px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-2:before{width:66px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-2 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-2 span{color:#fff}.button-glossy-demo-2:after,.button-glossy-demo-2:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-2:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #66ccff), color-stop(100%, #000000)) 50%;background:-webkit-linear-gradient(#66ccff 15%,#000000) 50%;background:-moz-linear-gradient(#66ccff 15%,#000000) 50%;background:-o-linear-gradient(#66ccff 15%,#000000) 50%;background:linear-gradient(#66ccff 15%,#000000) 50%}.button-glossy-demo-2:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0077b3)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006699), color-stop(100%, #00334d));background:-webkit-linear-gradient(#0088cc,#0077b3),-webkit-linear-gradient(#006699,#00334d);background:-moz-linear-gradient(#0088cc,#0077b3),-moz-linear-gradient(#006699,#00334d);background:-o-linear-gradient(#0088cc,#0077b3),-o-linear-gradient(#006699,#00334d);background:linear-gradient(#0088cc,#0077b3),linear-gradient(#006699,#00334d);background-position:left top,left 13px}.button-glossy-demo-2,.button-glossy-demo-2:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-2:hover{text-decoration:none;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ab2ff), color-stop(50%, #0070a8), color-stop(100%, #0088cc));background:-webkit-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-moz-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-o-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:linear-gradient(#1ab2ff,#0070a8,#0088cc)}.button-glossy-demo-2:hover:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #75d1ff), color-stop(100%, #007ebd)) 50%;background:-webkit-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:-moz-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:-o-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:linear-gradient(#75d1ff 20%,#007ebd) 50%}.button-glossy-demo-2:hover:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ab2ff), color-stop(50%, #0070a8), color-stop(100%, #0088cc));background:-webkit-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-moz-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-o-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:linear-gradient(#1ab2ff,#0070a8,#0088cc)}.button-glossy-demo-2:hover,.button-glossy-demo-2:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-2,.ie8 .button-glossy-demo-2,.ie9 .button-glossy-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -61px}.ie7 .button-glossy-demo-2:hover,.ie8 .button-glossy-demo-2:hover,.ie9 .button-glossy-demo-2:hover{background-position:0 -91px}.ie9 .button-glossy-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-glossy-demo-3{width:80px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #faa937)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9f1e), color-stop(100%, #c77605));background:-webkit-linear-gradient(#fbb450,#faa937),-webkit-linear-gradient(#fa9f1e,#c77605);background:-moz-linear-gradient(#fbb450,#faa937),-moz-linear-gradient(#fa9f1e,#c77605);background:-o-linear-gradient(#fbb450,#faa937),-o-linear-gradient(#fa9f1e,#c77605);background:linear-gradient(#fbb450,#faa937),linear-gradient(#fa9f1e,#c77605);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-3:after,.button-glossy-demo-3:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-3:after{width:78px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-3:before{width:76px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-3 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-3 span{color:#fff}.button-glossy-demo-3:after,.button-glossy-demo-3:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-3:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #fef4e6), color-stop(100%, #633b02)) 50%;background:-webkit-linear-gradient(#fef4e6 15%,#633b02) 50%;background:-moz-linear-gradient(#fef4e6 15%,#633b02) 50%;background:-o-linear-gradient(#fef4e6 15%,#633b02) 50%;background:linear-gradient(#fef4e6 15%,#633b02) 50%}.button-glossy-demo-3:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #faa937)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9f1e), color-stop(100%, #c77605));background:-webkit-linear-gradient(#fbb450,#faa937),-webkit-linear-gradient(#fa9f1e,#c77605);background:-moz-linear-gradient(#fbb450,#faa937),-moz-linear-gradient(#fa9f1e,#c77605);background:-o-linear-gradient(#fbb450,#faa937),-o-linear-gradient(#fa9f1e,#c77605);background:linear-gradient(#fbb450,#faa937),linear-gradient(#fa9f1e,#c77605);background-position:left top,left 13px}.button-glossy-demo-3,.button-glossy-demo-3:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-3:hover{text-decoration:none;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd49b), color-stop(50%, #faa52d), color-stop(100%, #ffb54c));background:-webkit-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-moz-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-o-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:linear-gradient(#fdd49b,#faa52d,#ffb54c)}.button-glossy-demo-3:hover:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fffbf5), color-stop(100%, #fbae41)) 50%;background:-webkit-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:-moz-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:-o-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:linear-gradient(#fffbf5 20%,#fbae41) 50%}.button-glossy-demo-3:hover:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd49b), color-stop(50%, #faa52d), color-stop(100%, #ffb54c));background:-webkit-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-moz-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-o-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:linear-gradient(#fdd49b,#faa52d,#ffb54c)}.button-glossy-demo-3:hover,.button-glossy-demo-3:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-3,.ie8 .button-glossy-demo-3,.ie9 .button-glossy-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -121px}.ie7 .button-glossy-demo-3:hover,.ie8 .button-glossy-demo-3:hover,.ie9 .button-glossy-demo-3:hover{background-position:0 -151px}.ie9 .button-glossy-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-3d-demo-1{overflow:hidden;display:inline-block;line-height:2.2em;color:#fff;border:1px solid #c00811;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-1:active{position:relative;top:1px}.button-3d-demo-1.disabled:active{position:static}.button-3d-demo-1 span{display:block;padding:0 13px}.button-3d-demo-1:visited{color:#fff}.button-3d-demo-1:hover{text-decoration:none;color:#fff}.button-3d-demo-1 span{background-color:#f73741;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));background-image:-webkit-linear-gradient(#f73741,#8f060d);background-image:-moz-linear-gradient(#f73741,#8f060d);background-image:-o-linear-gradient(#f73741,#8f060d);background-image:linear-gradient(#f73741,#8f060d);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-1 span:hover{background-color:#ff2f3a;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #c00811));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#c00811);background-image:-moz-linear-gradient(rgba(255,255,255,0),#c00811);background-image:-o-linear-gradient(rgba(255,255,255,0),#c00811);background-image:linear-gradient(rgba(255,255,255,0),#c00811);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ff2f3a;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ff2f3a;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ff2f3a}.button-3d-demo-1 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));background-image:-webkit-linear-gradient(#f73741,#8f060d);background-image:-moz-linear-gradient(#f73741,#8f060d);background-image:-o-linear-gradient(#f73741,#8f060d);background-image:linear-gradient(#f73741,#8f060d);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-1.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-1.disabled span,.button-3d-demo-1.disabled span:hover,.button-3d-demo-1.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-1 span,.ie8 .button-3d-demo-1 span,.ie9 .button-3d-demo-1 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D')}.ie7 .button-3d-demo-1 span:hover,.ie8 .button-3d-demo-1 span:hover,.ie9 .button-3d-demo-1 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFC00811')}.ie7 .button-3d-demo-1 span:active,.ie8 .button-3d-demo-1 span:active,.ie9 .button-3d-demo-1 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D')}.ie7 .button-3d-demo-1.disabled span,.ie7 .button-3d-demo-1.disabled span:hover,.ie7 .button-3d-demo-1.disabled span:active,.ie8 .button-3d-demo-1.disabled span,.ie8 .button-3d-demo-1.disabled span:hover,.ie8 .button-3d-demo-1.disabled span:active,.ie9 .button-3d-demo-1.disabled span,.ie9 .button-3d-demo-1.disabled span:hover,.ie9 .button-3d-demo-1.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-2{overflow:hidden;display:inline-block;line-height:2.2em;color:#fff;border:1px solid #046;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-2:active{position:relative;top:1px}.button-3d-demo-2.disabled:active{position:static}.button-3d-demo-2 span{display:block;padding:0 13px}.button-3d-demo-2:visited{color:#fff}.button-3d-demo-2:hover{text-decoration:none;color:#fff}.button-3d-demo-2 span{background-color:#08c;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #002233));background-image:-webkit-linear-gradient(#0088cc,#002233);background-image:-moz-linear-gradient(#0088cc,#002233);background-image:-o-linear-gradient(#0088cc,#002233);background-image:linear-gradient(#0088cc,#002233);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-2 span:hover{background-color:#08c;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #004466));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#004466);background-image:-moz-linear-gradient(rgba(255,255,255,0),#004466);background-image:-o-linear-gradient(rgba(255,255,255,0),#004466);background-image:linear-gradient(rgba(255,255,255,0),#004466);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #08c;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #08c;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #08c}.button-3d-demo-2 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #002233));background-image:-webkit-linear-gradient(#0088cc,#002233);background-image:-moz-linear-gradient(#0088cc,#002233);background-image:-o-linear-gradient(#0088cc,#002233);background-image:linear-gradient(#0088cc,#002233);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-2.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-2.disabled span,.button-3d-demo-2.disabled span:hover,.button-3d-demo-2.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-2 span,.ie8 .button-3d-demo-2 span,.ie9 .button-3d-demo-2 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233')}.ie7 .button-3d-demo-2 span:hover,.ie8 .button-3d-demo-2 span:hover,.ie9 .button-3d-demo-2 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF004466')}.ie7 .button-3d-demo-2 span:active,.ie8 .button-3d-demo-2 span:active,.ie9 .button-3d-demo-2 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233')}.ie7 .button-3d-demo-2.disabled span,.ie7 .button-3d-demo-2.disabled span:hover,.ie7 .button-3d-demo-2.disabled span:active,.ie8 .button-3d-demo-2.disabled span,.ie8 .button-3d-demo-2.disabled span:hover,.ie8 .button-3d-demo-2.disabled span:active,.ie9 .button-3d-demo-2.disabled span,.ie9 .button-3d-demo-2.disabled span:hover,.ie9 .button-3d-demo-2.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-3{overflow:hidden;display:inline-block;line-height:2.2em;color:#fff;border:1px solid #e08505;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-3:active{position:relative;top:1px}.button-3d-demo-3.disabled:active{position:static}.button-3d-demo-3 span{display:block;padding:0 13px}.button-3d-demo-3:visited{color:#fff}.button-3d-demo-3:hover{text-decoration:none;color:#fff}.button-3d-demo-3 span{background-color:#fbb450;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));background-image:-webkit-linear-gradient(#fbb450,#ae6704);background-image:-moz-linear-gradient(#fbb450,#ae6704);background-image:-o-linear-gradient(#fbb450,#ae6704);background-image:linear-gradient(#fbb450,#ae6704);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-3 span:hover{background-color:#ffb54c;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #e08505));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#e08505);background-image:-moz-linear-gradient(rgba(255,255,255,0),#e08505);background-image:-o-linear-gradient(rgba(255,255,255,0),#e08505);background-image:linear-gradient(rgba(255,255,255,0),#e08505);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ffb54c;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ffb54c;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ffb54c}.button-3d-demo-3 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));background-image:-webkit-linear-gradient(#fbb450,#ae6704);background-image:-moz-linear-gradient(#fbb450,#ae6704);background-image:-o-linear-gradient(#fbb450,#ae6704);background-image:linear-gradient(#fbb450,#ae6704);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-3.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-3.disabled span,.button-3d-demo-3.disabled span:hover,.button-3d-demo-3.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-3 span,.ie8 .button-3d-demo-3 span,.ie9 .button-3d-demo-3 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704')}.ie7 .button-3d-demo-3 span:hover,.ie8 .button-3d-demo-3 span:hover,.ie9 .button-3d-demo-3 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFE08505')}.ie7 .button-3d-demo-3 span:active,.ie8 .button-3d-demo-3 span:active,.ie9 .button-3d-demo-3 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704')}.ie7 .button-3d-demo-3.disabled span,.ie7 .button-3d-demo-3.disabled span:hover,.ie7 .button-3d-demo-3.disabled span:active,.ie8 .button-3d-demo-3.disabled span,.ie8 .button-3d-demo-3.disabled span:hover,.ie8 .button-3d-demo-3.disabled span:active,.ie9 .button-3d-demo-3.disabled span,.ie9 .button-3d-demo-3.disabled span:hover,.ie9 .button-3d-demo-3.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-4{overflow:hidden;display:block;line-height:2.2em;color:#fff;border:1px solid #00132e;font-family:sans-serif;font-size:24px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-4:active{position:relative;top:1px}.button-3d-demo-4.disabled:active{position:static}.button-3d-demo-4 span{display:block;padding:0 24px}.button-3d-demo-4:visited{color:#fff}.button-3d-demo-4:hover{text-decoration:none;color:#fff}.button-3d-demo-4 span{background-color:#013d93;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));background-image:-webkit-linear-gradient(#013d93,#000000);background-image:-moz-linear-gradient(#013d93,#000000);background-image:-o-linear-gradient(#013d93,#000000);background-image:linear-gradient(#013d93,#000000);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-4 span:hover{background-color:#003d94;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #00132e));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#00132e);background-image:-moz-linear-gradient(rgba(255,255,255,0),#00132e);background-image:-o-linear-gradient(rgba(255,255,255,0),#00132e);background-image:linear-gradient(rgba(255,255,255,0),#00132e);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #003d94;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #003d94;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #003d94}.button-3d-demo-4 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));background-image:-webkit-linear-gradient(#013d93,#000000);background-image:-moz-linear-gradient(#013d93,#000000);background-image:-o-linear-gradient(#013d93,#000000);background-image:linear-gradient(#013d93,#000000);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-4.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-4.disabled span,.button-3d-demo-4.disabled span:hover,.button-3d-demo-4.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-4 span,.ie8 .button-3d-demo-4 span,.ie9 .button-3d-demo-4 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000')}.ie7 .button-3d-demo-4 span:hover,.ie8 .button-3d-demo-4 span:hover,.ie9 .button-3d-demo-4 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF00132E')}.ie7 .button-3d-demo-4 span:active,.ie8 .button-3d-demo-4 span:active,.ie9 .button-3d-demo-4 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000')}.ie7 .button-3d-demo-4.disabled span,.ie7 .button-3d-demo-4.disabled span:hover,.ie7 .button-3d-demo-4.disabled span:active,.ie8 .button-3d-demo-4.disabled span,.ie8 .button-3d-demo-4.disabled span:hover,.ie8 .button-3d-demo-4.disabled span:active,.ie9 .button-3d-demo-4.disabled span,.ie9 .button-3d-demo-4.disabled span:hover,.ie9 .button-3d-demo-4.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-5{overflow:hidden;display:inline-block;line-height:1.75em;color:#013d93;border:1px solid #bbb;font-family:sans-serif;font-size:11px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #b5b5b5;-webkit-border-radius:1.1em;-moz-border-radius:1.1em;-ms-border-radius:1.1em;-o-border-radius:1.1em;border-radius:1.1em}.button-3d-demo-5:active{position:relative;top:1px}.button-3d-demo-5.disabled:active{position:static}.button-3d-demo-5 span{display:block;padding:0 11px}.button-3d-demo-5:visited{color:#013d93}.button-3d-demo-5:hover{text-decoration:none;color:#013d93}.button-3d-demo-5 span{background-color:#eee;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));background-image:-webkit-linear-gradient(#eeeeee,#a2a2a2);background-image:-moz-linear-gradient(#eeeeee,#a2a2a2);background-image:-o-linear-gradient(#eeeeee,#a2a2a2);background-image:linear-gradient(#eeeeee,#a2a2a2);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-5 span:hover{background-color:#f0ecec;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #bbbbbb));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#bbbbbb);background-image:-moz-linear-gradient(rgba(255,255,255,0),#bbbbbb);background-image:-o-linear-gradient(rgba(255,255,255,0),#bbbbbb);background-image:linear-gradient(rgba(255,255,255,0),#bbbbbb);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #f0ecec;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #f0ecec;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #f0ecec}.button-3d-demo-5 span:active{text-shadow:0 -1px 0 #b5b5b5;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));background-image:-webkit-linear-gradient(#eeeeee,#a2a2a2);background-image:-moz-linear-gradient(#eeeeee,#a2a2a2);background-image:-o-linear-gradient(#eeeeee,#a2a2a2);background-image:linear-gradient(#eeeeee,#a2a2a2);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-5.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-5.disabled span,.button-3d-demo-5.disabled span:hover,.button-3d-demo-5.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-5 span,.ie8 .button-3d-demo-5 span,.ie9 .button-3d-demo-5 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2')}.ie7 .button-3d-demo-5 span:hover,.ie8 .button-3d-demo-5 span:hover,.ie9 .button-3d-demo-5 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFBBBBBB')}.ie7 .button-3d-demo-5 span:active,.ie8 .button-3d-demo-5 span:active,.ie9 .button-3d-demo-5 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2')}.ie7 .button-3d-demo-5.disabled span,.ie7 .button-3d-demo-5.disabled span:hover,.ie7 .button-3d-demo-5.disabled span:active,.ie8 .button-3d-demo-5.disabled span,.ie8 .button-3d-demo-5.disabled span:hover,.ie8 .button-3d-demo-5.disabled span:active,.ie9 .button-3d-demo-5.disabled span,.ie9 .button-3d-demo-5.disabled span:hover,.ie9 .button-3d-demo-5.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-mini-demo-1{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(51%, #d6d6d6), color-stop(100%, #cacaca));background:-webkit-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:-moz-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:-o-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-1 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-1:hover{text-decoration:none;background:#e3e3e3}.button-mini-demo-1:active{background:#cacaca;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-1 span{color:#0e6695;font-size:11px}.ie7 .button-mini-demo-1,.ie8 .button-mini-demo-1,.ie9 .button-mini-demo-1{background:url('../img/picasso-buttons-mini.png');background-position:right -1px}.ie7 .button-mini-demo-1:hover,.ie8 .button-mini-demo-1:hover,.ie9 .button-mini-demo-1:hover{background-position:right -21px}.ie7 .button-mini-demo-1 span,.ie8 .button-mini-demo-1 span,.ie9 .button-mini-demo-1 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -1px}.ie7 .button-mini-demo-1 span:hover,.ie8 .button-mini-demo-1 span:hover,.ie9 .button-mini-demo-1 span:hover{background-position:0 -21px}.ie9 .button-mini-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-2{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(50%, #0077b3), color-stop(51%, #006699), color-stop(100%, #005580));background:-webkit-linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);background:-moz-linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);background:-o-linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);background:linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-2 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-2:hover{text-decoration:none;background:#0077b3}.button-mini-demo-2:active{background:#005580;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-2 span{color:#fff;font-size:11px}.ie7 .button-mini-demo-2,.ie8 .button-mini-demo-2,.ie9 .button-mini-demo-2{background:url('../img/picasso-buttons-mini.png');background-position:right -41px}.ie7 .button-mini-demo-2:hover,.ie8 .button-mini-demo-2:hover,.ie9 .button-mini-demo-2:hover{background-position:right -61px}.ie7 .button-mini-demo-2 span,.ie8 .button-mini-demo-2 span,.ie9 .button-mini-demo-2 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -41px}.ie7 .button-mini-demo-2 span:hover,.ie8 .button-mini-demo-2 span:hover,.ie9 .button-mini-demo-2 span:hover{background-position:0 -61px}.ie9 .button-mini-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-3{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da4f49), color-stop(50%, #d63b34), color-stop(51%, #c72f29), color-stop(100%, #b22a24));background:-webkit-linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:-moz-linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:-o-linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-3 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-3:hover{text-decoration:none;background:#d63b34}.button-mini-demo-3:active{background:#b22a24;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-3 span{color:#fff;font-size:11px}.ie7 .button-mini-demo-3,.ie8 .button-mini-demo-3,.ie9 .button-mini-demo-3{background:url('../img/picasso-buttons-mini.png');background-position:right -81px}.ie7 .button-mini-demo-3:hover,.ie8 .button-mini-demo-3:hover,.ie9 .button-mini-demo-3:hover{background-position:right -101px}.ie7 .button-mini-demo-3 span,.ie8 .button-mini-demo-3 span,.ie9 .button-mini-demo-3 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -81px}.ie7 .button-mini-demo-3 span:hover,.ie8 .button-mini-demo-3 span:hover,.ie9 .button-mini-demo-3 span:hover{background-position:0 -101px}.ie9 .button-mini-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-4{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #414141), color-stop(50%, #343434), color-stop(51%, #272727), color-stop(100%, #1b1b1b));background:-webkit-linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);background:-moz-linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);background:-o-linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);background:linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-4 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-4:hover{text-decoration:none;background:#343434}.button-mini-demo-4:active{background:#1b1b1b;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-4 span{color:#fff;font-size:11px}.ie7 .button-mini-demo-4,.ie8 .button-mini-demo-4,.ie9 .button-mini-demo-4{background:url('../img/picasso-buttons-mini.png');background-position:right -121px}.ie7 .button-mini-demo-4:hover,.ie8 .button-mini-demo-4:hover,.ie9 .button-mini-demo-4:hover{background-position:right -141px}.ie7 .button-mini-demo-4 span,.ie8 .button-mini-demo-4 span,.ie9 .button-mini-demo-4 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -121px}.ie7 .button-mini-demo-4 span:hover,.ie8 .button-mini-demo-4 span:hover,.ie9 .button-mini-demo-4 span:hover{background-position:0 -141px}.ie9 .button-mini-demo-4{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.list-grid-demo-1:before,.list-grid-demo-1:after{content:"";display:table}.list-grid-demo-1:after{clear:both}.ie6 .list-grid-demo-1,.ie7 .list-grid-demo-1{zoom:1}.list-grid-demo-1 ul{float:left;padding:0px;margin:0px;width:130px}.list-grid-demo-1 ul li{height:30px;line-height:30px;padding-left:10px;padding-right:10px}.list-grid-demo-1 ul{list-style:none outside none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc}.list-grid-demo-1 ul:first-child{border-left:1px solid #ccc}.list-grid-demo-1 ul li{text-align:center;border:1px solid transparent}.list-grid-demo-1 ul li:first-child{border-bottom:1px solid #ccc}.list-grid-demo-1 ul li:nth-child(odd){background:none repeat scroll 0 0 #eee}.list-grid-demo-1 ul li:nth-child(even){background:none repeat scroll 0 0 #fff}.list-grid-demo-1 ul li.cell-hover:hover{border:1px solid #319fda;background:#f4fafd;cursor:pointer}.ie7 .list-grid-demo-1 ul li:first-child,.ie8 .list-grid-demo-1 ul li:first-child{background:none repeat scroll 0 0 #eee}.ie7 .list-grid-demo-1 ul li.even,.ie8 .list-grid-demo-1 ul li.even{background:none repeat scroll 0 0 #fff}.ie7 .list-grid-demo-1 ul li.odd,.ie8 .list-grid-demo-1 ul li.odd{background:none repeat scroll 0 0 #eee}.nav-demo-1:before,.nav-demo-1:after{content:"";display:table}.nav-demo-1:after{clear:both}.ie6 .nav-demo-1,.ie7 .nav-demo-1{zoom:1}.nav-demo-1 ul{margin:0;padding:0;text-align:center;float:left}.nav-demo-1 ul:before,.nav-demo-1 ul:after{content:"";display:table}.nav-demo-1 ul:after{clear:both}.ie6 .nav-demo-1 ul,.ie7 .nav-demo-1 ul{zoom:1}.nav-demo-1 ul li{display:inline-block;height:40px;line-height:40px;float:left}.nav-demo-1 ul li a{display:block;padding:0 15px}.ie7 .nav-demo-1 ul li,.ie8 .nav-demo-1 ul li,.ie9 .nav-demo-1 ul li{height:46px}.nav-demo-1 ul{list-style:none;-webkit-box-shadow:0 6px 6px -6px #000;-moz-box-shadow:0 6px 6px -6px #000;box-shadow:0 6px 6px -6px #000}.nav-demo-1 ul li{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));background-image:-webkit-linear-gradient(#ffffff,#e6e6e6);background-image:-moz-linear-gradient(#ffffff,#e6e6e6);background-image:-o-linear-gradient(#ffffff,#e6e6e6);background-image:linear-gradient(#ffffff,#e6e6e6);border-left:1px solid #acacac;border-top:1px solid #acacac;border-bottom:1px solid #acacac}.nav-demo-1 ul li:hover{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);background-image:-moz-linear-gradient(#ffffff,#f2f2f2);background-image:-o-linear-gradient(#ffffff,#f2f2f2);background-image:linear-gradient(#ffffff,#f2f2f2)}.nav-demo-1 ul li:first-child{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}.nav-demo-1 ul li:last-child{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid #acacac}.nav-demo-1 ul li a{font-size:16px;font-family:sans-serif}.nav-demo-1 ul .active{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));background-image:-webkit-linear-gradient(#e6e6e6,#ffffff);background-image:-moz-linear-gradient(#e6e6e6,#ffffff);background-image:-o-linear-gradient(#e6e6e6,#ffffff);background-image:linear-gradient(#e6e6e6,#ffffff)}.ie7 .nav-demo-1 ul li,.ie8 .nav-demo-1 ul li,.ie9 .nav-demo-1 ul li{border-left:none;border-top:none;border-bottom:none;background:transparent url('../img/picasso-nav.png') no-repeat center -1px}.ie7 .nav-demo-1 ul li a,.ie8 .nav-demo-1 ul li a,.ie9 .nav-demo-1 ul li a{border-left:1px solid #acacac}.ie7 .nav-demo-1 ul li:hover,.ie8 .nav-demo-1 ul li:hover,.ie9 .nav-demo-1 ul li:hover{background:transparent url('../img/picasso-nav.png') center -47px no-repeat}.ie7 .nav-demo-1 ul li:first-child,.ie8 .nav-demo-1 ul li:first-child,.ie9 .nav-demo-1 ul li:first-child{background:transparent url('../img/picasso-nav.png') no-repeat left -1px}.ie7 .nav-demo-1 ul li:first-child a,.ie8 .nav-demo-1 ul li:first-child a,.ie9 .nav-demo-1 ul li:first-child a{border-left:none}.ie7 .nav-demo-1 ul li:first-child:hover,.ie8 .nav-demo-1 ul li:first-child:hover,.ie9 .nav-demo-1 ul li:first-child:hover{background:transparent url('../img/picasso-nav.png') left -47px no-repeat}.ie7 .nav-demo-1 ul li:first-child.active,.ie8 .nav-demo-1 ul li:first-child.active,.ie9 .nav-demo-1 ul li:first-child.active{background:transparent url('../img/picasso-nav.png') no-repeat left -47px}.ie7 .nav-demo-1 ul .last,.ie8 .nav-demo-1 ul .last,.ie9 .nav-demo-1 ul .last{background:transparent url('../img/picasso-nav.png') no-repeat right -47px}.ie7 .nav-demo-1 ul .last:hover,.ie8 .nav-demo-1 ul .last:hover,.ie9 .nav-demo-1 ul .last:hover{background:transparent url('../img/picasso-nav.png') right -47px no-repeat}.ie7 .nav-demo-1 ul .active,.ie8 .nav-demo-1 ul .active,.ie9 .nav-demo-1 ul .active{background:transparent url('../img/picasso-nav.png') no-repeat center -47px}.ie7 .nav-demo-1 ul .last.active,.ie8 .nav-demo-1 ul .last.active,.ie9 .nav-demo-1 ul .last.active{background:transparent url('../img/picasso-nav.png') no-repeat right -47px}.ie9 .nav-demo-1 ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ie9 .nav-demo-1 ul li:first-child{-moz-border-radius-topleft:none;-webkit-border-top-left-radius:none;border-top-left-radius:none;-moz-border-radius-bottomleft:none;-webkit-border-bottom-left-radius:none;border-bottom-left-radius:none}.ie9 .nav-demo-1 ul li:last-child{-moz-border-radius-topright:none;-webkit-border-top-right-radius:none;border-top-right-radius:none;-moz-border-radius-bottomright:none;-webkit-border-bottom-right-radius:none;border-bottom-right-radius:none;border:none}.popup-demo-1{padding:10px;position:absolute}.popup-demo-1:after,.ie7 .popup-demo-1 .after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0}.popup-demo-1 .popup-header h4{line-height:20px;padding:10px}.popup-demo-1 .popup-container{z-index:1;position:relative}.popup-demo-1 .popup-arrow{position:absolute;height:0px;width:0px}.popup-demo-1 .popup-arrow-bottom{bottom:-10px;left:10px}.popup-demo-1 .popup-arrow-top{top:-10px;left:10px}.popup-demo-1 .popup-arrow-left{left:-10px;top:10px}.popup-demo-1 .popup-arrow-right{right:-10px;top:10px}.popup-demo-1 .popup-close{position:absolute;z-index:10;text-align:center;line-height:17px;height:20px;width:20px;top:-13px;right:-13px}.ie7 .popup-demo-1 .popup-close,.ie8 .popup-demo-1 .popup-close{line-height:23px;height:26px;width:26px;top:-13px;right:-13px}.ie7 .popup-demo-1{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.popup-demo-1:after,.ie7 .popup-demo-1 .after{background:rgba(0,0,0,0.7);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;box-shadow:rgba(0,0,0,0.5) 0px 0px 10px}.popup-demo-1 .popup-header{background:none repeat scroll 0 0 #f7f7f7;display:block}.popup-demo-1 .popup-header h4{margin:0;color:#003770;font-family:sans-serif;font-size:16px;font-weight:normal}.popup-demo-1 .popup-content{background:#fff;border:1px solid transparent}.popup-demo-1 .popup-arrow-bottom{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-arrow-top{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-arrow-left{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-arrow-right{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-close{cursor:pointer;border:3px solid #fff;color:#fff;font-weight:bold;font-family:sans-serif;font-size:16px;background:#319fda;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;box-shadow:rgba(0,0,0,0.5) 0px 0px 10px}.ie7 .popup-demo-1:after,.ie7 .popup-demo-1 .after,.ie8 .popup-demo-1:after,.ie8 .popup-demo-1 .after{background:#000;filter:alpha(opacity=70)}.ie7 .popup-demo-1 .popup-arrow,.ie8 .popup-demo-1 .popup-arrow{filter:alpha(opacity=70)}.ie7 .popup-demo-1 .popup-arrow-bottom,.ie8 .popup-demo-1 .popup-arrow-bottom{border-top:10px solid #000}.ie7 .popup-demo-1 .popup-arrow-top,.ie8 .popup-demo-1 .popup-arrow-top{border-bottom:10px solid #000}.ie7 .popup-demo-1 .popup-arrow-left,.ie8 .popup-demo-1 .popup-arrow-left{border-right:10px solid #000}.ie7 .popup-demo-1 .popup-arrow-right,.ie8 .popup-demo-1 .popup-arrow-right{border-left:10px solid #000}.ie7 .popup-demo-1 .popup-close,.ie8 .popup-demo-1 .popup-close{border-width:0px;background-color:transparent;background:url('../img/picasso-popup.png');background-position:0px -1px}.popup-demo-2{padding:10px;position:absolute;color:white}.popup-demo-2:after,.ie7 .popup-demo-2 .after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0}.popup-demo-2 .popup-header h4{line-height:20px;padding:10px}.popup-demo-2 .popup-container{z-index:1;position:relative}.popup-demo-2 .popup-arrow{position:absolute;height:0px;width:0px}.popup-demo-2 .popup-arrow-bottom{bottom:-10px;left:10px}.popup-demo-2 .popup-arrow-top{top:-10px;left:10px}.popup-demo-2 .popup-arrow-left{left:-10px;top:10px}.popup-demo-2 .popup-arrow-right{right:-10px;top:10px}.popup-demo-2 .popup-close{position:absolute;z-index:10;text-align:center;line-height:17px;height:20px;width:20px;top:-13px;right:-13px}.ie7 .popup-demo-2 .popup-close,.ie8 .popup-demo-2 .popup-close{line-height:23px;height:26px;width:26px;top:-13px;right:-13px}.ie7 .popup-demo-2{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.popup-demo-2:after,.ie7 .popup-demo-2 .after{background:rgba(128,128,128,0.5);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0px 0px 5px #333;-moz-box-shadow:0px 0px 5px #333;box-shadow:0px 0px 5px #333}.popup-demo-2 .popup-header{background:#fff;display:block}.popup-demo-2 .popup-header h4{margin:0;color:#000;font-family:sans-serif;font-size:16px;font-weight:normal}.popup-demo-2 .popup-content{background:#000;border:1px solid transparent}.popup-demo-2 .popup-arrow-bottom{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-arrow-top{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-arrow-left{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-arrow-right{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-close{cursor:pointer;border:3px solid #fff;color:#fff;font-weight:bold;font-family:sans-serif;font-size:16px;background:#000;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:0px 0px 5px #333;-moz-box-shadow:0px 0px 5px #333;box-shadow:0px 0px 5px #333}.ie7 .popup-demo-2:after,.ie7 .popup-demo-2 .after,.ie8 .popup-demo-2:after,.ie8 .popup-demo-2 .after{background:gray;filter:alpha(opacity=50)}.ie7 .popup-demo-2 .popup-arrow,.ie8 .popup-demo-2 .popup-arrow{filter:alpha(opacity=50)}.ie7 .popup-demo-2 .popup-arrow-bottom,.ie8 .popup-demo-2 .popup-arrow-bottom{border-top:10px solid gray}.ie7 .popup-demo-2 .popup-arrow-top,.ie8 .popup-demo-2 .popup-arrow-top{border-bottom:10px solid gray}.ie7 .popup-demo-2 .popup-arrow-left,.ie8 .popup-demo-2 .popup-arrow-left{border-right:10px solid gray}.ie7 .popup-demo-2 .popup-arrow-right,.ie8 .popup-demo-2 .popup-arrow-right{border-left:10px solid gray}.ie7 .popup-demo-2 .popup-close,.ie8 .popup-demo-2 .popup-close{border-width:0px;background-color:transparent;background:url('../img/picasso-popup.png');background-position:0px -27px}.bubble-demo-1{padding:10px;display:block;width:auto;position:relative;background:#eee;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.bubble-demo-1:after,.ie7 .bubble-demo-1 .after{content:"";position:absolute;bottom:-15px;right:20px;width:0;height:0}.ie7 .bubble-demo-1{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.bubble-demo-1 blockquote{color:#999}.bubble-demo-1:after,.ie7 .bubble-demo-1 .after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #eee}.accordion-demo-1{border:1px solid #ccc}.accordion-demo-1 .accordion-section{margin-top:1px}.accordion-demo-1 .accordion-section:first-child{margin-top:0}.accordion-demo-1 .accordion-header{padding:0.4em 10px;overflow:hidden}.accordion-demo-1 .accordion-header h4{margin:0;float:left}.accordion-demo-1 .accordion-header .accordion-arrow{float:right}.accordion-demo-1 .accordion-header{background-color:#013d93;color:#fff;cursor:pointer;font-size:0.8em;line-height:0.8em}.accordion-demo-1 .accordion-header.accordion-header-open .accordion-arrow:after{content:"\25BC"}.accordion-demo-1 .accordion-header.accordion-header-close .accordion-arrow:after{content:"\25BA"}.pagination-demo-1{text-align:center}.pagination-demo-1 ul{display:inline-block}.pagination-demo-1 ul li{display:inline-block;height:27px;text-align:center;float:left;margin-left:2px;margin-right:2px}.pagination-demo-1 ul li a{display:block;line-height:27px;min-width:27px}.pagination-demo-1 ul .prev{margin:0 10px 0 0}.pagination-demo-1 ul .next{margin:0 0 0 10px}.pagination-demo-1 ul .disabled{display:none}.pagination-demo-1 li{background:#eee;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;list-style:none}.pagination-demo-1 li a{color:#319fda}.pagination-demo-1 li a:hover{color:#fff;text-decoration:none}.pagination-demo-1 li:hover{background:#013d93}.pagination-demo-1 .active,.pagination-demo-1 .prev,.pagination-demo-1 .next,.pagination-demo-1 .dots{background:none;border:none}.pagination-demo-1 .active a:hover,.pagination-demo-1 .prev a:hover,.pagination-demo-1 .next a:hover,.pagination-demo-1 .dots a:hover{color:#319fda}.pagination-demo-1 .active:hover,.pagination-demo-1 .prev:hover,.pagination-demo-1 .next:hover,.pagination-demo-1 .dots:hover{background:none}.pagination-demo-1 .prev:hover,.pagination-demo-1 .next:hover{text-decoration:underline}.pagination-demo-1 .active a,.pagination-demo-1 .dots a{color:#888;cursor:default;text-decoration:none}.pagination-demo-1 .active a:hover,.pagination-demo-1 .dots a:hover{color:#888;text-decoration:none}.text-input-demo-1{width:200px;height:20px;line-height:20px;padding:1px;border:1px solid #ddd;border-top:1px solid #919191;color:#333;font-size:11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset}.text-input-demo-1:focus{outline:0;border:1px solid #319fda;-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0}.select-demo-1{width:200px;height:20px;line-height:20px;padding:1px;border:1px solid #ddd;border-top:1px solid #919191;color:#333;font-size:11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset}.select-demo-1:focus{outline:0;border:1px solid #319fda;-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0}.arrow-demo-1,.arrow-demo-2,.arrow-demo-3,.arrow-demo-4{margin:0 10px 0 0}.arrow-demo-1{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#888;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-1:after,.ie7 .arrow-demo-1 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-1{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-1:after,.ie7 .arrow-demo-1 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #888}.arrow-demo-2{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#b94a48;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-2:after,.ie7 .arrow-demo-2 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-2{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-2:after,.ie7 .arrow-demo-2 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #b94a48}.arrow-demo-3{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#f89406;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-3:after,.ie7 .arrow-demo-3 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-3{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-3:after,.ie7 .arrow-demo-3 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #f89406}.arrow-demo-4{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#468847;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-4:after,.ie7 .arrow-demo-4 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-4{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-4:after,.ie7 .arrow-demo-4 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #468847}.container{width:90%;max-width:1200px;min-width:950px}.row-col{width:100%}.row-col:before,.row-col:after{content:"";display:table}.row-col:after{clear:both}.ie6 .row-col,.ie7 .row-col{zoom:1}.row-col [class^="col"]{width:100%;min-height:25px;display:block;float:left;margin-left:2.174%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-col [class^="col"]:first-child{margin-left:0}.row-col [class^="col"] img{max-width:100%}.row-col .col1{width:6.341%}.ie7 .row-col .col1{width:6.249%}.row-col [class^="col"].offset1{margin-left:10.507%}.row-col [class^="col"].offset1:first-child{margin-left:8.424%}.row-col .col2{width:14.855%}.ie7 .row-col .col2{width:14.763%}.row-col [class^="col"].offset2{margin-left:19.022%}.row-col [class^="col"].offset2:first-child{margin-left:16.938%}.row-col .col3{width:23.37%}.ie7 .row-col .col3{width:23.278%}.row-col [class^="col"].offset3{margin-left:27.536%}.row-col [class^="col"].offset3:first-child{margin-left:25.453%}.row-col .col4{width:31.884%}.ie7 .row-col .col4{width:31.792%}.row-col [class^="col"].offset4{margin-left:36.051%}.row-col [class^="col"].offset4:first-child{margin-left:33.967%}.row-col .col5{width:40.399%}.ie7 .row-col .col5{width:40.307%}.row-col [class^="col"].offset5{margin-left:44.565%}.row-col [class^="col"].offset5:first-child{margin-left:42.482%}.row-col .col6{width:48.913%}.ie7 .row-col .col6{width:48.821%}.row-col [class^="col"].offset6{margin-left:53.08%}.row-col [class^="col"].offset6:first-child{margin-left:50.996%}.row-col .col7{width:57.428%}.ie7 .row-col .col7{width:57.336%}.row-col [class^="col"].offset7{margin-left:61.594%}.row-col [class^="col"].offset7:first-child{margin-left:59.511%}.row-col .col8{width:65.942%}.ie7 .row-col .col8{width:65.85%}.row-col [class^="col"].offset8{margin-left:70.109%}.row-col [class^="col"].offset8:first-child{margin-left:68.025%}.row-col .col9{width:74.457%}.ie7 .row-col .col9{width:74.365%}.row-col [class^="col"].offset9{margin-left:78.623%}.row-col [class^="col"].offset9:first-child{margin-left:76.54%}.row-col .col10{width:82.971%}.ie7 .row-col .col10{width:82.879%}.row-col [class^="col"].offset10{margin-left:87.138%}.row-col [class^="col"].offset10:first-child{margin-left:85.054%}.row-col .col11{width:91.486%}.ie7 .row-col .col11{width:91.394%}.row-col [class^="col"].offset11{margin-left:95.652%}.row-col [class^="col"].offset11:first-child{margin-left:93.569%}.row-col .col12{width:100%}.row-col [class^="col"].offset12{margin-left:104.167%}.row-col [class^="col"].offset12:first-child{margin-left:102.083%}.row-col{margin:10px 0}[class^="col"]{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#CCC}[class^="col"] [class^="col"]{background:#AAA}[class^="col"] [class^="col"] [class^="col"]{background:#696969;color:#C0C0C0}.clearfix-demo{background:#58608D;width:90%;padding:10px}.clearfix-demo:before,.clearfix-demo:after{content:"";display:table}.clearfix-demo:after{clear:both}.ie6 .clearfix-demo,.ie7 .clearfix-demo{zoom:1}.clearfix-demo div{background:white}.despegar-size-1-demo{font-size:11px}.despegar-size-2-demo{font-size:13px}.despegar-size-3-demo{font-size:16px}.despegar-size-4-demo{font-size:20px}.despegar-size-5-demo{font-size:24px}.despegar-size-6-demo{font-size:28px}.despegar-black-demo{padding:10px;background:#000;color:white}.despegar-white-demo{padding:10px;background:#fff}.despegar-yellow-demo{padding:10px;background:#ff3}.despegar-red-demo{padding:10px;background:red}.despegar-blue-demo{padding:10px;background:#013d93;color:white}.despegar-gray-1-demo{padding:10px;background:#222;color:white}.despegar-gray-2-demo{padding:10px;background:#444;color:white}.despegar-gray-3-demo{padding:10px;background:#666;color:white}.despegar-gray-4-demo{padding:10px;background:#888;color:white}.despegar-gray-5-demo{padding:10px;background:#aaa;color:white}.despegar-gray-6-demo{padding:10px;background:#ccc}.despegar-gray-7-demo{padding:10px;background:#eee}.despegar-searchbox-bg-demo{padding:10px;background:#ff3}.despegar-title-color-demo{padding:10px;background:#013d93;color:white}.despegar-titlealt-color-demo{padding:10px;background:#f90}.despegar-link-color-demo{padding:10px;background:#319fda}.despegar-link-color-hover-demo{padding:10px;background:#6cf}.despegar-error-bg-demo{padding:10px;background:#ffe6e6}.despegar-error-border-demo{padding:10px;background:red}.despegar-warning-bg-demo{padding:10px;background:#ffffe1}.despegar-warning-border-demo{padding:10px;background:#fc3}
3
+ </style><!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]--></head><body class="picasso-_picasso"><section class="container"><aside><h1><a href="index.html">Docs</a></h1><nav><ul><li><a href="_picasso.html">_picasso
4
+ </a></li><li><p>picasso</p><ul><li><a href="picasso-_components.html">_components
4
5
  </a></li><li><a href="picasso-_despegar.html">_despegar
5
6
  </a></li><li><a href="picasso-_utils.html">_utils
6
- </a></li></ul><strong class="styledocco-nav-heading">components</strong><ul class="styledocco-nav"><li><a href="picasso-components-_accordions.html">_accordions
7
+ </a></li></ul></li><li><p>components</p><ul><li><a href="picasso-components-_accordions.html">_accordions
7
8
  </a></li><li><a href="picasso-components-_arrows.html">_arrows
8
9
  </a></li><li><a href="picasso-components-_bubbles.html">_bubbles
9
10
  </a></li><li><a href="picasso-components-_buttons.html">_buttons
@@ -13,15 +14,15 @@
13
14
  </a></li><li><a href="picasso-components-_pagination.html">_pagination
14
15
  </a></li><li><a href="picasso-components-_popups.html">_popups
15
16
  </a></li><li><a href="picasso-components-_tooltips.html">_tooltips
16
- </a></li></ul><strong class="styledocco-nav-heading">buttons</strong><ul class="styledocco-nav"><li><a href="picasso-components-buttons-_3d.html">_3d
17
+ </a></li></ul></li><li><p>buttons</p><ul><li><a href="picasso-components-buttons-_3d.html">_3d
17
18
  </a></li><li><a href="picasso-components-buttons-_glossy.html">_glossy
18
19
  </a></li><li><a href="picasso-components-buttons-_mini.html">_mini
19
- </a></li></ul><strong class="styledocco-nav-heading">despegar</strong><ul class="styledocco-nav"><li><a href="picasso-despegar-_variables.html">_variables
20
- </a></li></ul><strong class="styledocco-nav-heading">utils</strong><ul class="styledocco-nav"><li><a href="picasso-utils-_clearfix.html">_clearfix
20
+ </a></li></ul></li><li><p>despegar</p><ul><li><a href="picasso-despegar-_variables.html">_variables
21
+ </a></li></ul></li><li><p>utils</p><ul><li><a href="picasso-utils-_clearfix.html">_clearfix
21
22
  </a></li><li><a href="picasso-utils-_grid.html">_grid
22
23
  </a></li><li><a href="picasso-utils-_ie.html">_ie
23
24
  </a></li><li><a href="picasso-utils-_sprite.html">_sprite
24
- </a></li></ul></div><div class="styledocco-main"><div id="section-1" class="styledocco-section"><div class="styledocco-docs"><a href="#section-1" class="pilcrow">&#182;</a><h2>Picasso</h2>
25
+ </a></li></ul></li></ul></nav></aside><section class="content"><article id="" class="section"><div class="docs"><h2>Picasso</h2>
25
26
  <p> M&oacute;dulo principal que importa los siguientes sub-m&oacute;dulos:
26
27
  </p>
27
28
  <ul>
@@ -33,6 +34,8 @@
33
34
  <h4>Import</h4>
34
35
  <p> <code>@import &quot;picasso&quot;;</code>
35
36
  </p>
36
- </div><div class="styledocco-code"><pre><code>@import "picasso/utils";
37
+ </div><div class="code"><pre><code>@import "picasso/utils";
37
38
  @import "picasso/components";
38
- @import "picasso/despegar";</code></pre></div></div></div></div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script>$(document).ready(function(){$(".accordion-header").click(function(){var a=$(this),b=a.parent().find(".accordion-content");b.slideToggle("fast"),a.hasClass("accordion-header-open")?(a.removeClass("accordion-header-open"),a.addClass("accordion-header-close")):(a.removeClass("accordion-header-close"),a.addClass("accordion-header-open"))})})</script></body></html><!-- Generated with StyleDocco (http://jacobrask.github.com/styledocco). -->
39
+ @import "picasso/despegar";</code></pre></div></article></section></section><div class="bar bottom"><div class="settings container"><button title="Desktop (1280)" data-width='1280' class="desktop ir">Desktop</button><button title="Laptop (1024)" data-width='1024' class="laptop ir">Laptop</button><button title="Tablet (768)" data-width='768' class="tablet ir">Tablet</button><button title="Smart phone (320)" data-width='320' class="smartphone ir">Smart phone</button><button title="Feature phone (240)" data-width='240' class="featurephone ir">Feature phone</button><button title="Auto (100%)" data-width="100%" class="auto is-active">Auto</button></div></div><!--[if !IE]><!-->
40
+ <script src="docs.js"></script><!--<![endif]-->
41
+ </body></html><!-- Generated with StyleDocco (http://jacobrask.github.com/styledocco). -->
data/docs/all.html CHANGED
@@ -1,40 +1,41 @@
1
1
  <!DOCTYPE html><!--[if IE 7]><html class="ie7"></html><![endif]--><!--[if IE 8]><html class="ie8"></html><![endif]--><!--[if IE 9]><html class="ie9"></html><![endif]--><!-- [if gt IE 9] <!--><html><head><title>Picasso. Framework CSS/Sass.
2
- </title><meta charset="utf-8"><style>.styledocco-docs img{width:100%}.button-glossy-demo-1{width:90px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#de1f2a),color-stop(100%,#c81c26)),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#b11922),color-stop(100%,#6e0f15));background:-webkit-linear-gradient(#de1f2a,#c81c26),-webkit-linear-gradient(#b11922,#6e0f15);background:-moz-linear-gradient(#de1f2a,#c81c26),-moz-linear-gradient(#b11922,#6e0f15);background:-o-linear-gradient(#de1f2a,#c81c26),-o-linear-gradient(#b11922,#6e0f15);background:linear-gradient(#de1f2a,#c81c26),linear-gradient(#b11922,#6e0f15);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-1:after,.button-glossy-demo-1:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-1:after{width:88px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-1:before{width:86px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-1 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-1 span{color:white}.button-glossy-demo-1:after,.button-glossy-demo-1:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-1:after{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(15%,#f2a4a8),color-stop(100%,#150304)) 50%;background:-webkit-linear-gradient(#f2a4a8 15%,#150304) 50%;background:-moz-linear-gradient(#f2a4a8 15%,#150304) 50%;background:-o-linear-gradient(#f2a4a8 15%,#150304) 50%;background:linear-gradient(#f2a4a8 15%,#150304) 50%}.button-glossy-demo-1:before{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#de1f2a),color-stop(100%,#c81c26)),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#b11922),color-stop(100%,#6e0f15));background:-webkit-linear-gradient(#de1f2a,#c81c26),-webkit-linear-gradient(#b11922,#6e0f15);background:-moz-linear-gradient(#de1f2a,#c81c26),-moz-linear-gradient(#b11922,#6e0f15);background:-o-linear-gradient(#de1f2a,#c81c26),-o-linear-gradient(#b11922,#6e0f15);background:linear-gradient(#de1f2a,#c81c26),linear-gradient(#b11922,#6e0f15);background-position:left top,left 13px}.button-glossy-demo-1,.button-glossy-demo-1:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-1:hover{text-decoration:none;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#e96168),color-stop(50%,#bf1b24),color-stop(100%,#f10c19));background:-webkit-linear-gradient(#e96168,#bf1b24,#f10c19);background:-moz-linear-gradient(#e96168,#bf1b24,#f10c19);background:-o-linear-gradient(#e96168,#bf1b24,#f10c19);background:linear-gradient(#e96168,#bf1b24,#f10c19)}.button-glossy-demo-1:hover:after{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4b1b5),color-stop(100%,#d11d27)) 50%;background:-webkit-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:-moz-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:-o-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:linear-gradient(#f4b1b5 20%,#d11d27) 50%}.button-glossy-demo-1:hover:before{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#e96168),color-stop(50%,#bf1b24),color-stop(100%,#f10c19));background:-webkit-linear-gradient(#e96168,#bf1b24,#f10c19);background:-moz-linear-gradient(#e96168,#bf1b24,#f10c19);background:-o-linear-gradient(#e96168,#bf1b24,#f10c19);background:linear-gradient(#e96168,#bf1b24,#f10c19)}.button-glossy-demo-1:hover,.button-glossy-demo-1:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-1,.ie8 .button-glossy-demo-1,.ie9 .button-glossy-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -1px}.ie7 .button-glossy-demo-1:hover,.ie8 .button-glossy-demo-1:hover,.ie9 .button-glossy-demo-1:hover{background-position:0 -31px}.ie9 .button-glossy-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-glossy-demo-2{width:70px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#08c),color-stop(100%,#0077b3)),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#069),color-stop(100%,#00334d));background:-webkit-linear-gradient(#08c,#0077b3),-webkit-linear-gradient(#069,#00334d);background:-moz-linear-gradient(#08c,#0077b3),-moz-linear-gradient(#069,#00334d);background:-o-linear-gradient(#08c,#0077b3),-o-linear-gradient(#069,#00334d);background:linear-gradient(#08c,#0077b3),linear-gradient(#069,#00334d);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-2:after,.button-glossy-demo-2:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-2:after{width:68px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-2:before{width:66px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-2 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-2 span{color:white}.button-glossy-demo-2:after,.button-glossy-demo-2:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-2:after{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(15%,#6cf),color-stop(100%,#000)) 50%;background:-webkit-linear-gradient(#6cf 15%,#000) 50%;background:-moz-linear-gradient(#6cf 15%,#000) 50%;background:-o-linear-gradient(#6cf 15%,#000) 50%;background:linear-gradient(#6cf 15%,#000) 50%}.button-glossy-demo-2:before{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#08c),color-stop(100%,#0077b3)),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#069),color-stop(100%,#00334d));background:-webkit-linear-gradient(#08c,#0077b3),-webkit-linear-gradient(#069,#00334d);background:-moz-linear-gradient(#08c,#0077b3),-moz-linear-gradient(#069,#00334d);background:-o-linear-gradient(#08c,#0077b3),-o-linear-gradient(#069,#00334d);background:linear-gradient(#08c,#0077b3),linear-gradient(#069,#00334d);background-position:left top,left 13px}.button-glossy-demo-2,.button-glossy-demo-2:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-2:hover{text-decoration:none;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#1ab2ff),color-stop(50%,#0070a8),color-stop(100%,#08c));background:-webkit-linear-gradient(#1ab2ff,#0070a8,#08c);background:-moz-linear-gradient(#1ab2ff,#0070a8,#08c);background:-o-linear-gradient(#1ab2ff,#0070a8,#08c);background:linear-gradient(#1ab2ff,#0070a8,#08c)}.button-glossy-demo-2:hover:after{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#75d1ff),color-stop(100%,#007ebd)) 50%;background:-webkit-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:-moz-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:-o-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:linear-gradient(#75d1ff 20%,#007ebd) 50%}.button-glossy-demo-2:hover:before{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#1ab2ff),color-stop(50%,#0070a8),color-stop(100%,#08c));background:-webkit-linear-gradient(#1ab2ff,#0070a8,#08c);background:-moz-linear-gradient(#1ab2ff,#0070a8,#08c);background:-o-linear-gradient(#1ab2ff,#0070a8,#08c);background:linear-gradient(#1ab2ff,#0070a8,#08c)}.button-glossy-demo-2:hover,.button-glossy-demo-2:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-2,.ie8 .button-glossy-demo-2,.ie9 .button-glossy-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -61px}.ie7 .button-glossy-demo-2:hover,.ie8 .button-glossy-demo-2:hover,.ie9 .button-glossy-demo-2:hover{background-position:0 -91px}.ie9 .button-glossy-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-glossy-demo-3{width:80px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fbb450),color-stop(100%,#faa937)),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fa9f1e),color-stop(100%,#c77605));background:-webkit-linear-gradient(#fbb450,#faa937),-webkit-linear-gradient(#fa9f1e,#c77605);background:-moz-linear-gradient(#fbb450,#faa937),-moz-linear-gradient(#fa9f1e,#c77605);background:-o-linear-gradient(#fbb450,#faa937),-o-linear-gradient(#fa9f1e,#c77605);background:linear-gradient(#fbb450,#faa937),linear-gradient(#fa9f1e,#c77605);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-3:after,.button-glossy-demo-3:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-3:after{width:78px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-3:before{width:76px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-3 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-3 span{color:white}.button-glossy-demo-3:after,.button-glossy-demo-3:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-3:after{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(15%,#fef4e6),color-stop(100%,#633b02)) 50%;background:-webkit-linear-gradient(#fef4e6 15%,#633b02) 50%;background:-moz-linear-gradient(#fef4e6 15%,#633b02) 50%;background:-o-linear-gradient(#fef4e6 15%,#633b02) 50%;background:linear-gradient(#fef4e6 15%,#633b02) 50%}.button-glossy-demo-3:before{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fbb450),color-stop(100%,#faa937)),-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fa9f1e),color-stop(100%,#c77605));background:-webkit-linear-gradient(#fbb450,#faa937),-webkit-linear-gradient(#fa9f1e,#c77605);background:-moz-linear-gradient(#fbb450,#faa937),-moz-linear-gradient(#fa9f1e,#c77605);background:-o-linear-gradient(#fbb450,#faa937),-o-linear-gradient(#fa9f1e,#c77605);background:linear-gradient(#fbb450,#faa937),linear-gradient(#fa9f1e,#c77605);background-position:left top,left 13px}.button-glossy-demo-3,.button-glossy-demo-3:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-3:hover{text-decoration:none;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fdd49b),color-stop(50%,#faa52d),color-stop(100%,#ffb54c));background:-webkit-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-moz-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-o-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:linear-gradient(#fdd49b,#faa52d,#ffb54c)}.button-glossy-demo-3:hover:after{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fffbf5),color-stop(100%,#fbae41)) 50%;background:-webkit-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:-moz-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:-o-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:linear-gradient(#fffbf5 20%,#fbae41) 50%}.button-glossy-demo-3:hover:before{background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fdd49b),color-stop(50%,#faa52d),color-stop(100%,#ffb54c));background:-webkit-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-moz-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-o-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:linear-gradient(#fdd49b,#faa52d,#ffb54c)}.button-glossy-demo-3:hover,.button-glossy-demo-3:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-3,.ie8 .button-glossy-demo-3,.ie9 .button-glossy-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -121px}.ie7 .button-glossy-demo-3:hover,.ie8 .button-glossy-demo-3:hover,.ie9 .button-glossy-demo-3:hover{background-position:0 -151px}.ie9 .button-glossy-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-3d-demo-1{overflow:hidden;display:inline-block;line-height:2.2em;color:white;border:1px solid #c00811;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 black;-webkit-border-radius:.4em;-moz-border-radius:.4em;-ms-border-radius:.4em;-o-border-radius:.4em;border-radius:.4em}.button-3d-demo-1:active{position:relative;top:1px}.button-3d-demo-1.disabled:active{position:static}.button-3d-demo-1 span{display:block;padding:0 13px}.button-3d-demo-1:visited{color:white}.button-3d-demo-1:hover{text-decoration:none;color:white}.button-3d-demo-1 span{background-color:#f73741;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#f73741),color-stop(100%,#8f060d));background-image:-webkit-linear-gradient(#f73741,#8f060d);background-image:-moz-linear-gradient(#f73741,#8f060d);background-image:-o-linear-gradient(#f73741,#8f060d);background-image:linear-gradient(#f73741,#8f060d);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5);box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5)}.button-3d-demo-1 span:hover{background-color:#ff2f3a;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#c00811));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#c00811);background-image:-moz-linear-gradient(rgba(255,255,255,0),#c00811);background-image:-o-linear-gradient(rgba(255,255,255,0),#c00811);background-image:linear-gradient(rgba(255,255,255,0),#c00811);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #ff2f3a;-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #ff2f3a;box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #ff2f3a}.button-3d-demo-1 span:active{text-shadow:0 -1px 0 black;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#f73741),color-stop(100%,#8f060d));background-image:-webkit-linear-gradient(#f73741,#8f060d);background-image:-moz-linear-gradient(#f73741,#8f060d);background-image:-o-linear-gradient(#f73741,#8f060d);background-image:linear-gradient(#f73741,#8f060d);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75);box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75)}.button-3d-demo-1.disabled{border:1px solid #755354;cursor:not-allowed;color:white}.button-3d-demo-1.disabled span,.button-3d-demo-1.disabled span:hover,.button-3d-demo-1.disabled span:active{text-shadow:0 -1px 0 black;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#979797),color-stop(100%,#4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75);box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75)}.ie7 .button-3d-demo-1 span,.ie8 .button-3d-demo-1 span,.ie9 .button-3d-demo-1 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00F73741',endColorstr='#FF8F060D')}.ie7 .button-3d-demo-1 span:hover,.ie8 .button-3d-demo-1 span:hover,.ie9 .button-3d-demo-1 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00FFFFFF',endColorstr='#FFC00811')}.ie7 .button-3d-demo-1 span:active,.ie8 .button-3d-demo-1 span:active,.ie9 .button-3d-demo-1 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00F73741',endColorstr='#FF8F060D')}.ie7 .button-3d-demo-1.disabled span,.ie7 .button-3d-demo-1.disabled span:hover,.ie7 .button-3d-demo-1.disabled span:active,.ie8 .button-3d-demo-1.disabled span,.ie8 .button-3d-demo-1.disabled span:hover,.ie8 .button-3d-demo-1.disabled span:active,.ie9 .button-3d-demo-1.disabled span,.ie9 .button-3d-demo-1.disabled span:hover,.ie9 .button-3d-demo-1.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF979797',endColorstr='#FF4B4B4B')}.button-3d-demo-2{overflow:hidden;display:inline-block;line-height:2.2em;color:white;border:1px solid #046;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 black;-webkit-border-radius:.4em;-moz-border-radius:.4em;-ms-border-radius:.4em;-o-border-radius:.4em;border-radius:.4em}.button-3d-demo-2:active{position:relative;top:1px}.button-3d-demo-2.disabled:active{position:static}.button-3d-demo-2 span{display:block;padding:0 13px}.button-3d-demo-2:visited{color:white}.button-3d-demo-2:hover{text-decoration:none;color:white}.button-3d-demo-2 span{background-color:#08c;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#08c),color-stop(100%,#023));background-image:-webkit-linear-gradient(#08c,#023);background-image:-moz-linear-gradient(#08c,#023);background-image:-o-linear-gradient(#08c,#023);background-image:linear-gradient(#08c,#023);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5);box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5)}.button-3d-demo-2 span:hover{background-color:#08c;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#046));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#046);background-image:-moz-linear-gradient(rgba(255,255,255,0),#046);background-image:-o-linear-gradient(rgba(255,255,255,0),#046);background-image:linear-gradient(rgba(255,255,255,0),#046);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #08c;-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #08c;box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #08c}.button-3d-demo-2 span:active{text-shadow:0 -1px 0 black;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#08c),color-stop(100%,#023));background-image:-webkit-linear-gradient(#08c,#023);background-image:-moz-linear-gradient(#08c,#023);background-image:-o-linear-gradient(#08c,#023);background-image:linear-gradient(#08c,#023);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75);box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75)}.button-3d-demo-2.disabled{border:1px solid #755354;cursor:not-allowed;color:white}.button-3d-demo-2.disabled span,.button-3d-demo-2.disabled span:hover,.button-3d-demo-2.disabled span:active{text-shadow:0 -1px 0 black;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#979797),color-stop(100%,#4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75);box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75)}.ie7 .button-3d-demo-2 span,.ie8 .button-3d-demo-2 span,.ie9 .button-3d-demo-2 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#000088CC',endColorstr='#FF002233')}.ie7 .button-3d-demo-2 span:hover,.ie8 .button-3d-demo-2 span:hover,.ie9 .button-3d-demo-2 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00FFFFFF',endColorstr='#FF004466')}.ie7 .button-3d-demo-2 span:active,.ie8 .button-3d-demo-2 span:active,.ie9 .button-3d-demo-2 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#000088CC',endColorstr='#FF002233')}.ie7 .button-3d-demo-2.disabled span,.ie7 .button-3d-demo-2.disabled span:hover,.ie7 .button-3d-demo-2.disabled span:active,.ie8 .button-3d-demo-2.disabled span,.ie8 .button-3d-demo-2.disabled span:hover,.ie8 .button-3d-demo-2.disabled span:active,.ie9 .button-3d-demo-2.disabled span,.ie9 .button-3d-demo-2.disabled span:hover,.ie9 .button-3d-demo-2.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF979797',endColorstr='#FF4B4B4B')}.button-3d-demo-3{overflow:hidden;display:inline-block;line-height:2.2em;color:white;border:1px solid #e08505;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 black;-webkit-border-radius:.4em;-moz-border-radius:.4em;-ms-border-radius:.4em;-o-border-radius:.4em;border-radius:.4em}.button-3d-demo-3:active{position:relative;top:1px}.button-3d-demo-3.disabled:active{position:static}.button-3d-demo-3 span{display:block;padding:0 13px}.button-3d-demo-3:visited{color:white}.button-3d-demo-3:hover{text-decoration:none;color:white}.button-3d-demo-3 span{background-color:#fbb450;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fbb450),color-stop(100%,#ae6704));background-image:-webkit-linear-gradient(#fbb450,#ae6704);background-image:-moz-linear-gradient(#fbb450,#ae6704);background-image:-o-linear-gradient(#fbb450,#ae6704);background-image:linear-gradient(#fbb450,#ae6704);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5);box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5)}.button-3d-demo-3 span:hover{background-color:#ffb54c;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#e08505));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#e08505);background-image:-moz-linear-gradient(rgba(255,255,255,0),#e08505);background-image:-o-linear-gradient(rgba(255,255,255,0),#e08505);background-image:linear-gradient(rgba(255,255,255,0),#e08505);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #ffb54c;-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #ffb54c;box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #ffb54c}.button-3d-demo-3 span:active{text-shadow:0 -1px 0 black;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fbb450),color-stop(100%,#ae6704));background-image:-webkit-linear-gradient(#fbb450,#ae6704);background-image:-moz-linear-gradient(#fbb450,#ae6704);background-image:-o-linear-gradient(#fbb450,#ae6704);background-image:linear-gradient(#fbb450,#ae6704);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75);box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75)}.button-3d-demo-3.disabled{border:1px solid #755354;cursor:not-allowed;color:white}.button-3d-demo-3.disabled span,.button-3d-demo-3.disabled span:hover,.button-3d-demo-3.disabled span:active{text-shadow:0 -1px 0 black;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#979797),color-stop(100%,#4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75);box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75)}.ie7 .button-3d-demo-3 span,.ie8 .button-3d-demo-3 span,.ie9 .button-3d-demo-3 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00FBB450',endColorstr='#FFAE6704')}.ie7 .button-3d-demo-3 span:hover,.ie8 .button-3d-demo-3 span:hover,.ie9 .button-3d-demo-3 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00FFFFFF',endColorstr='#FFE08505')}.ie7 .button-3d-demo-3 span:active,.ie8 .button-3d-demo-3 span:active,.ie9 .button-3d-demo-3 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00FBB450',endColorstr='#FFAE6704')}.ie7 .button-3d-demo-3.disabled span,.ie7 .button-3d-demo-3.disabled span:hover,.ie7 .button-3d-demo-3.disabled span:active,.ie8 .button-3d-demo-3.disabled span,.ie8 .button-3d-demo-3.disabled span:hover,.ie8 .button-3d-demo-3.disabled span:active,.ie9 .button-3d-demo-3.disabled span,.ie9 .button-3d-demo-3.disabled span:hover,.ie9 .button-3d-demo-3.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF979797',endColorstr='#FF4B4B4B')}.button-3d-demo-4{overflow:hidden;display:block;line-height:2.2em;color:white;border:1px solid #00132e;font-family:sans-serif;font-size:24px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 black;-webkit-border-radius:.4em;-moz-border-radius:.4em;-ms-border-radius:.4em;-o-border-radius:.4em;border-radius:.4em}.button-3d-demo-4:active{position:relative;top:1px}.button-3d-demo-4.disabled:active{position:static}.button-3d-demo-4 span{display:block;padding:0 24px}.button-3d-demo-4:visited{color:white}.button-3d-demo-4:hover{text-decoration:none;color:white}.button-3d-demo-4 span{background-color:#013d93;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#013d93),color-stop(100%,#000));background-image:-webkit-linear-gradient(#013d93,#000);background-image:-moz-linear-gradient(#013d93,#000);background-image:-o-linear-gradient(#013d93,#000);background-image:linear-gradient(#013d93,#000);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5);box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5)}.button-3d-demo-4 span:hover{background-color:#003d94;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#00132e));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#00132e);background-image:-moz-linear-gradient(rgba(255,255,255,0),#00132e);background-image:-o-linear-gradient(rgba(255,255,255,0),#00132e);background-image:linear-gradient(rgba(255,255,255,0),#00132e);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #003d94;-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #003d94;box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #003d94}.button-3d-demo-4 span:active{text-shadow:0 -1px 0 black;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#013d93),color-stop(100%,#000));background-image:-webkit-linear-gradient(#013d93,#000);background-image:-moz-linear-gradient(#013d93,#000);background-image:-o-linear-gradient(#013d93,#000);background-image:linear-gradient(#013d93,#000);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75);box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75)}.button-3d-demo-4.disabled{border:1px solid #755354;cursor:not-allowed;color:white}.button-3d-demo-4.disabled span,.button-3d-demo-4.disabled span:hover,.button-3d-demo-4.disabled span:active{text-shadow:0 -1px 0 black;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#979797),color-stop(100%,#4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75);box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75)}.ie7 .button-3d-demo-4 span,.ie8 .button-3d-demo-4 span,.ie9 .button-3d-demo-4 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00013D93',endColorstr='#FF000000')}.ie7 .button-3d-demo-4 span:hover,.ie8 .button-3d-demo-4 span:hover,.ie9 .button-3d-demo-4 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00FFFFFF',endColorstr='#FF00132E')}.ie7 .button-3d-demo-4 span:active,.ie8 .button-3d-demo-4 span:active,.ie9 .button-3d-demo-4 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00013D93',endColorstr='#FF000000')}.ie7 .button-3d-demo-4.disabled span,.ie7 .button-3d-demo-4.disabled span:hover,.ie7 .button-3d-demo-4.disabled span:active,.ie8 .button-3d-demo-4.disabled span,.ie8 .button-3d-demo-4.disabled span:hover,.ie8 .button-3d-demo-4.disabled span:active,.ie9 .button-3d-demo-4.disabled span,.ie9 .button-3d-demo-4.disabled span:hover,.ie9 .button-3d-demo-4.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF979797',endColorstr='#FF4B4B4B')}.button-3d-demo-5{overflow:hidden;display:inline-block;line-height:1.75em;color:#013d93;border:1px solid #bbb;font-family:sans-serif;font-size:11px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #b5b5b5;-webkit-border-radius:1.1em;-moz-border-radius:1.1em;-ms-border-radius:1.1em;-o-border-radius:1.1em;border-radius:1.1em}.button-3d-demo-5:active{position:relative;top:1px}.button-3d-demo-5.disabled:active{position:static}.button-3d-demo-5 span{display:block;padding:0 11px}.button-3d-demo-5:visited{color:#013d93}.button-3d-demo-5:hover{text-decoration:none;color:#013d93}.button-3d-demo-5 span{background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#eee),color-stop(100%,#a2a2a2));background-image:-webkit-linear-gradient(#eee,#a2a2a2);background-image:-moz-linear-gradient(#eee,#a2a2a2);background-image:-o-linear-gradient(#eee,#a2a2a2);background-image:linear-gradient(#eee,#a2a2a2);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5);box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5)}.button-3d-demo-5 span:hover{background-color:#f0ecec;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#bbb));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#bbb);background-image:-moz-linear-gradient(rgba(255,255,255,0),#bbb);background-image:-o-linear-gradient(rgba(255,255,255,0),#bbb);background-image:linear-gradient(rgba(255,255,255,0),#bbb);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #f0ecec;-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #f0ecec;box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.5),inset 0 0 1em #f0ecec}.button-3d-demo-5 span:active{text-shadow:0 -1px 0 #b5b5b5;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#eee),color-stop(100%,#a2a2a2));background-image:-webkit-linear-gradient(#eee,#a2a2a2);background-image:-moz-linear-gradient(#eee,#a2a2a2);background-image:-o-linear-gradient(#eee,#a2a2a2);background-image:linear-gradient(#eee,#a2a2a2);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75);box-shadow:0 .1em .1em rgba(0,0,0,.1),inset 0 .1em .2em rgba(0,0,0,.5),inset 0 .1em 0 rgba(0,0,0,.1),inset 0 0 1em rgba(0,0,0,.75)}.button-3d-demo-5.disabled{border:1px solid #755354;cursor:not-allowed;color:white}.button-3d-demo-5.disabled span,.button-3d-demo-5.disabled span:hover,.button-3d-demo-5.disabled span:active{text-shadow:0 -1px 0 black;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#979797),color-stop(100%,#4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75);-moz-box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75);box-shadow:0 .1em .1em rgba(0,0,0,.5),inset 0 .1em 0 rgba(255,255,255,.25),inset 0 0 1em rgba(0,0,0,.75)}.ie7 .button-3d-demo-5 span,.ie8 .button-3d-demo-5 span,.ie9 .button-3d-demo-5 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00EEEEEE',endColorstr='#FFA2A2A2')}.ie7 .button-3d-demo-5 span:hover,.ie8 .button-3d-demo-5 span:hover,.ie9 .button-3d-demo-5 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00FFFFFF',endColorstr='#FFBBBBBB')}.ie7 .button-3d-demo-5 span:active,.ie8 .button-3d-demo-5 span:active,.ie9 .button-3d-demo-5 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00EEEEEE',endColorstr='#FFA2A2A2')}.ie7 .button-3d-demo-5.disabled span,.ie7 .button-3d-demo-5.disabled span:hover,.ie7 .button-3d-demo-5.disabled span:active,.ie8 .button-3d-demo-5.disabled span,.ie8 .button-3d-demo-5.disabled span:hover,.ie8 .button-3d-demo-5.disabled span:active,.ie9 .button-3d-demo-5.disabled span,.ie9 .button-3d-demo-5.disabled span:hover,.ie9 .button-3d-demo-5.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF979797',endColorstr='#FF4B4B4B')}.button-mini-demo-1{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#f0f0f0),color-stop(50%,#e3e3e3),color-stop(51%,#d6d6d6),color-stop(100%,#cacaca));background:-webkit-linear-gradient(top,#f0f0f0 0,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:-moz-linear-gradient(top,#f0f0f0 0,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:-o-linear-gradient(top,#f0f0f0 0,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:linear-gradient(top,#f0f0f0 0,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0 1px 2px 0;-moz-box-shadow:#333 0 1px 2px 0;box-shadow:#333 0 1px 2px 0}.button-mini-demo-1 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-1:hover{text-decoration:none;background:#e3e3e3}.button-mini-demo-1:active{background:#cacaca;-webkit-box-shadow:#999 0 0 3px 3px inset;-moz-box-shadow:#999 0 0 3px 3px inset;box-shadow:#999 0 0 3px 3px inset}.button-mini-demo-1 span{color:#0e6695;font-size:11px}.ie7 .button-mini-demo-1,.ie8 .button-mini-demo-1,.ie9 .button-mini-demo-1{background:url('../img/picasso-buttons-mini.png');background-position:right -1px}.ie7 .button-mini-demo-1:hover,.ie8 .button-mini-demo-1:hover,.ie9 .button-mini-demo-1:hover{background-position:right -21px}.ie7 .button-mini-demo-1 span,.ie8 .button-mini-demo-1 span,.ie9 .button-mini-demo-1 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -1px}.ie7 .button-mini-demo-1 span:hover,.ie8 .button-mini-demo-1 span:hover,.ie9 .button-mini-demo-1 span:hover{background-position:0 -21px}.ie9 .button-mini-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-2{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#08c),color-stop(50%,#0077b3),color-stop(51%,#069),color-stop(100%,#005580));background:-webkit-linear-gradient(top,#08c 0,#0077b3 50%,#069 51%,#005580 100%);background:-moz-linear-gradient(top,#08c 0,#0077b3 50%,#069 51%,#005580 100%);background:-o-linear-gradient(top,#08c 0,#0077b3 50%,#069 51%,#005580 100%);background:linear-gradient(top,#08c 0,#0077b3 50%,#069 51%,#005580 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0 1px 2px 0;-moz-box-shadow:#333 0 1px 2px 0;box-shadow:#333 0 1px 2px 0}.button-mini-demo-2 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-2:hover{text-decoration:none;background:#0077b3}.button-mini-demo-2:active{background:#005580;-webkit-box-shadow:#999 0 0 3px 3px inset;-moz-box-shadow:#999 0 0 3px 3px inset;box-shadow:#999 0 0 3px 3px inset}.button-mini-demo-2 span{color:white;font-size:11px}.ie7 .button-mini-demo-2,.ie8 .button-mini-demo-2,.ie9 .button-mini-demo-2{background:url('../img/picasso-buttons-mini.png');background-position:right -41px}.ie7 .button-mini-demo-2:hover,.ie8 .button-mini-demo-2:hover,.ie9 .button-mini-demo-2:hover{background-position:right -61px}.ie7 .button-mini-demo-2 span,.ie8 .button-mini-demo-2 span,.ie9 .button-mini-demo-2 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -41px}.ie7 .button-mini-demo-2 span:hover,.ie8 .button-mini-demo-2 span:hover,.ie9 .button-mini-demo-2 span:hover{background-position:0 -61px}.ie9 .button-mini-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-3{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#da4f49),color-stop(50%,#d63b34),color-stop(51%,#c72f29),color-stop(100%,#b22a24));background:-webkit-linear-gradient(top,#da4f49 0,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:-moz-linear-gradient(top,#da4f49 0,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:-o-linear-gradient(top,#da4f49 0,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:linear-gradient(top,#da4f49 0,#d63b34 50%,#c72f29 51%,#b22a24 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0 1px 2px 0;-moz-box-shadow:#333 0 1px 2px 0;box-shadow:#333 0 1px 2px 0}.button-mini-demo-3 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-3:hover{text-decoration:none;background:#d63b34}.button-mini-demo-3:active{background:#b22a24;-webkit-box-shadow:#999 0 0 3px 3px inset;-moz-box-shadow:#999 0 0 3px 3px inset;box-shadow:#999 0 0 3px 3px inset}.button-mini-demo-3 span{color:white;font-size:11px}.ie7 .button-mini-demo-3,.ie8 .button-mini-demo-3,.ie9 .button-mini-demo-3{background:url('../img/picasso-buttons-mini.png');background-position:right -81px}.ie7 .button-mini-demo-3:hover,.ie8 .button-mini-demo-3:hover,.ie9 .button-mini-demo-3:hover{background-position:right -101px}.ie7 .button-mini-demo-3 span,.ie8 .button-mini-demo-3 span,.ie9 .button-mini-demo-3 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -81px}.ie7 .button-mini-demo-3 span:hover,.ie8 .button-mini-demo-3 span:hover,.ie9 .button-mini-demo-3 span:hover{background-position:0 -101px}.ie9 .button-mini-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-4{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#414141),color-stop(50%,#343434),color-stop(51%,#272727),color-stop(100%,#1b1b1b));background:-webkit-linear-gradient(top,#414141 0,#343434 50%,#272727 51%,#1b1b1b 100%);background:-moz-linear-gradient(top,#414141 0,#343434 50%,#272727 51%,#1b1b1b 100%);background:-o-linear-gradient(top,#414141 0,#343434 50%,#272727 51%,#1b1b1b 100%);background:linear-gradient(top,#414141 0,#343434 50%,#272727 51%,#1b1b1b 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0 1px 2px 0;-moz-box-shadow:#333 0 1px 2px 0;box-shadow:#333 0 1px 2px 0}.button-mini-demo-4 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-4:hover{text-decoration:none;background:#343434}.button-mini-demo-4:active{background:#1b1b1b;-webkit-box-shadow:#999 0 0 3px 3px inset;-moz-box-shadow:#999 0 0 3px 3px inset;box-shadow:#999 0 0 3px 3px inset}.button-mini-demo-4 span{color:white;font-size:11px}.ie7 .button-mini-demo-4,.ie8 .button-mini-demo-4,.ie9 .button-mini-demo-4{background:url('../img/picasso-buttons-mini.png');background-position:right -121px}.ie7 .button-mini-demo-4:hover,.ie8 .button-mini-demo-4:hover,.ie9 .button-mini-demo-4:hover{background-position:right -141px}.ie7 .button-mini-demo-4 span,.ie8 .button-mini-demo-4 span,.ie9 .button-mini-demo-4 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -121px}.ie7 .button-mini-demo-4 span:hover,.ie8 .button-mini-demo-4 span:hover,.ie9 .button-mini-demo-4 span:hover{background-position:0 -141px}.ie9 .button-mini-demo-4{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.list-grid-demo-1:before,.list-grid-demo-1:after{content:"";display:table}.list-grid-demo-1:after{clear:both}.ie6 .list-grid-demo-1,.ie7 .list-grid-demo-1{zoom:1}.list-grid-demo-1 ul{float:left;padding:0;margin:0;width:130px}.list-grid-demo-1 ul li{height:30px;line-height:30px;padding-left:10px;padding-right:10px}.list-grid-demo-1 ul{list-style:none outside none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc}.list-grid-demo-1 ul:first-child{border-left:1px solid #ccc}.list-grid-demo-1 ul li{text-align:center;border:1px solid transparent}.list-grid-demo-1 ul li:first-child{border-bottom:1px solid #ccc}.list-grid-demo-1 ul li:nth-child(odd){background:none repeat scroll 0 0 #eee}.list-grid-demo-1 ul li:nth-child(even){background:none repeat scroll 0 0 white}.list-grid-demo-1 ul li.cell-hover:hover{border:1px solid #319fda;background:#f4fafd;cursor:pointer}.ie7 .list-grid-demo-1 ul li:first-child,.ie8 .list-grid-demo-1 ul li:first-child{background:none repeat scroll 0 0 #eee}.ie7 .list-grid-demo-1 ul li.even,.ie8 .list-grid-demo-1 ul li.even{background:none repeat scroll 0 0 white}.ie7 .list-grid-demo-1 ul li.odd,.ie8 .list-grid-demo-1 ul li.odd{background:none repeat scroll 0 0 #eee}.nav-demo-1:before,.nav-demo-1:after{content:"";display:table}.nav-demo-1:after{clear:both}.ie6 .nav-demo-1,.ie7 .nav-demo-1{zoom:1}.nav-demo-1 ul{margin:0;padding:0;text-align:center;float:left}.nav-demo-1 ul:before,.nav-demo-1 ul:after{content:"";display:table}.nav-demo-1 ul:after{clear:both}.ie6 .nav-demo-1 ul,.ie7 .nav-demo-1 ul{zoom:1}.nav-demo-1 ul li{display:inline-block;height:40px;line-height:40px;float:left}.nav-demo-1 ul li a{display:block;padding:0 15px}.ie7 .nav-demo-1 ul li,.ie8 .nav-demo-1 ul li,.ie9 .nav-demo-1 ul li{height:46px}.nav-demo-1 ul{list-style:none;-webkit-box-shadow:0 6px 6px -6px black;-moz-box-shadow:0 6px 6px -6px black;box-shadow:0 6px 6px -6px black}.nav-demo-1 ul li{background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fff),color-stop(100%,#e6e6e6));background-image:-webkit-linear-gradient(#fff,#e6e6e6);background-image:-moz-linear-gradient(#fff,#e6e6e6);background-image:-o-linear-gradient(#fff,#e6e6e6);background-image:linear-gradient(#fff,#e6e6e6);border-left:1px solid #acacac;border-top:1px solid #acacac;border-bottom:1px solid #acacac}.nav-demo-1 ul li:hover{background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fff),color-stop(100%,#f2f2f2));background-image:-webkit-linear-gradient(#fff,#f2f2f2);background-image:-moz-linear-gradient(#fff,#f2f2f2);background-image:-o-linear-gradient(#fff,#f2f2f2);background-image:linear-gradient(#fff,#f2f2f2)}.nav-demo-1 ul li:first-child{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}.nav-demo-1 ul li:last-child{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid #acacac}.nav-demo-1 ul li a{font-size:16px;font-family:sans-serif}.nav-demo-1 ul .active{background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#e6e6e6),color-stop(100%,#fff));background-image:-webkit-linear-gradient(#e6e6e6,#fff);background-image:-moz-linear-gradient(#e6e6e6,#fff);background-image:-o-linear-gradient(#e6e6e6,#fff);background-image:linear-gradient(#e6e6e6,#fff)}.ie7 .nav-demo-1 ul li,.ie8 .nav-demo-1 ul li,.ie9 .nav-demo-1 ul li{border-left:0;border-top:0;border-bottom:0;background:transparent url('../img/picasso-nav.png') no-repeat center -1px}.ie7 .nav-demo-1 ul li a,.ie8 .nav-demo-1 ul li a,.ie9 .nav-demo-1 ul li a{border-left:1px solid #acacac}.ie7 .nav-demo-1 ul li:hover,.ie8 .nav-demo-1 ul li:hover,.ie9 .nav-demo-1 ul li:hover{background:transparent url('../img/picasso-nav.png') center -47px no-repeat}.ie7 .nav-demo-1 ul li:first-child,.ie8 .nav-demo-1 ul li:first-child,.ie9 .nav-demo-1 ul li:first-child{background:transparent url('../img/picasso-nav.png') no-repeat left -1px}.ie7 .nav-demo-1 ul li:first-child a,.ie8 .nav-demo-1 ul li:first-child a,.ie9 .nav-demo-1 ul li:first-child a{border-left:0}.ie7 .nav-demo-1 ul li:first-child:hover,.ie8 .nav-demo-1 ul li:first-child:hover,.ie9 .nav-demo-1 ul li:first-child:hover{background:transparent url('../img/picasso-nav.png') left -47px no-repeat}.ie7 .nav-demo-1 ul li:first-child.active,.ie8 .nav-demo-1 ul li:first-child.active,.ie9 .nav-demo-1 ul li:first-child.active{background:transparent url('../img/picasso-nav.png') no-repeat left -47px}.ie7 .nav-demo-1 ul .last,.ie8 .nav-demo-1 ul .last,.ie9 .nav-demo-1 ul .last{background:transparent url('../img/picasso-nav.png') no-repeat right -47px}.ie7 .nav-demo-1 ul .last:hover,.ie8 .nav-demo-1 ul .last:hover,.ie9 .nav-demo-1 ul .last:hover{background:transparent url('../img/picasso-nav.png') right -47px no-repeat}.ie7 .nav-demo-1 ul .active,.ie8 .nav-demo-1 ul .active,.ie9 .nav-demo-1 ul .active{background:transparent url('../img/picasso-nav.png') no-repeat center -47px}.ie7 .nav-demo-1 ul .last.active,.ie8 .nav-demo-1 ul .last.active,.ie9 .nav-demo-1 ul .last.active{background:transparent url('../img/picasso-nav.png') no-repeat right -47px}.ie9 .nav-demo-1 ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ie9 .nav-demo-1 ul li:first-child{-moz-border-radius-topleft:none;-webkit-border-top-left-radius:none;border-top-left-radius:none;-moz-border-radius-bottomleft:none;-webkit-border-bottom-left-radius:none;border-bottom-left-radius:none}.ie9 .nav-demo-1 ul li:last-child{-moz-border-radius-topright:none;-webkit-border-top-right-radius:none;border-top-right-radius:none;-moz-border-radius-bottomright:none;-webkit-border-bottom-right-radius:none;border-bottom-right-radius:none;border:0}.picasso-_popups .styledocco-example{position:relative;height:150px}.popup-demo-1{padding:10px;position:absolute}.popup-demo-1:after,.ie7 .popup-demo-1 .after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.popup-demo-1 .popup-header h4{line-height:20px;padding:10px}.popup-demo-1 .popup-container{z-index:1;position:relative}.popup-demo-1 .popup-arrow{position:absolute;height:0;width:0}.popup-demo-1 .popup-arrow-bottom{bottom:-10px;left:10px}.popup-demo-1 .popup-arrow-top{top:-10px;left:10px}.popup-demo-1 .popup-arrow-left{left:-10px;top:10px}.popup-demo-1 .popup-arrow-right{right:-10px;top:10px}.popup-demo-1 .popup-close{position:absolute;z-index:10;text-align:center;line-height:17px;height:20px;width:20px;top:-13px;right:-13px}.ie7 .popup-demo-1 .popup-close,.ie8 .popup-demo-1 .popup-close{line-height:23px;height:26px;width:26px;top:-13px;right:-13px}.ie7 .popup-demo-1{zoom:expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("i")).className="after")}.popup-demo-1:after,.ie7 .popup-demo-1 .after{background:rgba(0,0,0,.7);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:rgba(0,0,0,.5) 0 0 10px;-moz-box-shadow:rgba(0,0,0,.5) 0 0 10px;box-shadow:rgba(0,0,0,.5) 0 0 10px}.popup-demo-1 .popup-header{background:none repeat scroll 0 0 #f7f7f7;display:block}.popup-demo-1 .popup-header h4{margin:0;color:#003770;font-family:sans-serif;font-size:16px;font-weight:normal}.popup-demo-1 .popup-content{background:white;border:1px solid transparent}.popup-demo-1 .popup-arrow-bottom{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(0,0,0,.7)}.popup-demo-1 .popup-arrow-top{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,.7)}.popup-demo-1 .popup-arrow-left{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(0,0,0,.7)}.popup-demo-1 .popup-arrow-right{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(0,0,0,.7)}.popup-demo-1 .popup-close{cursor:pointer;border:3px solid white;color:white;font-weight:bold;font-family:sans-serif;font-size:16px;background:#319fda;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:rgba(0,0,0,.5) 0 0 10px;-moz-box-shadow:rgba(0,0,0,.5) 0 0 10px;box-shadow:rgba(0,0,0,.5) 0 0 10px}.ie7 .popup-demo-1:after,.ie7 .popup-demo-1 .after,.ie8 .popup-demo-1:after,.ie8 .popup-demo-1 .after{background:black;filter:alpha(opacity=70)}.ie7 .popup-demo-1 .popup-arrow,.ie8 .popup-demo-1 .popup-arrow{filter:alpha(opacity=70)}.ie7 .popup-demo-1 .popup-arrow-bottom,.ie8 .popup-demo-1 .popup-arrow-bottom{border-top:10px solid black}.ie7 .popup-demo-1 .popup-arrow-top,.ie8 .popup-demo-1 .popup-arrow-top{border-bottom:10px solid black}.ie7 .popup-demo-1 .popup-arrow-left,.ie8 .popup-demo-1 .popup-arrow-left{border-right:10px solid black}.ie7 .popup-demo-1 .popup-arrow-right,.ie8 .popup-demo-1 .popup-arrow-right{border-left:10px solid black}.ie7 .popup-demo-1 .popup-close,.ie8 .popup-demo-1 .popup-close{border-width:0;background-color:transparent;background-image:url('../img/picasso-popup.png');background-position:0 -1px}.popup-demo-2{padding:10px;position:absolute}.popup-demo-2:after,.ie7 .popup-demo-2 .after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.popup-demo-2 .popup-header h4{line-height:20px;padding:10px}.popup-demo-2 .popup-container{z-index:1;position:relative}.popup-demo-2 .popup-arrow{position:absolute;height:0;width:0}.popup-demo-2 .popup-arrow-bottom{bottom:-10px;left:10px}.popup-demo-2 .popup-arrow-top{top:-10px;left:10px}.popup-demo-2 .popup-arrow-left{left:-10px;top:10px}.popup-demo-2 .popup-arrow-right{right:-10px;top:10px}.popup-demo-2 .popup-close{position:absolute;z-index:10;text-align:center;line-height:17px;height:20px;width:20px;top:-13px;right:-13px}.ie7 .popup-demo-2 .popup-close,.ie8 .popup-demo-2 .popup-close{line-height:23px;height:26px;width:26px;top:-13px;right:-13px}.ie7 .popup-demo-2{zoom:expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("i")).className="after")}.popup-demo-2:after,.ie7 .popup-demo-2 .after{background:rgba(1,61,147,.7);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:rgba(0,0,0,.5) 0 0 20px;-moz-box-shadow:rgba(0,0,0,.5) 0 0 20px;box-shadow:rgba(0,0,0,.5) 0 0 20px}.popup-demo-2 .popup-header{background:rgba(1,61,147,.7);display:block}.popup-demo-2 .popup-header h4{margin:0;color:white;font-family:sans-serif;font-size:16px;font-weight:normal}.popup-demo-2 .popup-content{background:black;border:1px solid transparent}.popup-demo-2 .popup-arrow-bottom{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(1,61,147,.7)}.popup-demo-2 .popup-arrow-top{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(1,61,147,.7)}.popup-demo-2 .popup-arrow-left{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(1,61,147,.7)}.popup-demo-2 .popup-arrow-right{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(1,61,147,.7)}.popup-demo-2 .popup-close{cursor:pointer;border:3px solid black;color:black;font-weight:bold;font-family:sans-serif;font-size:16px;background:red;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:rgba(0,0,0,.5) 0 0 20px;-moz-box-shadow:rgba(0,0,0,.5) 0 0 20px;box-shadow:rgba(0,0,0,.5) 0 0 20px}.ie7 .popup-demo-2:after,.ie7 .popup-demo-2 .after,.ie8 .popup-demo-2:after,.ie8 .popup-demo-2 .after{background:#013d93;filter:alpha(opacity=70)}.ie7 .popup-demo-2 .popup-arrow,.ie8 .popup-demo-2 .popup-arrow{filter:alpha(opacity=70)}.ie7 .popup-demo-2 .popup-arrow-bottom,.ie8 .popup-demo-2 .popup-arrow-bottom{border-top:10px solid #013d93}.ie7 .popup-demo-2 .popup-arrow-top,.ie8 .popup-demo-2 .popup-arrow-top{border-bottom:10px solid #013d93}.ie7 .popup-demo-2 .popup-arrow-left,.ie8 .popup-demo-2 .popup-arrow-left{border-right:10px solid #013d93}.ie7 .popup-demo-2 .popup-arrow-right,.ie8 .popup-demo-2 .popup-arrow-right{border-left:10px solid #013d93}.ie7 .popup-demo-2 .popup-close,.ie8 .popup-demo-2 .popup-close{border-width:0;background-color:transparent;background-image:url('../img/picasso-popup.png');background-position:0 -27px}.bubble-demo-1{padding:10px;display:block;width:auto;position:relative;background:#eee;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.bubble-demo-1:after,.ie7 .bubble-demo-1 .after{content:"";position:absolute;bottom:-15px;right:20px;width:0;height:0}.ie7 .bubble-demo-1{zoom:expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("i")).className="after")}.bubble-demo-1 blockquote{color:#999}.bubble-demo-1:after,.ie7 .bubble-demo-1 .after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #eee}.accordion-demo-1{border:1px solid #ccc}.accordion-demo-1 .accordion-header{background:red;padding:5px 10px;cursor:pointer;overflow:hidden;color:white;font-size:1em;line-height:1em}.accordion-demo-1 .accordion-header h4{margin:0;float:left}.accordion-demo-1 .accordion-header .accordion-arrow{float:right}.accordion-demo-1 .accordion-header.accordion-header-open .accordion-arrow:after{content:"▼"}.accordion-demo-1 .accordion-header.accordion-header-close .accordion-arrow:after{content:"►"}.accordion-demo-1 .accordion-content{padding-left:10px}.ie7 .accordion-demo-1 .accordion-header .accordion-arrow{zoom:expression(this.runtimeStyle.zoom="1",this.innerHTML="<span class='open'>▼</span><span class='close'>►</span>")}.ie7 .accordion-demo-1 .accordion-header.accordion-header-open .close{display:none}.ie7 .accordion-demo-1 .accordion-header.accordion-header-close .open{display:none}.pagination-demo-1{text-align:center}.pagination-demo-1 ul{display:inline-block}.pagination-demo-1 ul li{display:inline-block;height:27px;text-align:center;float:left;margin-left:2px;margin-right:2px}.pagination-demo-1 ul li a{display:block;line-height:27px;min-width:27px}.pagination-demo-1 ul .prev{margin:0 10px 0 0}.pagination-demo-1 ul .next{margin:0 0 0 10px}.pagination-demo-1 ul .disabled{display:none}.pagination-demo-1 li{background:#eee;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;list-style:none}.pagination-demo-1 li a{color:#319fda}.pagination-demo-1 li a:hover{color:white;text-decoration:none}.pagination-demo-1 li:hover{background:#013d93}.pagination-demo-1 .active,.pagination-demo-1 .prev,.pagination-demo-1 .next,.pagination-demo-1 .dots{background:0;border:0}.pagination-demo-1 .active a:hover,.pagination-demo-1 .prev a:hover,.pagination-demo-1 .next a:hover,.pagination-demo-1 .dots a:hover{color:#319fda}.pagination-demo-1 .active:hover,.pagination-demo-1 .prev:hover,.pagination-demo-1 .next:hover,.pagination-demo-1 .dots:hover{background:0}.pagination-demo-1 .prev:hover,.pagination-demo-1 .next:hover{text-decoration:underline}.pagination-demo-1 .active a,.pagination-demo-1 .dots a{color:#888;cursor:default;text-decoration:none}.pagination-demo-1 .active a:hover,.pagination-demo-1 .dots a:hover{color:#888;text-decoration:none}.text-input-demo-1{width:200px;height:20px;line-height:20px;padding:1px;border:1px solid #ddd;border-top:1px solid #919191;color:#333;font-size:11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2) inset;-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.2) inset;box-shadow:0 1px 2px 0 rgba(0,0,0,.2) inset}.text-input-demo-1:focus{outline:0;border:1px solid #319fda;-webkit-box-shadow:rgba(0,0,0,.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;-moz-box-shadow:rgba(0,0,0,.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;box-shadow:rgba(0,0,0,.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0}.select-demo-1{width:200px;height:20px;line-height:20px;padding:1px;border:1px solid #ddd;border-top:1px solid #919191;color:#333;font-size:11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2) inset;-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.2) inset;box-shadow:0 1px 2px 0 rgba(0,0,0,.2) inset}.select-demo-1:focus{outline:0;border:1px solid #319fda;-webkit-box-shadow:rgba(0,0,0,.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;-moz-box-shadow:rgba(0,0,0,.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;box-shadow:rgba(0,0,0,.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0}.arrow-demo-1,.arrow-demo-2,.arrow-demo-3,.arrow-demo-4{margin:0 10px 0 0}.arrow-demo-1{padding:0 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#888;color:white;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-1:after,.ie7 .arrow-demo-1 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-1{zoom:expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("i")).className="after")}.arrow-demo-1:after,.ie7 .arrow-demo-1 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #888}.arrow-demo-2{padding:0 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#b94a48;color:white;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-2:after,.ie7 .arrow-demo-2 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-2{zoom:expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("i")).className="after")}.arrow-demo-2:after,.ie7 .arrow-demo-2 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #b94a48}.arrow-demo-3{padding:0 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#f89406;color:white;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-3:after,.ie7 .arrow-demo-3 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-3{zoom:expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("i")).className="after")}.arrow-demo-3:after,.ie7 .arrow-demo-3 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #f89406}.arrow-demo-4{padding:0 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#468847;color:white;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-4:after,.ie7 .arrow-demo-4 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-4{zoom:expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("i")).className="after")}.arrow-demo-4:after,.ie7 .arrow-demo-4 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #468847}.mini-tooltip-demo-1{color:white;font-size:11px;float:left;position:relative;padding:0 10px;margin-left:10px;z-index:0;line-height:20px}.mini-tooltip-demo-1:after,.ie7 .mini-tooltip-demo-1 .after{opacity:.5;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid black}.mini-tooltip-demo-1:before,.ie7 .mini-tooltip-demo-1 .before{background:black;opacity:.5}.ie7 .mini-tooltip-demo-1:before,.ie7 .mini-tooltip-demo-1 .before,.ie8 .mini-tooltip-demo-1:before,.ie8 .mini-tooltip-demo-1 .before{filter:alpha(opacity=50);opacity:.5}.mini-tooltip-demo-1:after,.ie7 .mini-tooltip-demo-1 .after{content:"";position:absolute;width:0;height:0;left:-7px;top:3px}.mini-tooltip-demo-1:before,.ie7 .mini-tooltip-demo-1 .before{content:"";position:absolute;width:100%;height:20px;top:0;left:0;z-index:-1}.ie7 .mini-tooltip-demo-1{zoom:expression(this.runtimeStyle.zoom="1",this.insertBefore(document.createElement("i"),this.firstChild).className="before")}.ie7 .mini-tooltip-demo-1 .before{zoom:expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("i")).className="after")}.mini-tooltip-demo-2{color:black;font-size:11px;float:left;position:relative;padding:0 10px;margin-left:10px;z-index:0;line-height:30px}.mini-tooltip-demo-2:after,.ie7 .mini-tooltip-demo-2 .after{opacity:.4;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid red}.mini-tooltip-demo-2:before,.ie7 .mini-tooltip-demo-2 .before{background:red;opacity:.4}.ie7 .mini-tooltip-demo-2:before,.ie7 .mini-tooltip-demo-2 .before,.ie8 .mini-tooltip-demo-2:before,.ie8 .mini-tooltip-demo-2 .before{filter:alpha(opacity=40);opacity:.4}.mini-tooltip-demo-2:after,.ie7 .mini-tooltip-demo-2 .after{content:"";position:absolute;width:0;height:0;left:-7px;top:8px}.mini-tooltip-demo-2:before,.ie7 .mini-tooltip-demo-2 .before{content:"";position:absolute;width:100%;height:30px;top:0;left:0;z-index:-1}.ie7 .mini-tooltip-demo-2{zoom:expression(this.runtimeStyle.zoom="1",this.insertBefore(document.createElement("i"),this.firstChild).className="before")}.ie7 .mini-tooltip-demo-2 .before{zoom:expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("i")).className="after")}.mini-tooltip-demo-3{color:white;font-size:11px;float:left;position:relative;padding:0 10px;margin-left:10px;z-index:0;line-height:20px}.mini-tooltip-demo-3:after,.ie7 .mini-tooltip-demo-3 .after{opacity:1;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #013d93}.mini-tooltip-demo-3:before,.ie7 .mini-tooltip-demo-3 .before{background:#013d93;opacity:1}.ie7 .mini-tooltip-demo-3:before,.ie7 .mini-tooltip-demo-3 .before,.ie8 .mini-tooltip-demo-3:before,.ie8 .mini-tooltip-demo-3 .before{filter:alpha(opacity=100);opacity:1}.mini-tooltip-demo-3:after,.ie7 .mini-tooltip-demo-3 .after{content:"";position:absolute;width:0;height:0;left:-7px;top:3px}.mini-tooltip-demo-3:before,.ie7 .mini-tooltip-demo-3 .before{content:"";position:absolute;width:100%;height:20px;top:0;left:0;z-index:-1}.ie7 .mini-tooltip-demo-3{zoom:expression(this.runtimeStyle.zoom="1",this.insertBefore(document.createElement("i"),this.firstChild).className="before")}.ie7 .mini-tooltip-demo-3 .before{zoom:expression(this.runtimeStyle.zoom="1",this.appendChild(document.createElement("i")).className="after")}.container{width:90%;max-width:1200px;min-width:950px}.row-col{width:100%}.row-col:before,.row-col:after{content:"";display:table}.row-col:after{clear:both}.ie6 .row-col,.ie7 .row-col{zoom:1}.row-col [class^="col"]{width:100%;min-height:25px;display:block;float:left;margin-left:2.174%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-col [class^="col"]:first-child{margin-left:0}.row-col [class^="col"] img{max-width:100%}.row-col .col1{width:6.341%}.ie7 .row-col .col1{width:6.249%}.row-col [class^="col"].offset1{margin-left:10.507%}.row-col [class^="col"].offset1:first-child{margin-left:8.424%}.row-col .col2{width:14.855%}.ie7 .row-col .col2{width:14.763%}.row-col [class^="col"].offset2{margin-left:19.022%}.row-col [class^="col"].offset2:first-child{margin-left:16.938%}.row-col .col3{width:23.37%}.ie7 .row-col .col3{width:23.278%}.row-col [class^="col"].offset3{margin-left:27.536%}.row-col [class^="col"].offset3:first-child{margin-left:25.453%}.row-col .col4{width:31.884%}.ie7 .row-col .col4{width:31.792%}.row-col [class^="col"].offset4{margin-left:36.051%}.row-col [class^="col"].offset4:first-child{margin-left:33.967%}.row-col .col5{width:40.399%}.ie7 .row-col .col5{width:40.307%}.row-col [class^="col"].offset5{margin-left:44.565%}.row-col [class^="col"].offset5:first-child{margin-left:42.482%}.row-col .col6{width:48.913%}.ie7 .row-col .col6{width:48.821%}.row-col [class^="col"].offset6{margin-left:53.08%}.row-col [class^="col"].offset6:first-child{margin-left:50.996%}.row-col .col7{width:57.428%}.ie7 .row-col .col7{width:57.336%}.row-col [class^="col"].offset7{margin-left:61.594%}.row-col [class^="col"].offset7:first-child{margin-left:59.511%}.row-col .col8{width:65.942%}.ie7 .row-col .col8{width:65.85%}.row-col [class^="col"].offset8{margin-left:70.109%}.row-col [class^="col"].offset8:first-child{margin-left:68.025%}.row-col .col9{width:74.457%}.ie7 .row-col .col9{width:74.365%}.row-col [class^="col"].offset9{margin-left:78.623%}.row-col [class^="col"].offset9:first-child{margin-left:76.54%}.row-col .col10{width:82.971%}.ie7 .row-col .col10{width:82.879%}.row-col [class^="col"].offset10{margin-left:87.138%}.row-col [class^="col"].offset10:first-child{margin-left:85.054%}.row-col .col11{width:91.486%}.ie7 .row-col .col11{width:91.394%}.row-col [class^="col"].offset11{margin-left:95.652%}.row-col [class^="col"].offset11:first-child{margin-left:93.569%}.row-col .col12{width:100%}.row-col [class^="col"].offset12{margin-left:104.167%}.row-col [class^="col"].offset12:first-child{margin-left:102.083%}.row-col{margin:10px 0}[class^="col"]{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#ccc}[class^="col"] [class^="col"]{background:#aaa}[class^="col"] [class^="col"] [class^="col"]{background:#696969;color:#c0c0c0}.clearfix-demo{background:#58608d;width:100%;padding:10px}.clearfix-demo:before,.clearfix-demo:after{content:"";display:table}.clearfix-demo:after{clear:both}.ie6 .clearfix-demo,.ie7 .clearfix-demo{zoom:1}.clearfix-demo div{background:white}.despegar-size-1-demo{font-size:11px}.despegar-size-2-demo{font-size:13px}.despegar-size-3-demo{font-size:16px}.despegar-size-4-demo{font-size:20px}.despegar-size-5-demo{font-size:24px}.despegar-size-6-demo{font-size:28px}.despegar-black-demo{padding:10px;background:black;color:white}.despegar-white-demo{padding:10px;background:white}.despegar-yellow-demo{padding:10px;background:#ff3}.despegar-red-demo{padding:10px;background:red}.despegar-blue-demo{padding:10px;background:#013d93;color:white}.despegar-gray-1-demo{padding:10px;background:#222;color:white}.despegar-gray-2-demo{padding:10px;background:#444;color:white}.despegar-gray-3-demo{padding:10px;background:#666;color:white}.despegar-gray-4-demo{padding:10px;background:#888;color:white}.despegar-gray-5-demo{padding:10px;background:#aaa;color:white}.despegar-gray-6-demo{padding:10px;background:#ccc}.despegar-gray-7-demo{padding:10px;background:#eee}.despegar-searchbox-bg-demo{padding:10px;background:#ff3}.despegar-title-color-demo{padding:10px;background:#013d93;color:white}.despegar-titlealt-color-demo{padding:10px;background:#f90}.despegar-link-color-demo{padding:10px;background:#319fda}.despegar-link-color-hover-demo{padding:10px;background:#6cf}.despegar-error-bg-demo{padding:10px;background:#ffe6e6}.despegar-error-border-demo{padding:10px;background:red}.despegar-warning-bg-demo{padding:10px;background:#ffffe1}.despegar-warning-border-demo{padding:10px;background:#fc3}body{width:100%;max-width:100%;margin:0;padding:0;background-color:#f6f7f9}.styledocco-sidebar,.styledocco-docs>:not(.styledocco-example){box-sizing:content-box;margin:15px 20px;color:#334;line-height:1.618;font-family:sans-serif;-webkit-font-smoothing:subpixel-antialiased}.styledocco-sidebar,.styledocco-docs>p,.styledocco-docs>ul,.styledocco-docs>ol,.styledocco-docs>a{font-size:12px}.styledocco-docs>h1,.styledocco-docs>h2,.styledocco-docs>h3,.styledocco-docs>h4,.styledocco-docs>h5,.styledocco-docs>h6{font-weight:bold;margin:25px 20px 0!important;line-height:1.2!important;color:#555f6a!important}.styledocco-docs>:not(.styledocco-example) a{color:#27a;text-decoration:none}.styledocco-docs>:not(.styledocco-example) a:hover{color:#157;text-decoration:underline}.styledocco-docs>:not(.styledocco-example) a:visited{color:#146}.styledocco-docs>:not(.styledocco-example):not(pre) var,.styledocco-docs>:not(.styledocco-example):not(pre) code{padding:.1em 3px;background:rgba(0,0,0,.025);border:1px solid rgba(0,0,0,.05);border-radius:3px;font-style:normal;font-family:"Ubuntu Mono","Andale Mono","DejaVu Sans Mono","Monaco","Bitstream Vera Sans Mono","Consolas","Lucida Console",monospace}.styledocco-code pre code,.styledocco-docs>pre samp,.styledocco-docs>pre code{padding:0;background:transparent;border:0;font-family:"Ubuntu Mono","Andale Mono","DejaVu Sans Mono","Monaco","Bitstream Vera Sans Mono","Consolas","Lucida Console",monospace;font-size:12px}.styledocco-code code::selection,.styledocco-docs>pre code::selection{background:#248;color:#fff}.styledocco-container{width:95%;max-width:1500px;margin:0 auto}.styledocco-main{float:right;width:83%}.styledocco-sidebar{position:fixed;width:9%;padding:1%}.styledocco-section{position:relative;min-height:200px}.styledocco-sidebar{max-height:90%;overflow-y:auto;margin-top:20px;word-wrap:break-word;background-color:#777f88;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.25);opacity:.75;-webkit-transition:opacity 2.5s;-moz-transition:opacity 2.5s;-o-transition:opacity 2.5s}.styledocco-sidebar:hover{opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s}.styledocco-sidebar a{text-decoration:none}.styledocco-brand{display:block;margin:0 0 10px;text-align:center;color:#eee;font-size:16px;font-weight:bold;text-shadow:rgba(0,0,0,.5) 0 0 1px}.styledocco-brand:hover{color:#fff;text-decoration:none}.styledocco-nav{margin:0;padding:0}.styledocco-nav-heading{display:block;padding:.3em 0;margin:.5em 0 0;color:#ddd;font-size:13px;text-shadow:rgba(0,0,0,.25) 0 0 1px}.styledocco-nav li{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.1)}.styledocco-nav li:active,.styledocco-nav li:focus,.styledocco-nav li:hover{background:rgba(255,255,255,.2);border-color:transparent;border-radius:3px;text-decoration:none}.styledocco-nav li:active + li,.styledocco-nav li:focus + li,.styledocco-nav li:hover + li{border-color:transparent}.styledocco-nav a{display:block;padding:.2em 5%;color:#f7f7f7}.styledocco-docs{position:relative;width:58%;min-height:200px;margin:20px 0 40px;background:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.1);border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.1)}.styledocco-code{position:absolute;top:5px;bottom:5px;right:0;width:42%;overflow:auto;padding:10px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0 5px 5px 0;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.75);opacity:.75;-webkit-transition:opacity .25s;-moz-transition:opacity .25s;-o-transition:opacity .25s}.styledocco-code:hover{opacity:1}.styledocco-example{margin-top:10px;padding:15px;overflow:auto;background:url(data:image/png;base64,ivborw0kggoaaaansuheugaaabaaaaaqaqmaaaalpw0iaaaaaxnsr0iars4c6qaaaazqtfrf+vr6////+o8bnqaaabbjrefucb1jypjpgbxheayafr8p8bm+jeoaaaaasuvork5cyii=);border-top:1px dotted #dcdce1}pre + .styledocco-example{margin-top:0;border-top:0}.styledocco-example:before,.styledocco-example:after{display:table;content:""}.styledocco-example:after{clear:both}.styledocco-docs>pre,.styledocco-code pre{white-space:pre-wrap;word-wrap:break-word;color:#445;margin:0!important;line-height:1.1!important}.styledocco-docs>.pilcrow{position:absolute;right:0;top:0;text-decoration:none;font-weight:bold;opacity:.5}.styledocco-docs>.pilcrow:hover{opacity:1}.styledocco-docs>pre{max-height:200px;overflow-y:auto;padding:10px 20px;background:#f8f9fb;border:1px solid rgba(220,220,225,.8);border-left:0;border-right:0}.styledocco-example + pre{border-top:1px dotted #dcdce1}.styledocco-docs>pre:first-child{border-top:0}.styledocco-docs>pre:last-child{border-bottom:0}.styledocco-code pre{padding:0;background:transparent;border:0}</style></head><body class="picasso-"><div class="styledocco-container"><div class="styledocco-sidebar"><a href="index.html" class="styledocco-brand">Picasso</a><ul class="styledocco-nav"><li><a href="_picasso.html">_picasso
3
- </a></li></ul><strong class="styledocco-nav-heading">picasso</strong><ul class="styledocco-nav"><li><a href="picasso-_components.html">_components
2
+ </title><meta charset="utf-8"><link rel="stylesheet" href="docs.css"><link rel="stylesheet" href="css/picasso-docs.css"><!--[if IE]><link rel="stylesheet" href="css/picasso-demos.css"><![endif]--><style type="text/preview">body{font-family:sans-serif;font-size:16px;padding:20px 0}.ie7 .preview,.ie8 .preview,.ie9 .preview{padding:15px}.tooltip-demo-1{display:block;position:absolute;padding:0.267em;font-size:0.8em;background-color:#000;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#000 0 0 3px;-moz-box-shadow:#000 0 0 3px;box-shadow:#000 0 0 3px;left:20px}.tooltip-demo-1.tooltip-left:after,.ie7 .tooltip-demo-1.tooltip-left span{position:absolute;top:0;padding:0.267em 0;left:-0.82em;content:"\25C4"}.ie7 .tooltip-demo-1.tooltip-left{zoom:expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="&#9668;")}.tooltip-demo-1.tooltip-left:after,.ie7 .tooltip-demo-1 span{font-family:arial, sans-serif;font-size:1em;color:#000}.ie8 .tooltip-demo-1.tooltip-left:after{font-size:0.8em}.tooltip-demo-2{display:block;position:absolute;padding:0.267em;font-size:0.8em;background-color:#000;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#000 0 0 3px;-moz-box-shadow:#000 0 0 3px;box-shadow:#000 0 0 3px;left:140px}.tooltip-demo-2.tooltip-right:after,.ie7 .tooltip-demo-2.tooltip-right span{position:absolute;top:0;padding:0.267em 0;right:-0.82em;content:"\25BA"}.ie7 .tooltip-demo-2.tooltip-right{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="&#9658;")}.tooltip-demo-2.tooltip-right:after,.ie7 .tooltip-demo-2 span{font-family:arial, sans-serif;font-size:1em;color:#000}.ie8 .tooltip-demo-2.tooltip-right:after{font-size:0.8em}.tooltip-demo-3{display:block;position:absolute;padding:0.4em;font-size:1.2em;background-color:#0074cc;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#0074cc 0 0 3px;-moz-box-shadow:#0074cc 0 0 3px;box-shadow:#0074cc 0 0 3px;left:20px}.tooltip-demo-3.tooltip-left:after,.ie7 .tooltip-demo-3.tooltip-left span{position:absolute;top:0;padding:0.4em 0;left:-0.82em;content:"\25C4"}.ie7 .tooltip-demo-3.tooltip-left{zoom:expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="&#9668;")}.tooltip-demo-3.tooltip-left:after,.ie7 .tooltip-demo-3 span{font-family:arial, sans-serif;font-size:1em;color:#0074cc}.ie8 .tooltip-demo-3.tooltip-left:after{font-size:1.2em}.tooltip-demo-4{display:block;position:absolute;padding:0.4em;font-size:1.2em;background-color:#faa732;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#faa732 0 0 3px;-moz-box-shadow:#faa732 0 0 3px;box-shadow:#faa732 0 0 3px;left:300px}.tooltip-demo-4.tooltip-right:after,.ie7 .tooltip-demo-4.tooltip-right span{position:absolute;top:0;padding:0.4em 0;right:-0.82em;content:"\25BA"}.ie7 .tooltip-demo-4.tooltip-right{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="&#9658;")}.tooltip-demo-4.tooltip-right:after,.ie7 .tooltip-demo-4 span{font-family:arial, sans-serif;font-size:1em;color:#faa732}.ie8 .tooltip-demo-4.tooltip-right:after{font-size:1.2em}.button-glossy-demo-1{width:90px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de1f2a), color-stop(100%, #c81c26)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b11922), color-stop(100%, #6e0f15));background:-webkit-linear-gradient(#de1f2a,#c81c26),-webkit-linear-gradient(#b11922,#6e0f15);background:-moz-linear-gradient(#de1f2a,#c81c26),-moz-linear-gradient(#b11922,#6e0f15);background:-o-linear-gradient(#de1f2a,#c81c26),-o-linear-gradient(#b11922,#6e0f15);background:linear-gradient(#de1f2a,#c81c26),linear-gradient(#b11922,#6e0f15);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-1:after,.button-glossy-demo-1:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-1:after{width:88px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-1:before{width:86px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-1 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-1 span{color:#fff}.button-glossy-demo-1:after,.button-glossy-demo-1:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-1:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #f2a4a8), color-stop(100%, #150304)) 50%;background:-webkit-linear-gradient(#f2a4a8 15%,#150304) 50%;background:-moz-linear-gradient(#f2a4a8 15%,#150304) 50%;background:-o-linear-gradient(#f2a4a8 15%,#150304) 50%;background:linear-gradient(#f2a4a8 15%,#150304) 50%}.button-glossy-demo-1:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de1f2a), color-stop(100%, #c81c26)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b11922), color-stop(100%, #6e0f15));background:-webkit-linear-gradient(#de1f2a,#c81c26),-webkit-linear-gradient(#b11922,#6e0f15);background:-moz-linear-gradient(#de1f2a,#c81c26),-moz-linear-gradient(#b11922,#6e0f15);background:-o-linear-gradient(#de1f2a,#c81c26),-o-linear-gradient(#b11922,#6e0f15);background:linear-gradient(#de1f2a,#c81c26),linear-gradient(#b11922,#6e0f15);background-position:left top,left 13px}.button-glossy-demo-1,.button-glossy-demo-1:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-1:hover{text-decoration:none;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e96168), color-stop(50%, #bf1b24), color-stop(100%, #f10c19));background:-webkit-linear-gradient(#e96168,#bf1b24,#f10c19);background:-moz-linear-gradient(#e96168,#bf1b24,#f10c19);background:-o-linear-gradient(#e96168,#bf1b24,#f10c19);background:linear-gradient(#e96168,#bf1b24,#f10c19)}.button-glossy-demo-1:hover:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4b1b5), color-stop(100%, #d11d27)) 50%;background:-webkit-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:-moz-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:-o-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:linear-gradient(#f4b1b5 20%,#d11d27) 50%}.button-glossy-demo-1:hover:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e96168), color-stop(50%, #bf1b24), color-stop(100%, #f10c19));background:-webkit-linear-gradient(#e96168,#bf1b24,#f10c19);background:-moz-linear-gradient(#e96168,#bf1b24,#f10c19);background:-o-linear-gradient(#e96168,#bf1b24,#f10c19);background:linear-gradient(#e96168,#bf1b24,#f10c19)}.button-glossy-demo-1:hover,.button-glossy-demo-1:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-1,.ie8 .button-glossy-demo-1,.ie9 .button-glossy-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -1px}.ie7 .button-glossy-demo-1:hover,.ie8 .button-glossy-demo-1:hover,.ie9 .button-glossy-demo-1:hover{background-position:0 -31px}.ie9 .button-glossy-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-glossy-demo-2{width:70px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0077b3)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006699), color-stop(100%, #00334d));background:-webkit-linear-gradient(#0088cc,#0077b3),-webkit-linear-gradient(#006699,#00334d);background:-moz-linear-gradient(#0088cc,#0077b3),-moz-linear-gradient(#006699,#00334d);background:-o-linear-gradient(#0088cc,#0077b3),-o-linear-gradient(#006699,#00334d);background:linear-gradient(#0088cc,#0077b3),linear-gradient(#006699,#00334d);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-2:after,.button-glossy-demo-2:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-2:after{width:68px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-2:before{width:66px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-2 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-2 span{color:#fff}.button-glossy-demo-2:after,.button-glossy-demo-2:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-2:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #66ccff), color-stop(100%, #000000)) 50%;background:-webkit-linear-gradient(#66ccff 15%,#000000) 50%;background:-moz-linear-gradient(#66ccff 15%,#000000) 50%;background:-o-linear-gradient(#66ccff 15%,#000000) 50%;background:linear-gradient(#66ccff 15%,#000000) 50%}.button-glossy-demo-2:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0077b3)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006699), color-stop(100%, #00334d));background:-webkit-linear-gradient(#0088cc,#0077b3),-webkit-linear-gradient(#006699,#00334d);background:-moz-linear-gradient(#0088cc,#0077b3),-moz-linear-gradient(#006699,#00334d);background:-o-linear-gradient(#0088cc,#0077b3),-o-linear-gradient(#006699,#00334d);background:linear-gradient(#0088cc,#0077b3),linear-gradient(#006699,#00334d);background-position:left top,left 13px}.button-glossy-demo-2,.button-glossy-demo-2:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-2:hover{text-decoration:none;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ab2ff), color-stop(50%, #0070a8), color-stop(100%, #0088cc));background:-webkit-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-moz-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-o-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:linear-gradient(#1ab2ff,#0070a8,#0088cc)}.button-glossy-demo-2:hover:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #75d1ff), color-stop(100%, #007ebd)) 50%;background:-webkit-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:-moz-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:-o-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:linear-gradient(#75d1ff 20%,#007ebd) 50%}.button-glossy-demo-2:hover:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ab2ff), color-stop(50%, #0070a8), color-stop(100%, #0088cc));background:-webkit-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-moz-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-o-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:linear-gradient(#1ab2ff,#0070a8,#0088cc)}.button-glossy-demo-2:hover,.button-glossy-demo-2:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-2,.ie8 .button-glossy-demo-2,.ie9 .button-glossy-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -61px}.ie7 .button-glossy-demo-2:hover,.ie8 .button-glossy-demo-2:hover,.ie9 .button-glossy-demo-2:hover{background-position:0 -91px}.ie9 .button-glossy-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-glossy-demo-3{width:80px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #faa937)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9f1e), color-stop(100%, #c77605));background:-webkit-linear-gradient(#fbb450,#faa937),-webkit-linear-gradient(#fa9f1e,#c77605);background:-moz-linear-gradient(#fbb450,#faa937),-moz-linear-gradient(#fa9f1e,#c77605);background:-o-linear-gradient(#fbb450,#faa937),-o-linear-gradient(#fa9f1e,#c77605);background:linear-gradient(#fbb450,#faa937),linear-gradient(#fa9f1e,#c77605);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-3:after,.button-glossy-demo-3:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-3:after{width:78px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-3:before{width:76px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-3 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-3 span{color:#fff}.button-glossy-demo-3:after,.button-glossy-demo-3:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-3:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #fef4e6), color-stop(100%, #633b02)) 50%;background:-webkit-linear-gradient(#fef4e6 15%,#633b02) 50%;background:-moz-linear-gradient(#fef4e6 15%,#633b02) 50%;background:-o-linear-gradient(#fef4e6 15%,#633b02) 50%;background:linear-gradient(#fef4e6 15%,#633b02) 50%}.button-glossy-demo-3:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #faa937)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9f1e), color-stop(100%, #c77605));background:-webkit-linear-gradient(#fbb450,#faa937),-webkit-linear-gradient(#fa9f1e,#c77605);background:-moz-linear-gradient(#fbb450,#faa937),-moz-linear-gradient(#fa9f1e,#c77605);background:-o-linear-gradient(#fbb450,#faa937),-o-linear-gradient(#fa9f1e,#c77605);background:linear-gradient(#fbb450,#faa937),linear-gradient(#fa9f1e,#c77605);background-position:left top,left 13px}.button-glossy-demo-3,.button-glossy-demo-3:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-3:hover{text-decoration:none;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd49b), color-stop(50%, #faa52d), color-stop(100%, #ffb54c));background:-webkit-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-moz-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-o-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:linear-gradient(#fdd49b,#faa52d,#ffb54c)}.button-glossy-demo-3:hover:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fffbf5), color-stop(100%, #fbae41)) 50%;background:-webkit-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:-moz-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:-o-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:linear-gradient(#fffbf5 20%,#fbae41) 50%}.button-glossy-demo-3:hover:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd49b), color-stop(50%, #faa52d), color-stop(100%, #ffb54c));background:-webkit-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-moz-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-o-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:linear-gradient(#fdd49b,#faa52d,#ffb54c)}.button-glossy-demo-3:hover,.button-glossy-demo-3:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-3,.ie8 .button-glossy-demo-3,.ie9 .button-glossy-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -121px}.ie7 .button-glossy-demo-3:hover,.ie8 .button-glossy-demo-3:hover,.ie9 .button-glossy-demo-3:hover{background-position:0 -151px}.ie9 .button-glossy-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-3d-demo-1{overflow:hidden;display:inline-block;line-height:2.2em;color:#fff;border:1px solid #c00811;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-1:active{position:relative;top:1px}.button-3d-demo-1.disabled:active{position:static}.button-3d-demo-1 span{display:block;padding:0 13px}.button-3d-demo-1:visited{color:#fff}.button-3d-demo-1:hover{text-decoration:none;color:#fff}.button-3d-demo-1 span{background-color:#f73741;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));background-image:-webkit-linear-gradient(#f73741,#8f060d);background-image:-moz-linear-gradient(#f73741,#8f060d);background-image:-o-linear-gradient(#f73741,#8f060d);background-image:linear-gradient(#f73741,#8f060d);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-1 span:hover{background-color:#ff2f3a;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #c00811));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#c00811);background-image:-moz-linear-gradient(rgba(255,255,255,0),#c00811);background-image:-o-linear-gradient(rgba(255,255,255,0),#c00811);background-image:linear-gradient(rgba(255,255,255,0),#c00811);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ff2f3a;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ff2f3a;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ff2f3a}.button-3d-demo-1 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));background-image:-webkit-linear-gradient(#f73741,#8f060d);background-image:-moz-linear-gradient(#f73741,#8f060d);background-image:-o-linear-gradient(#f73741,#8f060d);background-image:linear-gradient(#f73741,#8f060d);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-1.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-1.disabled span,.button-3d-demo-1.disabled span:hover,.button-3d-demo-1.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-1 span,.ie8 .button-3d-demo-1 span,.ie9 .button-3d-demo-1 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D')}.ie7 .button-3d-demo-1 span:hover,.ie8 .button-3d-demo-1 span:hover,.ie9 .button-3d-demo-1 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFC00811')}.ie7 .button-3d-demo-1 span:active,.ie8 .button-3d-demo-1 span:active,.ie9 .button-3d-demo-1 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D')}.ie7 .button-3d-demo-1.disabled span,.ie7 .button-3d-demo-1.disabled span:hover,.ie7 .button-3d-demo-1.disabled span:active,.ie8 .button-3d-demo-1.disabled span,.ie8 .button-3d-demo-1.disabled span:hover,.ie8 .button-3d-demo-1.disabled span:active,.ie9 .button-3d-demo-1.disabled span,.ie9 .button-3d-demo-1.disabled span:hover,.ie9 .button-3d-demo-1.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-2{overflow:hidden;display:inline-block;line-height:2.2em;color:#fff;border:1px solid #046;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-2:active{position:relative;top:1px}.button-3d-demo-2.disabled:active{position:static}.button-3d-demo-2 span{display:block;padding:0 13px}.button-3d-demo-2:visited{color:#fff}.button-3d-demo-2:hover{text-decoration:none;color:#fff}.button-3d-demo-2 span{background-color:#08c;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #002233));background-image:-webkit-linear-gradient(#0088cc,#002233);background-image:-moz-linear-gradient(#0088cc,#002233);background-image:-o-linear-gradient(#0088cc,#002233);background-image:linear-gradient(#0088cc,#002233);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-2 span:hover{background-color:#08c;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #004466));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#004466);background-image:-moz-linear-gradient(rgba(255,255,255,0),#004466);background-image:-o-linear-gradient(rgba(255,255,255,0),#004466);background-image:linear-gradient(rgba(255,255,255,0),#004466);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #08c;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #08c;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #08c}.button-3d-demo-2 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #002233));background-image:-webkit-linear-gradient(#0088cc,#002233);background-image:-moz-linear-gradient(#0088cc,#002233);background-image:-o-linear-gradient(#0088cc,#002233);background-image:linear-gradient(#0088cc,#002233);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-2.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-2.disabled span,.button-3d-demo-2.disabled span:hover,.button-3d-demo-2.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-2 span,.ie8 .button-3d-demo-2 span,.ie9 .button-3d-demo-2 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233')}.ie7 .button-3d-demo-2 span:hover,.ie8 .button-3d-demo-2 span:hover,.ie9 .button-3d-demo-2 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF004466')}.ie7 .button-3d-demo-2 span:active,.ie8 .button-3d-demo-2 span:active,.ie9 .button-3d-demo-2 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233')}.ie7 .button-3d-demo-2.disabled span,.ie7 .button-3d-demo-2.disabled span:hover,.ie7 .button-3d-demo-2.disabled span:active,.ie8 .button-3d-demo-2.disabled span,.ie8 .button-3d-demo-2.disabled span:hover,.ie8 .button-3d-demo-2.disabled span:active,.ie9 .button-3d-demo-2.disabled span,.ie9 .button-3d-demo-2.disabled span:hover,.ie9 .button-3d-demo-2.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-3{overflow:hidden;display:inline-block;line-height:2.2em;color:#fff;border:1px solid #e08505;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-3:active{position:relative;top:1px}.button-3d-demo-3.disabled:active{position:static}.button-3d-demo-3 span{display:block;padding:0 13px}.button-3d-demo-3:visited{color:#fff}.button-3d-demo-3:hover{text-decoration:none;color:#fff}.button-3d-demo-3 span{background-color:#fbb450;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));background-image:-webkit-linear-gradient(#fbb450,#ae6704);background-image:-moz-linear-gradient(#fbb450,#ae6704);background-image:-o-linear-gradient(#fbb450,#ae6704);background-image:linear-gradient(#fbb450,#ae6704);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-3 span:hover{background-color:#ffb54c;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #e08505));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#e08505);background-image:-moz-linear-gradient(rgba(255,255,255,0),#e08505);background-image:-o-linear-gradient(rgba(255,255,255,0),#e08505);background-image:linear-gradient(rgba(255,255,255,0),#e08505);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ffb54c;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ffb54c;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ffb54c}.button-3d-demo-3 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));background-image:-webkit-linear-gradient(#fbb450,#ae6704);background-image:-moz-linear-gradient(#fbb450,#ae6704);background-image:-o-linear-gradient(#fbb450,#ae6704);background-image:linear-gradient(#fbb450,#ae6704);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-3.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-3.disabled span,.button-3d-demo-3.disabled span:hover,.button-3d-demo-3.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-3 span,.ie8 .button-3d-demo-3 span,.ie9 .button-3d-demo-3 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704')}.ie7 .button-3d-demo-3 span:hover,.ie8 .button-3d-demo-3 span:hover,.ie9 .button-3d-demo-3 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFE08505')}.ie7 .button-3d-demo-3 span:active,.ie8 .button-3d-demo-3 span:active,.ie9 .button-3d-demo-3 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704')}.ie7 .button-3d-demo-3.disabled span,.ie7 .button-3d-demo-3.disabled span:hover,.ie7 .button-3d-demo-3.disabled span:active,.ie8 .button-3d-demo-3.disabled span,.ie8 .button-3d-demo-3.disabled span:hover,.ie8 .button-3d-demo-3.disabled span:active,.ie9 .button-3d-demo-3.disabled span,.ie9 .button-3d-demo-3.disabled span:hover,.ie9 .button-3d-demo-3.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-4{overflow:hidden;display:block;line-height:2.2em;color:#fff;border:1px solid #00132e;font-family:sans-serif;font-size:24px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-4:active{position:relative;top:1px}.button-3d-demo-4.disabled:active{position:static}.button-3d-demo-4 span{display:block;padding:0 24px}.button-3d-demo-4:visited{color:#fff}.button-3d-demo-4:hover{text-decoration:none;color:#fff}.button-3d-demo-4 span{background-color:#013d93;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));background-image:-webkit-linear-gradient(#013d93,#000000);background-image:-moz-linear-gradient(#013d93,#000000);background-image:-o-linear-gradient(#013d93,#000000);background-image:linear-gradient(#013d93,#000000);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-4 span:hover{background-color:#003d94;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #00132e));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#00132e);background-image:-moz-linear-gradient(rgba(255,255,255,0),#00132e);background-image:-o-linear-gradient(rgba(255,255,255,0),#00132e);background-image:linear-gradient(rgba(255,255,255,0),#00132e);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #003d94;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #003d94;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #003d94}.button-3d-demo-4 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));background-image:-webkit-linear-gradient(#013d93,#000000);background-image:-moz-linear-gradient(#013d93,#000000);background-image:-o-linear-gradient(#013d93,#000000);background-image:linear-gradient(#013d93,#000000);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-4.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-4.disabled span,.button-3d-demo-4.disabled span:hover,.button-3d-demo-4.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-4 span,.ie8 .button-3d-demo-4 span,.ie9 .button-3d-demo-4 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000')}.ie7 .button-3d-demo-4 span:hover,.ie8 .button-3d-demo-4 span:hover,.ie9 .button-3d-demo-4 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF00132E')}.ie7 .button-3d-demo-4 span:active,.ie8 .button-3d-demo-4 span:active,.ie9 .button-3d-demo-4 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000')}.ie7 .button-3d-demo-4.disabled span,.ie7 .button-3d-demo-4.disabled span:hover,.ie7 .button-3d-demo-4.disabled span:active,.ie8 .button-3d-demo-4.disabled span,.ie8 .button-3d-demo-4.disabled span:hover,.ie8 .button-3d-demo-4.disabled span:active,.ie9 .button-3d-demo-4.disabled span,.ie9 .button-3d-demo-4.disabled span:hover,.ie9 .button-3d-demo-4.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-5{overflow:hidden;display:inline-block;line-height:1.75em;color:#013d93;border:1px solid #bbb;font-family:sans-serif;font-size:11px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #b5b5b5;-webkit-border-radius:1.1em;-moz-border-radius:1.1em;-ms-border-radius:1.1em;-o-border-radius:1.1em;border-radius:1.1em}.button-3d-demo-5:active{position:relative;top:1px}.button-3d-demo-5.disabled:active{position:static}.button-3d-demo-5 span{display:block;padding:0 11px}.button-3d-demo-5:visited{color:#013d93}.button-3d-demo-5:hover{text-decoration:none;color:#013d93}.button-3d-demo-5 span{background-color:#eee;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));background-image:-webkit-linear-gradient(#eeeeee,#a2a2a2);background-image:-moz-linear-gradient(#eeeeee,#a2a2a2);background-image:-o-linear-gradient(#eeeeee,#a2a2a2);background-image:linear-gradient(#eeeeee,#a2a2a2);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-5 span:hover{background-color:#f0ecec;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #bbbbbb));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#bbbbbb);background-image:-moz-linear-gradient(rgba(255,255,255,0),#bbbbbb);background-image:-o-linear-gradient(rgba(255,255,255,0),#bbbbbb);background-image:linear-gradient(rgba(255,255,255,0),#bbbbbb);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #f0ecec;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #f0ecec;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #f0ecec}.button-3d-demo-5 span:active{text-shadow:0 -1px 0 #b5b5b5;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));background-image:-webkit-linear-gradient(#eeeeee,#a2a2a2);background-image:-moz-linear-gradient(#eeeeee,#a2a2a2);background-image:-o-linear-gradient(#eeeeee,#a2a2a2);background-image:linear-gradient(#eeeeee,#a2a2a2);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-5.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-5.disabled span,.button-3d-demo-5.disabled span:hover,.button-3d-demo-5.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-5 span,.ie8 .button-3d-demo-5 span,.ie9 .button-3d-demo-5 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2')}.ie7 .button-3d-demo-5 span:hover,.ie8 .button-3d-demo-5 span:hover,.ie9 .button-3d-demo-5 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFBBBBBB')}.ie7 .button-3d-demo-5 span:active,.ie8 .button-3d-demo-5 span:active,.ie9 .button-3d-demo-5 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2')}.ie7 .button-3d-demo-5.disabled span,.ie7 .button-3d-demo-5.disabled span:hover,.ie7 .button-3d-demo-5.disabled span:active,.ie8 .button-3d-demo-5.disabled span,.ie8 .button-3d-demo-5.disabled span:hover,.ie8 .button-3d-demo-5.disabled span:active,.ie9 .button-3d-demo-5.disabled span,.ie9 .button-3d-demo-5.disabled span:hover,.ie9 .button-3d-demo-5.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-mini-demo-1{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(51%, #d6d6d6), color-stop(100%, #cacaca));background:-webkit-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:-moz-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:-o-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-1 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-1:hover{text-decoration:none;background:#e3e3e3}.button-mini-demo-1:active{background:#cacaca;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-1 span{color:#0e6695;font-size:11px}.ie7 .button-mini-demo-1,.ie8 .button-mini-demo-1,.ie9 .button-mini-demo-1{background:url('../img/picasso-buttons-mini.png');background-position:right -1px}.ie7 .button-mini-demo-1:hover,.ie8 .button-mini-demo-1:hover,.ie9 .button-mini-demo-1:hover{background-position:right -21px}.ie7 .button-mini-demo-1 span,.ie8 .button-mini-demo-1 span,.ie9 .button-mini-demo-1 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -1px}.ie7 .button-mini-demo-1 span:hover,.ie8 .button-mini-demo-1 span:hover,.ie9 .button-mini-demo-1 span:hover{background-position:0 -21px}.ie9 .button-mini-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-2{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(50%, #0077b3), color-stop(51%, #006699), color-stop(100%, #005580));background:-webkit-linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);background:-moz-linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);background:-o-linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);background:linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-2 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-2:hover{text-decoration:none;background:#0077b3}.button-mini-demo-2:active{background:#005580;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-2 span{color:#fff;font-size:11px}.ie7 .button-mini-demo-2,.ie8 .button-mini-demo-2,.ie9 .button-mini-demo-2{background:url('../img/picasso-buttons-mini.png');background-position:right -41px}.ie7 .button-mini-demo-2:hover,.ie8 .button-mini-demo-2:hover,.ie9 .button-mini-demo-2:hover{background-position:right -61px}.ie7 .button-mini-demo-2 span,.ie8 .button-mini-demo-2 span,.ie9 .button-mini-demo-2 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -41px}.ie7 .button-mini-demo-2 span:hover,.ie8 .button-mini-demo-2 span:hover,.ie9 .button-mini-demo-2 span:hover{background-position:0 -61px}.ie9 .button-mini-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-3{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da4f49), color-stop(50%, #d63b34), color-stop(51%, #c72f29), color-stop(100%, #b22a24));background:-webkit-linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:-moz-linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:-o-linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-3 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-3:hover{text-decoration:none;background:#d63b34}.button-mini-demo-3:active{background:#b22a24;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-3 span{color:#fff;font-size:11px}.ie7 .button-mini-demo-3,.ie8 .button-mini-demo-3,.ie9 .button-mini-demo-3{background:url('../img/picasso-buttons-mini.png');background-position:right -81px}.ie7 .button-mini-demo-3:hover,.ie8 .button-mini-demo-3:hover,.ie9 .button-mini-demo-3:hover{background-position:right -101px}.ie7 .button-mini-demo-3 span,.ie8 .button-mini-demo-3 span,.ie9 .button-mini-demo-3 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -81px}.ie7 .button-mini-demo-3 span:hover,.ie8 .button-mini-demo-3 span:hover,.ie9 .button-mini-demo-3 span:hover{background-position:0 -101px}.ie9 .button-mini-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-4{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #414141), color-stop(50%, #343434), color-stop(51%, #272727), color-stop(100%, #1b1b1b));background:-webkit-linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);background:-moz-linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);background:-o-linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);background:linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-4 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-4:hover{text-decoration:none;background:#343434}.button-mini-demo-4:active{background:#1b1b1b;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-4 span{color:#fff;font-size:11px}.ie7 .button-mini-demo-4,.ie8 .button-mini-demo-4,.ie9 .button-mini-demo-4{background:url('../img/picasso-buttons-mini.png');background-position:right -121px}.ie7 .button-mini-demo-4:hover,.ie8 .button-mini-demo-4:hover,.ie9 .button-mini-demo-4:hover{background-position:right -141px}.ie7 .button-mini-demo-4 span,.ie8 .button-mini-demo-4 span,.ie9 .button-mini-demo-4 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -121px}.ie7 .button-mini-demo-4 span:hover,.ie8 .button-mini-demo-4 span:hover,.ie9 .button-mini-demo-4 span:hover{background-position:0 -141px}.ie9 .button-mini-demo-4{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.list-grid-demo-1:before,.list-grid-demo-1:after{content:"";display:table}.list-grid-demo-1:after{clear:both}.ie6 .list-grid-demo-1,.ie7 .list-grid-demo-1{zoom:1}.list-grid-demo-1 ul{float:left;padding:0px;margin:0px;width:130px}.list-grid-demo-1 ul li{height:30px;line-height:30px;padding-left:10px;padding-right:10px}.list-grid-demo-1 ul{list-style:none outside none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc}.list-grid-demo-1 ul:first-child{border-left:1px solid #ccc}.list-grid-demo-1 ul li{text-align:center;border:1px solid transparent}.list-grid-demo-1 ul li:first-child{border-bottom:1px solid #ccc}.list-grid-demo-1 ul li:nth-child(odd){background:none repeat scroll 0 0 #eee}.list-grid-demo-1 ul li:nth-child(even){background:none repeat scroll 0 0 #fff}.list-grid-demo-1 ul li.cell-hover:hover{border:1px solid #319fda;background:#f4fafd;cursor:pointer}.ie7 .list-grid-demo-1 ul li:first-child,.ie8 .list-grid-demo-1 ul li:first-child{background:none repeat scroll 0 0 #eee}.ie7 .list-grid-demo-1 ul li.even,.ie8 .list-grid-demo-1 ul li.even{background:none repeat scroll 0 0 #fff}.ie7 .list-grid-demo-1 ul li.odd,.ie8 .list-grid-demo-1 ul li.odd{background:none repeat scroll 0 0 #eee}.nav-demo-1:before,.nav-demo-1:after{content:"";display:table}.nav-demo-1:after{clear:both}.ie6 .nav-demo-1,.ie7 .nav-demo-1{zoom:1}.nav-demo-1 ul{margin:0;padding:0;text-align:center;float:left}.nav-demo-1 ul:before,.nav-demo-1 ul:after{content:"";display:table}.nav-demo-1 ul:after{clear:both}.ie6 .nav-demo-1 ul,.ie7 .nav-demo-1 ul{zoom:1}.nav-demo-1 ul li{display:inline-block;height:40px;line-height:40px;float:left}.nav-demo-1 ul li a{display:block;padding:0 15px}.ie7 .nav-demo-1 ul li,.ie8 .nav-demo-1 ul li,.ie9 .nav-demo-1 ul li{height:46px}.nav-demo-1 ul{list-style:none;-webkit-box-shadow:0 6px 6px -6px #000;-moz-box-shadow:0 6px 6px -6px #000;box-shadow:0 6px 6px -6px #000}.nav-demo-1 ul li{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));background-image:-webkit-linear-gradient(#ffffff,#e6e6e6);background-image:-moz-linear-gradient(#ffffff,#e6e6e6);background-image:-o-linear-gradient(#ffffff,#e6e6e6);background-image:linear-gradient(#ffffff,#e6e6e6);border-left:1px solid #acacac;border-top:1px solid #acacac;border-bottom:1px solid #acacac}.nav-demo-1 ul li:hover{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);background-image:-moz-linear-gradient(#ffffff,#f2f2f2);background-image:-o-linear-gradient(#ffffff,#f2f2f2);background-image:linear-gradient(#ffffff,#f2f2f2)}.nav-demo-1 ul li:first-child{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}.nav-demo-1 ul li:last-child{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid #acacac}.nav-demo-1 ul li a{font-size:16px;font-family:sans-serif}.nav-demo-1 ul .active{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));background-image:-webkit-linear-gradient(#e6e6e6,#ffffff);background-image:-moz-linear-gradient(#e6e6e6,#ffffff);background-image:-o-linear-gradient(#e6e6e6,#ffffff);background-image:linear-gradient(#e6e6e6,#ffffff)}.ie7 .nav-demo-1 ul li,.ie8 .nav-demo-1 ul li,.ie9 .nav-demo-1 ul li{border-left:none;border-top:none;border-bottom:none;background:transparent url('../img/picasso-nav.png') no-repeat center -1px}.ie7 .nav-demo-1 ul li a,.ie8 .nav-demo-1 ul li a,.ie9 .nav-demo-1 ul li a{border-left:1px solid #acacac}.ie7 .nav-demo-1 ul li:hover,.ie8 .nav-demo-1 ul li:hover,.ie9 .nav-demo-1 ul li:hover{background:transparent url('../img/picasso-nav.png') center -47px no-repeat}.ie7 .nav-demo-1 ul li:first-child,.ie8 .nav-demo-1 ul li:first-child,.ie9 .nav-demo-1 ul li:first-child{background:transparent url('../img/picasso-nav.png') no-repeat left -1px}.ie7 .nav-demo-1 ul li:first-child a,.ie8 .nav-demo-1 ul li:first-child a,.ie9 .nav-demo-1 ul li:first-child a{border-left:none}.ie7 .nav-demo-1 ul li:first-child:hover,.ie8 .nav-demo-1 ul li:first-child:hover,.ie9 .nav-demo-1 ul li:first-child:hover{background:transparent url('../img/picasso-nav.png') left -47px no-repeat}.ie7 .nav-demo-1 ul li:first-child.active,.ie8 .nav-demo-1 ul li:first-child.active,.ie9 .nav-demo-1 ul li:first-child.active{background:transparent url('../img/picasso-nav.png') no-repeat left -47px}.ie7 .nav-demo-1 ul .last,.ie8 .nav-demo-1 ul .last,.ie9 .nav-demo-1 ul .last{background:transparent url('../img/picasso-nav.png') no-repeat right -47px}.ie7 .nav-demo-1 ul .last:hover,.ie8 .nav-demo-1 ul .last:hover,.ie9 .nav-demo-1 ul .last:hover{background:transparent url('../img/picasso-nav.png') right -47px no-repeat}.ie7 .nav-demo-1 ul .active,.ie8 .nav-demo-1 ul .active,.ie9 .nav-demo-1 ul .active{background:transparent url('../img/picasso-nav.png') no-repeat center -47px}.ie7 .nav-demo-1 ul .last.active,.ie8 .nav-demo-1 ul .last.active,.ie9 .nav-demo-1 ul .last.active{background:transparent url('../img/picasso-nav.png') no-repeat right -47px}.ie9 .nav-demo-1 ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ie9 .nav-demo-1 ul li:first-child{-moz-border-radius-topleft:none;-webkit-border-top-left-radius:none;border-top-left-radius:none;-moz-border-radius-bottomleft:none;-webkit-border-bottom-left-radius:none;border-bottom-left-radius:none}.ie9 .nav-demo-1 ul li:last-child{-moz-border-radius-topright:none;-webkit-border-top-right-radius:none;border-top-right-radius:none;-moz-border-radius-bottomright:none;-webkit-border-bottom-right-radius:none;border-bottom-right-radius:none;border:none}.popup-demo-1{padding:10px;position:absolute}.popup-demo-1:after,.ie7 .popup-demo-1 .after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0}.popup-demo-1 .popup-header h4{line-height:20px;padding:10px}.popup-demo-1 .popup-container{z-index:1;position:relative}.popup-demo-1 .popup-arrow{position:absolute;height:0px;width:0px}.popup-demo-1 .popup-arrow-bottom{bottom:-10px;left:10px}.popup-demo-1 .popup-arrow-top{top:-10px;left:10px}.popup-demo-1 .popup-arrow-left{left:-10px;top:10px}.popup-demo-1 .popup-arrow-right{right:-10px;top:10px}.popup-demo-1 .popup-close{position:absolute;z-index:10;text-align:center;line-height:17px;height:20px;width:20px;top:-13px;right:-13px}.ie7 .popup-demo-1 .popup-close,.ie8 .popup-demo-1 .popup-close{line-height:23px;height:26px;width:26px;top:-13px;right:-13px}.ie7 .popup-demo-1{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.popup-demo-1:after,.ie7 .popup-demo-1 .after{background:rgba(0,0,0,0.7);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;box-shadow:rgba(0,0,0,0.5) 0px 0px 10px}.popup-demo-1 .popup-header{background:none repeat scroll 0 0 #f7f7f7;display:block}.popup-demo-1 .popup-header h4{margin:0;color:#003770;font-family:sans-serif;font-size:16px;font-weight:normal}.popup-demo-1 .popup-content{background:#fff;border:1px solid transparent}.popup-demo-1 .popup-arrow-bottom{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-arrow-top{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-arrow-left{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-arrow-right{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-close{cursor:pointer;border:3px solid #fff;color:#fff;font-weight:bold;font-family:sans-serif;font-size:16px;background:#319fda;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;box-shadow:rgba(0,0,0,0.5) 0px 0px 10px}.ie7 .popup-demo-1:after,.ie7 .popup-demo-1 .after,.ie8 .popup-demo-1:after,.ie8 .popup-demo-1 .after{background:#000;filter:alpha(opacity=70)}.ie7 .popup-demo-1 .popup-arrow,.ie8 .popup-demo-1 .popup-arrow{filter:alpha(opacity=70)}.ie7 .popup-demo-1 .popup-arrow-bottom,.ie8 .popup-demo-1 .popup-arrow-bottom{border-top:10px solid #000}.ie7 .popup-demo-1 .popup-arrow-top,.ie8 .popup-demo-1 .popup-arrow-top{border-bottom:10px solid #000}.ie7 .popup-demo-1 .popup-arrow-left,.ie8 .popup-demo-1 .popup-arrow-left{border-right:10px solid #000}.ie7 .popup-demo-1 .popup-arrow-right,.ie8 .popup-demo-1 .popup-arrow-right{border-left:10px solid #000}.ie7 .popup-demo-1 .popup-close,.ie8 .popup-demo-1 .popup-close{border-width:0px;background-color:transparent;background:url('../img/picasso-popup.png');background-position:0px -1px}.popup-demo-2{padding:10px;position:absolute;color:white}.popup-demo-2:after,.ie7 .popup-demo-2 .after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0}.popup-demo-2 .popup-header h4{line-height:20px;padding:10px}.popup-demo-2 .popup-container{z-index:1;position:relative}.popup-demo-2 .popup-arrow{position:absolute;height:0px;width:0px}.popup-demo-2 .popup-arrow-bottom{bottom:-10px;left:10px}.popup-demo-2 .popup-arrow-top{top:-10px;left:10px}.popup-demo-2 .popup-arrow-left{left:-10px;top:10px}.popup-demo-2 .popup-arrow-right{right:-10px;top:10px}.popup-demo-2 .popup-close{position:absolute;z-index:10;text-align:center;line-height:17px;height:20px;width:20px;top:-13px;right:-13px}.ie7 .popup-demo-2 .popup-close,.ie8 .popup-demo-2 .popup-close{line-height:23px;height:26px;width:26px;top:-13px;right:-13px}.ie7 .popup-demo-2{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.popup-demo-2:after,.ie7 .popup-demo-2 .after{background:rgba(128,128,128,0.5);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0px 0px 5px #333;-moz-box-shadow:0px 0px 5px #333;box-shadow:0px 0px 5px #333}.popup-demo-2 .popup-header{background:#fff;display:block}.popup-demo-2 .popup-header h4{margin:0;color:#000;font-family:sans-serif;font-size:16px;font-weight:normal}.popup-demo-2 .popup-content{background:#000;border:1px solid transparent}.popup-demo-2 .popup-arrow-bottom{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-arrow-top{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-arrow-left{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-arrow-right{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-close{cursor:pointer;border:3px solid #fff;color:#fff;font-weight:bold;font-family:sans-serif;font-size:16px;background:#000;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:0px 0px 5px #333;-moz-box-shadow:0px 0px 5px #333;box-shadow:0px 0px 5px #333}.ie7 .popup-demo-2:after,.ie7 .popup-demo-2 .after,.ie8 .popup-demo-2:after,.ie8 .popup-demo-2 .after{background:gray;filter:alpha(opacity=50)}.ie7 .popup-demo-2 .popup-arrow,.ie8 .popup-demo-2 .popup-arrow{filter:alpha(opacity=50)}.ie7 .popup-demo-2 .popup-arrow-bottom,.ie8 .popup-demo-2 .popup-arrow-bottom{border-top:10px solid gray}.ie7 .popup-demo-2 .popup-arrow-top,.ie8 .popup-demo-2 .popup-arrow-top{border-bottom:10px solid gray}.ie7 .popup-demo-2 .popup-arrow-left,.ie8 .popup-demo-2 .popup-arrow-left{border-right:10px solid gray}.ie7 .popup-demo-2 .popup-arrow-right,.ie8 .popup-demo-2 .popup-arrow-right{border-left:10px solid gray}.ie7 .popup-demo-2 .popup-close,.ie8 .popup-demo-2 .popup-close{border-width:0px;background-color:transparent;background:url('../img/picasso-popup.png');background-position:0px -27px}.bubble-demo-1{padding:10px;display:block;width:auto;position:relative;background:#eee;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.bubble-demo-1:after,.ie7 .bubble-demo-1 .after{content:"";position:absolute;bottom:-15px;right:20px;width:0;height:0}.ie7 .bubble-demo-1{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.bubble-demo-1 blockquote{color:#999}.bubble-demo-1:after,.ie7 .bubble-demo-1 .after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #eee}.accordion-demo-1{border:1px solid #ccc}.accordion-demo-1 .accordion-section{margin-top:1px}.accordion-demo-1 .accordion-section:first-child{margin-top:0}.accordion-demo-1 .accordion-header{padding:0.4em 10px;overflow:hidden}.accordion-demo-1 .accordion-header h4{margin:0;float:left}.accordion-demo-1 .accordion-header .accordion-arrow{float:right}.accordion-demo-1 .accordion-header{background-color:#013d93;color:#fff;cursor:pointer;font-size:0.8em;line-height:0.8em}.accordion-demo-1 .accordion-header.accordion-header-open .accordion-arrow:after{content:"\25BC"}.accordion-demo-1 .accordion-header.accordion-header-close .accordion-arrow:after{content:"\25BA"}.pagination-demo-1{text-align:center}.pagination-demo-1 ul{display:inline-block}.pagination-demo-1 ul li{display:inline-block;height:27px;text-align:center;float:left;margin-left:2px;margin-right:2px}.pagination-demo-1 ul li a{display:block;line-height:27px;min-width:27px}.pagination-demo-1 ul .prev{margin:0 10px 0 0}.pagination-demo-1 ul .next{margin:0 0 0 10px}.pagination-demo-1 ul .disabled{display:none}.pagination-demo-1 li{background:#eee;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;list-style:none}.pagination-demo-1 li a{color:#319fda}.pagination-demo-1 li a:hover{color:#fff;text-decoration:none}.pagination-demo-1 li:hover{background:#013d93}.pagination-demo-1 .active,.pagination-demo-1 .prev,.pagination-demo-1 .next,.pagination-demo-1 .dots{background:none;border:none}.pagination-demo-1 .active a:hover,.pagination-demo-1 .prev a:hover,.pagination-demo-1 .next a:hover,.pagination-demo-1 .dots a:hover{color:#319fda}.pagination-demo-1 .active:hover,.pagination-demo-1 .prev:hover,.pagination-demo-1 .next:hover,.pagination-demo-1 .dots:hover{background:none}.pagination-demo-1 .prev:hover,.pagination-demo-1 .next:hover{text-decoration:underline}.pagination-demo-1 .active a,.pagination-demo-1 .dots a{color:#888;cursor:default;text-decoration:none}.pagination-demo-1 .active a:hover,.pagination-demo-1 .dots a:hover{color:#888;text-decoration:none}.text-input-demo-1{width:200px;height:20px;line-height:20px;padding:1px;border:1px solid #ddd;border-top:1px solid #919191;color:#333;font-size:11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset}.text-input-demo-1:focus{outline:0;border:1px solid #319fda;-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0}.select-demo-1{width:200px;height:20px;line-height:20px;padding:1px;border:1px solid #ddd;border-top:1px solid #919191;color:#333;font-size:11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset}.select-demo-1:focus{outline:0;border:1px solid #319fda;-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0}.arrow-demo-1,.arrow-demo-2,.arrow-demo-3,.arrow-demo-4{margin:0 10px 0 0}.arrow-demo-1{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#888;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-1:after,.ie7 .arrow-demo-1 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-1{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-1:after,.ie7 .arrow-demo-1 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #888}.arrow-demo-2{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#b94a48;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-2:after,.ie7 .arrow-demo-2 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-2{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-2:after,.ie7 .arrow-demo-2 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #b94a48}.arrow-demo-3{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#f89406;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-3:after,.ie7 .arrow-demo-3 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-3{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-3:after,.ie7 .arrow-demo-3 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #f89406}.arrow-demo-4{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#468847;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-4:after,.ie7 .arrow-demo-4 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-4{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-4:after,.ie7 .arrow-demo-4 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #468847}.container{width:90%;max-width:1200px;min-width:950px}.row-col{width:100%}.row-col:before,.row-col:after{content:"";display:table}.row-col:after{clear:both}.ie6 .row-col,.ie7 .row-col{zoom:1}.row-col [class^="col"]{width:100%;min-height:25px;display:block;float:left;margin-left:2.174%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-col [class^="col"]:first-child{margin-left:0}.row-col [class^="col"] img{max-width:100%}.row-col .col1{width:6.341%}.ie7 .row-col .col1{width:6.249%}.row-col [class^="col"].offset1{margin-left:10.507%}.row-col [class^="col"].offset1:first-child{margin-left:8.424%}.row-col .col2{width:14.855%}.ie7 .row-col .col2{width:14.763%}.row-col [class^="col"].offset2{margin-left:19.022%}.row-col [class^="col"].offset2:first-child{margin-left:16.938%}.row-col .col3{width:23.37%}.ie7 .row-col .col3{width:23.278%}.row-col [class^="col"].offset3{margin-left:27.536%}.row-col [class^="col"].offset3:first-child{margin-left:25.453%}.row-col .col4{width:31.884%}.ie7 .row-col .col4{width:31.792%}.row-col [class^="col"].offset4{margin-left:36.051%}.row-col [class^="col"].offset4:first-child{margin-left:33.967%}.row-col .col5{width:40.399%}.ie7 .row-col .col5{width:40.307%}.row-col [class^="col"].offset5{margin-left:44.565%}.row-col [class^="col"].offset5:first-child{margin-left:42.482%}.row-col .col6{width:48.913%}.ie7 .row-col .col6{width:48.821%}.row-col [class^="col"].offset6{margin-left:53.08%}.row-col [class^="col"].offset6:first-child{margin-left:50.996%}.row-col .col7{width:57.428%}.ie7 .row-col .col7{width:57.336%}.row-col [class^="col"].offset7{margin-left:61.594%}.row-col [class^="col"].offset7:first-child{margin-left:59.511%}.row-col .col8{width:65.942%}.ie7 .row-col .col8{width:65.85%}.row-col [class^="col"].offset8{margin-left:70.109%}.row-col [class^="col"].offset8:first-child{margin-left:68.025%}.row-col .col9{width:74.457%}.ie7 .row-col .col9{width:74.365%}.row-col [class^="col"].offset9{margin-left:78.623%}.row-col [class^="col"].offset9:first-child{margin-left:76.54%}.row-col .col10{width:82.971%}.ie7 .row-col .col10{width:82.879%}.row-col [class^="col"].offset10{margin-left:87.138%}.row-col [class^="col"].offset10:first-child{margin-left:85.054%}.row-col .col11{width:91.486%}.ie7 .row-col .col11{width:91.394%}.row-col [class^="col"].offset11{margin-left:95.652%}.row-col [class^="col"].offset11:first-child{margin-left:93.569%}.row-col .col12{width:100%}.row-col [class^="col"].offset12{margin-left:104.167%}.row-col [class^="col"].offset12:first-child{margin-left:102.083%}.row-col{margin:10px 0}[class^="col"]{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#CCC}[class^="col"] [class^="col"]{background:#AAA}[class^="col"] [class^="col"] [class^="col"]{background:#696969;color:#C0C0C0}.clearfix-demo{background:#58608D;width:90%;padding:10px}.clearfix-demo:before,.clearfix-demo:after{content:"";display:table}.clearfix-demo:after{clear:both}.ie6 .clearfix-demo,.ie7 .clearfix-demo{zoom:1}.clearfix-demo div{background:white}.despegar-size-1-demo{font-size:11px}.despegar-size-2-demo{font-size:13px}.despegar-size-3-demo{font-size:16px}.despegar-size-4-demo{font-size:20px}.despegar-size-5-demo{font-size:24px}.despegar-size-6-demo{font-size:28px}.despegar-black-demo{padding:10px;background:#000;color:white}.despegar-white-demo{padding:10px;background:#fff}.despegar-yellow-demo{padding:10px;background:#ff3}.despegar-red-demo{padding:10px;background:red}.despegar-blue-demo{padding:10px;background:#013d93;color:white}.despegar-gray-1-demo{padding:10px;background:#222;color:white}.despegar-gray-2-demo{padding:10px;background:#444;color:white}.despegar-gray-3-demo{padding:10px;background:#666;color:white}.despegar-gray-4-demo{padding:10px;background:#888;color:white}.despegar-gray-5-demo{padding:10px;background:#aaa;color:white}.despegar-gray-6-demo{padding:10px;background:#ccc}.despegar-gray-7-demo{padding:10px;background:#eee}.despegar-searchbox-bg-demo{padding:10px;background:#ff3}.despegar-title-color-demo{padding:10px;background:#013d93;color:white}.despegar-titlealt-color-demo{padding:10px;background:#f90}.despegar-link-color-demo{padding:10px;background:#319fda}.despegar-link-color-hover-demo{padding:10px;background:#6cf}.despegar-error-bg-demo{padding:10px;background:#ffe6e6}.despegar-error-border-demo{padding:10px;background:red}.despegar-warning-bg-demo{padding:10px;background:#ffffe1}.despegar-warning-border-demo{padding:10px;background:#fc3}
3
+ </style><!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]--></head><body class="picasso-"><section class="container"><aside><h1><a href="index.html">Docs</a></h1><nav><ul><li><a href="_picasso.html">_picasso
4
+ </a></li><li><p>picasso</p><ul><li><a href="picasso-_components.html">_components
4
5
  </a></li><li><a href="picasso-_despegar.html">_despegar
5
6
  </a></li><li><a href="picasso-_utils.html">_utils
6
- </a></li></ul><strong class="styledocco-nav-heading">components</strong><ul class="styledocco-nav"><li><a href="picasso-components-_accordions.html">_accordions
7
+ </a></li></ul></li><li><p>components</p><ul><li><a href="picasso-components-_accordions.html">_accordions
7
8
  </a></li><li><a href="picasso-components-_arrows.html">_arrows
8
9
  </a></li><li><a href="picasso-components-_bubbles.html">_bubbles
9
10
  </a></li><li><a href="picasso-components-_buttons.html">_buttons
10
11
  </a></li><li><a href="picasso-components-_inputs.html">_inputs
11
12
  </a></li><li><a href="picasso-components-_list-grids.html">_list-grids
12
- </a></li><li><a href="picasso-components-_mini-tooltips.html">_mini-tooltips
13
13
  </a></li><li><a href="picasso-components-_navs.html">_navs
14
14
  </a></li><li><a href="picasso-components-_pagination.html">_pagination
15
15
  </a></li><li><a href="picasso-components-_popups.html">_popups
16
- </a></li></ul><strong class="styledocco-nav-heading">buttons</strong><ul class="styledocco-nav"><li><a href="picasso-components-buttons-_3d.html">_3d
16
+ </a></li><li><a href="picasso-components-_tooltips.html">_tooltips
17
+ </a></li></ul></li><li><p>buttons</p><ul><li><a href="picasso-components-buttons-_3d.html">_3d
17
18
  </a></li><li><a href="picasso-components-buttons-_glossy.html">_glossy
18
19
  </a></li><li><a href="picasso-components-buttons-_mini.html">_mini
19
- </a></li></ul><strong class="styledocco-nav-heading">despegar</strong><ul class="styledocco-nav"><li><a href="picasso-despegar-_variables.html">_variables
20
- </a></li></ul><strong class="styledocco-nav-heading">utils</strong><ul class="styledocco-nav"><li><a href="picasso-utils-_clearfix.html">_clearfix
20
+ </a></li></ul></li><li><p>despegar</p><ul><li><a href="picasso-despegar-_variables.html">_variables
21
+ </a></li></ul></li><li><p>utils</p><ul><li><a href="picasso-utils-_clearfix.html">_clearfix
21
22
  </a></li><li><a href="picasso-utils-_grid.html">_grid
22
23
  </a></li><li><a href="picasso-utils-_ie.html">_ie
23
24
  </a></li><li><a href="picasso-utils-_sprite.html">_sprite
24
- </a></li></ul></div><div class="styledocco-main"><div id="section-1" class="styledocco-section"><div class="styledocco-docs"><a href="#section-1" class="pilcrow">&#182;</a><p><img src="img/picasso.png" alt="Picasso. Framework CSS/Sass." title="Picasso. Framework CSS/Sass.">
25
+ </a></li></ul></li></ul></nav></aside><section class="content"><article id="" class="section"><div class="docs"><p><img src="img/picasso.png" alt="Picasso. Framework CSS/Sass." title="Picasso. Framework CSS/Sass.">
25
26
 
26
27
  </p>
27
28
  <h3>Framework CSS/Sass.</h3>
28
29
  <p><a href="http://gitorious.despegar.it/picasso/picasso">http://gitorious.despegar.it/picasso/picasso</a>
29
30
 
30
31
 
32
+
33
+
31
34
  </p>
32
- <hr>
33
- <h1>Instalaci&oacute;n</h1>
34
- <p>Ejecutar:
35
+ </div></article><article id="instalacioacuten" class="section"><div class="docs"><h1>Instalaci&oacute;n</h1><a href="#instalacioacuten" class="permalink ir">Instalaci&oacute;n</a><p>Ejecutar:
35
36
 
36
37
  </p>
37
- <pre><code>$ (sudo) gem install picasso</code></pre>
38
+ <pre><code class="lang-bash">$ (sudo) gem install picasso</code></pre>
38
39
  <blockquote>
39
40
  <p>Opcional: <a href="#oily-png">Instalaci&oacute;n de oily_png</a>.
40
41
 
@@ -43,36 +44,48 @@
43
44
  <p>En el <code>config.rb</code> agregar:
44
45
 
45
46
  </p>
46
- <pre><code>require &#39;picasso&#39;
47
+ <pre><code class="lang-ruby">require &#39;picasso&#39;
47
48
  require &#39;magick&#39;
48
- gem &#39;picasso&#39;, &#39;~&gt; 0.3.0&#39;</code></pre>
49
+ gem &#39;picasso&#39;, &#39;~&gt; 0.3.3&#39;</code></pre>
49
50
  <p>Modificar el n&uacute;mero de versi&oacute;n a medida que se quiere usar nuevas versiones del framework.
50
51
 
51
52
  </p>
52
53
  <p>Finalmente, en el archivo Sass importar el framework completo:
53
54
 
54
55
  </p>
55
- <pre><code>@import &quot;picasso&quot;;</code></pre>
56
+ <pre><code class="lang-scss">@import &quot;picasso&quot;;</code></pre>
56
57
  <p>o s&oacute;lo lo necesario:
57
58
 
58
59
  </p>
59
- <pre><code>@import &quot;picasso/components/buttons&quot;;
60
+ <pre><code class="lang-scss">@import &quot;picasso/components/buttons&quot;;
60
61
  @import &quot;picasso/despegar/variables&quot;;</code></pre>
61
- <h1>Actualizaci&oacute;n</h1>
62
- <pre><code>$ (sudo) gem update picasso</code></pre>
63
- <h1><a id="oily-png"></a>Opcional: Instalaci&oacute;n de oily_png</h1>
62
+ <h2>Actualizaci&oacute;n</h2>
63
+ <pre><code class="lang-bash">$ (sudo) gem update picasso</code></pre>
64
+ <h2><a id="oily-png"></a>Opcional: Instalaci&oacute;n de oily_png</h2>
64
65
  <p><a href="https://github.com/wvanbergen/oily_png/">oily_png</a> es una gema que permite acelerar la creaci&oacute;n de im&aacute;genes din&aacute;micas. Se recomienda su instalaci&oacute;n en caso de utilizar Picasso para la creaci&oacute;n de sprites.
65
66
 
66
67
  </p>
67
- <h2>Windows</h2>
68
+ <h3>Windows</h3>
68
69
  <p>Bajar el paquete <a href="http://rubyinstaller.org/downloads/">Development Kit</a>. Extraer dicho paquete en una ruta conocida (por ejemplo <code>C:\DevKit</code>). Abrir una consola, ir a la ruta en donde se pusieron los archivos del <em>Development Kit</em> y ejecutar <code>ruby dk.rb init</code> y luego <code>ruby dk.rb install</code>.
69
70
 
70
71
  </p>
71
- <h2>Linux</h2>
72
- <pre><code>$ (sudo) apt-get update
72
+ <h3>Linux</h3>
73
+ <pre><code class="lang-bash">$ (sudo) apt-get update
73
74
  $ (sudo) apt-get install ruby-oily-png</code></pre>
74
- <hr>
75
- <h1><a id="changelog"></a>Changelog</h1>
75
+ </div></article><article id="changelog" class="section"><div class="docs"><h1>Changelog</h1><a href="#changelog" class="permalink ir">Changelog</a><h2>0.3.3</h2>
76
+ <ul>
77
+ <li>Se utiliza <code>image-url</code> en lugar de <code>generated-image-url</code> para la URL de los sprites;</li>
78
+ </ul>
79
+ <h2>0.3.2</h2>
80
+ <ul>
81
+ <li>El indicador del tooltip se posiciona en la mitad del componente;</li>
82
+ <li>Fix posici&oacute;n del indicador del tooltip en Chrome/Safari;</li>
83
+ </ul>
84
+ <h2>0.3.1</h2>
85
+ <ul>
86
+ <li>Refactor de componente tooltip;</li>
87
+ <li>Refactor de componente accordion;</li>
88
+ </ul>
76
89
  <h2>0.3.0</h2>
77
90
  <ul>
78
91
  <li>Nueva utilidad: Grillas;</li>
@@ -155,8 +168,10 @@ $ (sudo) apt-get install ruby-oily-png</code></pre>
155
168
  <li>Versi&oacute;n inicial.</li>
156
169
  <li>Agregadas las variables de la marca Despegar y clearfix.</li>
157
170
  </ul>
158
- <hr>
159
- <h1>Todo</h1>
171
+ </div></article><article id="todo" class="section"><div class="docs"><h1>Todo</h1><a href="#todo" class="permalink ir">Todo</a><h2>General</h2>
172
+ <ul>
173
+ <li>Utilizar em para el tama&ntilde;o tipogr&aacute;fico de los componentes.</li>
174
+ </ul>
160
175
  <h2>Componentes</h2>
161
176
  <ul>
162
177
  <li>Tabs;</li>
@@ -173,22 +188,20 @@ $ (sudo) apt-get install ruby-oily-png</code></pre>
173
188
  <li>Creaci&oacute;n de sprites: Implementar API para poder detectar si un archivo ya existe.</li>
174
189
  <li>Mejoras en la documentaci&oacute;n especificando variables por defecto de cada componente y mejor descripci&oacute;n de sus par&aacute;metros.</li>
175
190
  </ul>
176
- <hr>
177
- <h1>Mejoras / A&ntilde;adidos</h1>
178
- <h2>Utilizar el c&oacute;digo fuente</h2>
191
+ </div></article><article id="mejoras-antildeadidos" class="section"><div class="docs"><h1>Mejoras / A&ntilde;adidos</h1><a href="#mejoras-antildeadidos" class="permalink ir">Mejoras / A&ntilde;adidos</a><h2>Utilizar el c&oacute;digo fuente</h2>
179
192
  <ul>
180
193
  <li>Clonar el repositorio de Picasso:</li>
181
194
  </ul>
182
- <pre><code>$ git clone git@gitorious.despegar.it:picasso/picasso.git</code></pre>
195
+ <pre><code class="lang-bash">$ git clone git@gitorious.despegar.it:picasso/picasso.git</code></pre>
183
196
  <ul>
184
197
  <li>Pasarse al branch <code>development</code>:</li>
185
198
  </ul>
186
- <pre><code>$ cd picasso
199
+ <pre><code class="lang-bash">$ cd picasso
187
200
  $ git checkout --track origin/development</code></pre>
188
201
  <ul>
189
202
  <li>Verificar que se esta parado en dicho branch:</li>
190
203
  </ul>
191
- <pre><code>$ git branch</code></pre>
204
+ <pre><code class="lang-bash">$ git branch</code></pre>
192
205
  <h2>Pruebas locales de nuevos a&ntilde;adidos/cambios:</h2>
193
206
  <ul>
194
207
  <li>En la carpeta del proyecto donde se encuentra el archivo <code>config.rb</code>, crear una carpeta <code>extensions</code>.</li>
@@ -204,7 +217,7 @@ En caso de agregar alguna funcionalidad nueva, tomar de ejemplo alg&uacute;n com
204
217
  <ul>
205
218
  <li>Una vez realizados los cambios o a&ntilde;adidos, subirlos al repositorio:</li>
206
219
  </ul>
207
- <pre><code>$ git status
220
+ <pre><code class="lang-bash">$ git status
208
221
  $ git add &lt;archivos a subir&gt;;
209
222
  $ git commit -m &quot;&lt;un mensaje descriptivo del commit&gt;&quot;
210
223
  $ git push</code></pre>
@@ -215,22 +228,23 @@ $ git push</code></pre>
215
228
  </p>
216
229
  </blockquote>
217
230
  <h2>Generar la documentaci&oacute;n</h2>
231
+ <p>Dentro de la carpeta <code>stylesheets</code>, existen archivos <code>.scss</code> que componen a Picasso. Cada archivo posee la documentaci&oacute;n pertinente que se utiliza para generar el documento final. La anotaci&oacute;n de la documentaci&oacute;n utiliza la sintaxis <a href="http://daringfireball.net/projects/markdown/basics">markdown</a>.
232
+
233
+ </p>
218
234
  <ul>
219
- <li><p>Para generar una nueva versi&oacute;n de la documentaci&oacute;n es necesario tener instalado node.js: <a href="http://nodejs.org/#download">http://nodejs.org/#download</a></p>
235
+ <li><p>Para generar los archivos HTML que componen la documentaci&oacute;n es necesario tener instalado node.js: <a href="http://nodejs.org/#download">http://nodejs.org/#download</a></p>
220
236
  </li>
221
- <li><p>Abrir una terminal e instalar <a href="https://github.com/jacobrask/styledocco">Styledocco</a>:</p>
237
+ <li><p>Luego abrir una terminal y pararse sobre la carpeta raiz del proyecto (picasso). Ejecutar:</p>
222
238
  </li>
223
239
  </ul>
224
- <pre><code>$ npm install -g styledocco</code></pre>
240
+ <pre><code class="lang-bash">$ npm install</code></pre>
225
241
  <ul>
226
- <li><p>Dentro de la carpeta <code>stylesheets</code>, existen archivos <code>.scss</code> que componen a Picasso. Cada archivo posee la documentaci&oacute;n pertinente que se utiliza para generar el documento final. La anotaci&oacute;n de la documentaci&oacute;n utiliza la sintaxis <a href="http://daringfireball.net/projects/markdown/basics">markdown</a>. </p>
227
- </li>
228
- <li><p>Pararse sobre la carpeta raiz del proyecto y ejecutar:</p>
229
- </li>
242
+ <li>Luego ejecutar:</li>
230
243
  </ul>
231
- <pre><code>$ compass compile docs/ &amp;&amp; styledocco --name &quot;Picasso&quot; --preprocessor &quot;--compass&quot; --resources docs/resources/ --include docs/css/picasso-docs.css stylesheets/</code></pre>
244
+ <pre><code class="lang-bash">$ compass compile docs/ &amp;&amp; ./node_modules/.bin/styledocco -s docs/resources/ --preprocessor &quot;sass --compass&quot; --include docs/css/picasso-demos.css stylesheets/</code></pre>
232
245
  <ul>
233
246
  <li>Revisar que la documentaci&oacute;n se haya generado correctamente abriendo el archivo <code>docs/index.html</code>.</li>
234
247
  </ul>
235
-
236
- </div></div></div></div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script>(function(){"use strict";var a=function(a){return Array.prototype.slice.call(a,0)},b=function(a,b){return a+b},c=["link","visited","hover","active","focus","target","enabled","disabled","checked"],d=new RegExp(":(("+c.join(")|(")+"))","gi"),e=a(document.styleSheets).filter(function(a){return a.href==null}).map(function(c){return a(c.cssRules).filter(function(a){return a.selectorText&&a.selectorText.match(d)}).map(function(a){return a.cssText.replace(d,".\\3A $1")}).reduce(b)}).reduce(b,"");if(e.length){var f=document.createElement("style");return f.innerText=e,document.querySelectorAll("head")[0].appendChild(f)}})(),$(document).ready(function(){$(".accordion-header").click(function(){var a=$(this),b=a.parent().find(".accordion-content");b.slideToggle("fast"),a.hasClass("accordion-header-open")?(a.removeClass("accordion-header-open"),a.addClass("accordion-header-close")):(a.removeClass("accordion-header-close"),a.addClass("accordion-header-open"))})})</script></body></html><!-- Generated with StyleDocco (http://jacobrask.github.com/styledocco). -->
248
+ </div></article></section></section><div class="bar bottom"><div class="settings container"><button title="Desktop (1280)" data-width='1280' class="desktop ir">Desktop</button><button title="Laptop (1024)" data-width='1024' class="laptop ir">Laptop</button><button title="Tablet (768)" data-width='768' class="tablet ir">Tablet</button><button title="Smart phone (320)" data-width='320' class="smartphone ir">Smart phone</button><button title="Feature phone (240)" data-width='240' class="featurephone ir">Feature phone</button><button title="Auto (100%)" data-width="100%" class="auto is-active">Auto</button></div></div><!--[if !IE]><!-->
249
+ <script src="docs.js"></script><!--<![endif]-->
250
+ </body></html><!-- Generated with StyleDocco (http://jacobrask.github.com/styledocco). -->
data/docs/config.rb CHANGED
@@ -3,9 +3,8 @@ require 'magick'
3
3
 
4
4
  css_dir = "css"
5
5
  sass_dir = "sass"
6
- #sass_options = { :cache => false }
7
6
  line_comments = false
8
- output_style = :expanded
7
+ output_style = :compressed
9
8
  add_import_path "../stylesheets"
10
9
 
11
10
  #Utilizar URLs relativas
data/docs/css/picasso-demos.css ADDED
@@ -0,0 +1 @@
1
+ body{font-family:sans-serif;font-size:16px;padding:20px 0}.ie7 .preview,.ie8 .preview,.ie9 .preview{padding:15px}.tooltip-demo-1{display:block;position:absolute;padding:0.267em;font-size:0.8em;background-color:#000;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#000 0 0 3px;-moz-box-shadow:#000 0 0 3px;box-shadow:#000 0 0 3px;left:20px}.tooltip-demo-1.tooltip-left:after,.ie7 .tooltip-demo-1.tooltip-left span{position:absolute;top:0;padding:0.267em 0;left:-0.82em;content:"\25C4"}.ie7 .tooltip-demo-1.tooltip-left{zoom:expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="&#9668;")}.tooltip-demo-1.tooltip-left:after,.ie7 .tooltip-demo-1 span{font-family:arial, sans-serif;font-size:1em;color:#000}.ie8 .tooltip-demo-1.tooltip-left:after{font-size:0.8em}.tooltip-demo-2{display:block;position:absolute;padding:0.267em;font-size:0.8em;background-color:#000;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#000 0 0 3px;-moz-box-shadow:#000 0 0 3px;box-shadow:#000 0 0 3px;left:140px}.tooltip-demo-2.tooltip-right:after,.ie7 .tooltip-demo-2.tooltip-right span{position:absolute;top:0;padding:0.267em 0;right:-0.82em;content:"\25BA"}.ie7 .tooltip-demo-2.tooltip-right{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="&#9658;")}.tooltip-demo-2.tooltip-right:after,.ie7 .tooltip-demo-2 span{font-family:arial, sans-serif;font-size:1em;color:#000}.ie8 .tooltip-demo-2.tooltip-right:after{font-size:0.8em}.tooltip-demo-3{display:block;position:absolute;padding:0.4em;font-size:1.2em;background-color:#0074cc;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#0074cc 0 0 3px;-moz-box-shadow:#0074cc 0 0 3px;box-shadow:#0074cc 0 0 3px;left:20px}.tooltip-demo-3.tooltip-left:after,.ie7 .tooltip-demo-3.tooltip-left span{position:absolute;top:0;padding:0.4em 0;left:-0.82em;content:"\25C4"}.ie7 .tooltip-demo-3.tooltip-left{zoom:expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="&#9668;")}.tooltip-demo-3.tooltip-left:after,.ie7 .tooltip-demo-3 span{font-family:arial, sans-serif;font-size:1em;color:#0074cc}.ie8 .tooltip-demo-3.tooltip-left:after{font-size:1.2em}.tooltip-demo-4{display:block;position:absolute;padding:0.4em;font-size:1.2em;background-color:#faa732;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:#faa732 0 0 3px;-moz-box-shadow:#faa732 0 0 3px;box-shadow:#faa732 0 0 3px;left:300px}.tooltip-demo-4.tooltip-right:after,.ie7 .tooltip-demo-4.tooltip-right span{position:absolute;top:0;padding:0.4em 0;right:-0.82em;content:"\25BA"}.ie7 .tooltip-demo-4.tooltip-right{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="&#9658;")}.tooltip-demo-4.tooltip-right:after,.ie7 .tooltip-demo-4 span{font-family:arial, sans-serif;font-size:1em;color:#faa732}.ie8 .tooltip-demo-4.tooltip-right:after{font-size:1.2em}.button-glossy-demo-1{width:90px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de1f2a), color-stop(100%, #c81c26)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b11922), color-stop(100%, #6e0f15));background:-webkit-linear-gradient(#de1f2a,#c81c26),-webkit-linear-gradient(#b11922,#6e0f15);background:-moz-linear-gradient(#de1f2a,#c81c26),-moz-linear-gradient(#b11922,#6e0f15);background:-o-linear-gradient(#de1f2a,#c81c26),-o-linear-gradient(#b11922,#6e0f15);background:linear-gradient(#de1f2a,#c81c26),linear-gradient(#b11922,#6e0f15);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-1:after,.button-glossy-demo-1:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-1:after{width:88px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-1:before{width:86px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-1 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-1 span{color:#fff}.button-glossy-demo-1:after,.button-glossy-demo-1:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-1:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #f2a4a8), color-stop(100%, #150304)) 50%;background:-webkit-linear-gradient(#f2a4a8 15%,#150304) 50%;background:-moz-linear-gradient(#f2a4a8 15%,#150304) 50%;background:-o-linear-gradient(#f2a4a8 15%,#150304) 50%;background:linear-gradient(#f2a4a8 15%,#150304) 50%}.button-glossy-demo-1:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de1f2a), color-stop(100%, #c81c26)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b11922), color-stop(100%, #6e0f15));background:-webkit-linear-gradient(#de1f2a,#c81c26),-webkit-linear-gradient(#b11922,#6e0f15);background:-moz-linear-gradient(#de1f2a,#c81c26),-moz-linear-gradient(#b11922,#6e0f15);background:-o-linear-gradient(#de1f2a,#c81c26),-o-linear-gradient(#b11922,#6e0f15);background:linear-gradient(#de1f2a,#c81c26),linear-gradient(#b11922,#6e0f15);background-position:left top,left 13px}.button-glossy-demo-1,.button-glossy-demo-1:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-1:hover{text-decoration:none;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e96168), color-stop(50%, #bf1b24), color-stop(100%, #f10c19));background:-webkit-linear-gradient(#e96168,#bf1b24,#f10c19);background:-moz-linear-gradient(#e96168,#bf1b24,#f10c19);background:-o-linear-gradient(#e96168,#bf1b24,#f10c19);background:linear-gradient(#e96168,#bf1b24,#f10c19)}.button-glossy-demo-1:hover:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4b1b5), color-stop(100%, #d11d27)) 50%;background:-webkit-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:-moz-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:-o-linear-gradient(#f4b1b5 20%,#d11d27) 50%;background:linear-gradient(#f4b1b5 20%,#d11d27) 50%}.button-glossy-demo-1:hover:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e96168), color-stop(50%, #bf1b24), color-stop(100%, #f10c19));background:-webkit-linear-gradient(#e96168,#bf1b24,#f10c19);background:-moz-linear-gradient(#e96168,#bf1b24,#f10c19);background:-o-linear-gradient(#e96168,#bf1b24,#f10c19);background:linear-gradient(#e96168,#bf1b24,#f10c19)}.button-glossy-demo-1:hover,.button-glossy-demo-1:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-1,.ie8 .button-glossy-demo-1,.ie9 .button-glossy-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -1px}.ie7 .button-glossy-demo-1:hover,.ie8 .button-glossy-demo-1:hover,.ie9 .button-glossy-demo-1:hover{background-position:0 -31px}.ie9 .button-glossy-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-glossy-demo-2{width:70px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0077b3)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006699), color-stop(100%, #00334d));background:-webkit-linear-gradient(#0088cc,#0077b3),-webkit-linear-gradient(#006699,#00334d);background:-moz-linear-gradient(#0088cc,#0077b3),-moz-linear-gradient(#006699,#00334d);background:-o-linear-gradient(#0088cc,#0077b3),-o-linear-gradient(#006699,#00334d);background:linear-gradient(#0088cc,#0077b3),linear-gradient(#006699,#00334d);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-2:after,.button-glossy-demo-2:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-2:after{width:68px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-2:before{width:66px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-2 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-2 span{color:#fff}.button-glossy-demo-2:after,.button-glossy-demo-2:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-2:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #66ccff), color-stop(100%, #000000)) 50%;background:-webkit-linear-gradient(#66ccff 15%,#000000) 50%;background:-moz-linear-gradient(#66ccff 15%,#000000) 50%;background:-o-linear-gradient(#66ccff 15%,#000000) 50%;background:linear-gradient(#66ccff 15%,#000000) 50%}.button-glossy-demo-2:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0077b3)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006699), color-stop(100%, #00334d));background:-webkit-linear-gradient(#0088cc,#0077b3),-webkit-linear-gradient(#006699,#00334d);background:-moz-linear-gradient(#0088cc,#0077b3),-moz-linear-gradient(#006699,#00334d);background:-o-linear-gradient(#0088cc,#0077b3),-o-linear-gradient(#006699,#00334d);background:linear-gradient(#0088cc,#0077b3),linear-gradient(#006699,#00334d);background-position:left top,left 13px}.button-glossy-demo-2,.button-glossy-demo-2:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-2:hover{text-decoration:none;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ab2ff), color-stop(50%, #0070a8), color-stop(100%, #0088cc));background:-webkit-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-moz-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-o-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:linear-gradient(#1ab2ff,#0070a8,#0088cc)}.button-glossy-demo-2:hover:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #75d1ff), color-stop(100%, #007ebd)) 50%;background:-webkit-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:-moz-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:-o-linear-gradient(#75d1ff 20%,#007ebd) 50%;background:linear-gradient(#75d1ff 20%,#007ebd) 50%}.button-glossy-demo-2:hover:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ab2ff), color-stop(50%, #0070a8), color-stop(100%, #0088cc));background:-webkit-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-moz-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:-o-linear-gradient(#1ab2ff,#0070a8,#0088cc);background:linear-gradient(#1ab2ff,#0070a8,#0088cc)}.button-glossy-demo-2:hover,.button-glossy-demo-2:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-2,.ie8 .button-glossy-demo-2,.ie9 .button-glossy-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -61px}.ie7 .button-glossy-demo-2:hover,.ie8 .button-glossy-demo-2:hover,.ie9 .button-glossy-demo-2:hover{background-position:0 -91px}.ie9 .button-glossy-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-glossy-demo-3{width:80px;height:30px;display:inline-block;text-align:center;position:relative;z-index:1;font-family:sans-serif;font-size:12px;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #faa937)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9f1e), color-stop(100%, #c77605));background:-webkit-linear-gradient(#fbb450,#faa937),-webkit-linear-gradient(#fa9f1e,#c77605);background:-moz-linear-gradient(#fbb450,#faa937),-moz-linear-gradient(#fa9f1e,#c77605);background:-o-linear-gradient(#fbb450,#faa937),-o-linear-gradient(#fa9f1e,#c77605);background:linear-gradient(#fbb450,#faa937),linear-gradient(#fa9f1e,#c77605);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-position:left top,left 15px}.button-glossy-demo-3:after,.button-glossy-demo-3:before{content:"";position:absolute;display:inline-block}.button-glossy-demo-3:after{width:78px;height:28px;left:1px;top:1px;z-index:2}.button-glossy-demo-3:before{width:76px;height:26px;left:2px;top:2px;z-index:3}.button-glossy-demo-3 span{position:relative;z-index:4;line-height:30px}.button-glossy-demo-3 span{color:#fff}.button-glossy-demo-3:after,.button-glossy-demo-3:before{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.button-glossy-demo-3:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #fef4e6), color-stop(100%, #633b02)) 50%;background:-webkit-linear-gradient(#fef4e6 15%,#633b02) 50%;background:-moz-linear-gradient(#fef4e6 15%,#633b02) 50%;background:-o-linear-gradient(#fef4e6 15%,#633b02) 50%;background:linear-gradient(#fef4e6 15%,#633b02) 50%}.button-glossy-demo-3:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #faa937)),-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9f1e), color-stop(100%, #c77605));background:-webkit-linear-gradient(#fbb450,#faa937),-webkit-linear-gradient(#fa9f1e,#c77605);background:-moz-linear-gradient(#fbb450,#faa937),-moz-linear-gradient(#fa9f1e,#c77605);background:-o-linear-gradient(#fbb450,#faa937),-o-linear-gradient(#fa9f1e,#c77605);background:linear-gradient(#fbb450,#faa937),linear-gradient(#fa9f1e,#c77605);background-position:left top,left 13px}.button-glossy-demo-3,.button-glossy-demo-3:before{background-size:100% 50%;background-repeat:no-repeat}.button-glossy-demo-3:hover{text-decoration:none;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd49b), color-stop(50%, #faa52d), color-stop(100%, #ffb54c));background:-webkit-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-moz-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-o-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:linear-gradient(#fdd49b,#faa52d,#ffb54c)}.button-glossy-demo-3:hover:after{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fffbf5), color-stop(100%, #fbae41)) 50%;background:-webkit-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:-moz-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:-o-linear-gradient(#fffbf5 20%,#fbae41) 50%;background:linear-gradient(#fffbf5 20%,#fbae41) 50%}.button-glossy-demo-3:hover:before{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd49b), color-stop(50%, #faa52d), color-stop(100%, #ffb54c));background:-webkit-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-moz-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:-o-linear-gradient(#fdd49b,#faa52d,#ffb54c);background:linear-gradient(#fdd49b,#faa52d,#ffb54c)}.button-glossy-demo-3:hover,.button-glossy-demo-3:hover:before{background-size:100% 100%;background-position:left top;background-repeat:no-repeat}.ie7 .button-glossy-demo-3,.ie8 .button-glossy-demo-3,.ie9 .button-glossy-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;background:url('../img/picasso-buttons-glossy.png');background-position:0 -121px}.ie7 .button-glossy-demo-3:hover,.ie8 .button-glossy-demo-3:hover,.ie9 .button-glossy-demo-3:hover{background-position:0 -151px}.ie9 .button-glossy-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none}.button-3d-demo-1{overflow:hidden;display:inline-block;line-height:2.2em;color:#fff;border:1px solid #c00811;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-1:active{position:relative;top:1px}.button-3d-demo-1.disabled:active{position:static}.button-3d-demo-1 span{display:block;padding:0 13px}.button-3d-demo-1:visited{color:#fff}.button-3d-demo-1:hover{text-decoration:none;color:#fff}.button-3d-demo-1 span{background-color:#f73741;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));background-image:-webkit-linear-gradient(#f73741,#8f060d);background-image:-moz-linear-gradient(#f73741,#8f060d);background-image:-o-linear-gradient(#f73741,#8f060d);background-image:linear-gradient(#f73741,#8f060d);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-1 span:hover{background-color:#ff2f3a;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #c00811));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#c00811);background-image:-moz-linear-gradient(rgba(255,255,255,0),#c00811);background-image:-o-linear-gradient(rgba(255,255,255,0),#c00811);background-image:linear-gradient(rgba(255,255,255,0),#c00811);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ff2f3a;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ff2f3a;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ff2f3a}.button-3d-demo-1 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));background-image:-webkit-linear-gradient(#f73741,#8f060d);background-image:-moz-linear-gradient(#f73741,#8f060d);background-image:-o-linear-gradient(#f73741,#8f060d);background-image:linear-gradient(#f73741,#8f060d);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-1.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-1.disabled span,.button-3d-demo-1.disabled span:hover,.button-3d-demo-1.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-1 span,.ie8 .button-3d-demo-1 span,.ie9 .button-3d-demo-1 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D')}.ie7 .button-3d-demo-1 span:hover,.ie8 .button-3d-demo-1 span:hover,.ie9 .button-3d-demo-1 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFC00811')}.ie7 .button-3d-demo-1 span:active,.ie8 .button-3d-demo-1 span:active,.ie9 .button-3d-demo-1 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D')}.ie7 .button-3d-demo-1.disabled span,.ie7 .button-3d-demo-1.disabled span:hover,.ie7 .button-3d-demo-1.disabled span:active,.ie8 .button-3d-demo-1.disabled span,.ie8 .button-3d-demo-1.disabled span:hover,.ie8 .button-3d-demo-1.disabled span:active,.ie9 .button-3d-demo-1.disabled span,.ie9 .button-3d-demo-1.disabled span:hover,.ie9 .button-3d-demo-1.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-2{overflow:hidden;display:inline-block;line-height:2.2em;color:#fff;border:1px solid #046;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-2:active{position:relative;top:1px}.button-3d-demo-2.disabled:active{position:static}.button-3d-demo-2 span{display:block;padding:0 13px}.button-3d-demo-2:visited{color:#fff}.button-3d-demo-2:hover{text-decoration:none;color:#fff}.button-3d-demo-2 span{background-color:#08c;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #002233));background-image:-webkit-linear-gradient(#0088cc,#002233);background-image:-moz-linear-gradient(#0088cc,#002233);background-image:-o-linear-gradient(#0088cc,#002233);background-image:linear-gradient(#0088cc,#002233);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-2 span:hover{background-color:#08c;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #004466));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#004466);background-image:-moz-linear-gradient(rgba(255,255,255,0),#004466);background-image:-o-linear-gradient(rgba(255,255,255,0),#004466);background-image:linear-gradient(rgba(255,255,255,0),#004466);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #08c;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #08c;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #08c}.button-3d-demo-2 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #002233));background-image:-webkit-linear-gradient(#0088cc,#002233);background-image:-moz-linear-gradient(#0088cc,#002233);background-image:-o-linear-gradient(#0088cc,#002233);background-image:linear-gradient(#0088cc,#002233);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-2.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-2.disabled span,.button-3d-demo-2.disabled span:hover,.button-3d-demo-2.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-2 span,.ie8 .button-3d-demo-2 span,.ie9 .button-3d-demo-2 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233')}.ie7 .button-3d-demo-2 span:hover,.ie8 .button-3d-demo-2 span:hover,.ie9 .button-3d-demo-2 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF004466')}.ie7 .button-3d-demo-2 span:active,.ie8 .button-3d-demo-2 span:active,.ie9 .button-3d-demo-2 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233')}.ie7 .button-3d-demo-2.disabled span,.ie7 .button-3d-demo-2.disabled span:hover,.ie7 .button-3d-demo-2.disabled span:active,.ie8 .button-3d-demo-2.disabled span,.ie8 .button-3d-demo-2.disabled span:hover,.ie8 .button-3d-demo-2.disabled span:active,.ie9 .button-3d-demo-2.disabled span,.ie9 .button-3d-demo-2.disabled span:hover,.ie9 .button-3d-demo-2.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-3{overflow:hidden;display:inline-block;line-height:2.2em;color:#fff;border:1px solid #e08505;font-family:sans-serif;font-size:13px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-3:active{position:relative;top:1px}.button-3d-demo-3.disabled:active{position:static}.button-3d-demo-3 span{display:block;padding:0 13px}.button-3d-demo-3:visited{color:#fff}.button-3d-demo-3:hover{text-decoration:none;color:#fff}.button-3d-demo-3 span{background-color:#fbb450;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));background-image:-webkit-linear-gradient(#fbb450,#ae6704);background-image:-moz-linear-gradient(#fbb450,#ae6704);background-image:-o-linear-gradient(#fbb450,#ae6704);background-image:linear-gradient(#fbb450,#ae6704);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-3 span:hover{background-color:#ffb54c;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #e08505));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#e08505);background-image:-moz-linear-gradient(rgba(255,255,255,0),#e08505);background-image:-o-linear-gradient(rgba(255,255,255,0),#e08505);background-image:linear-gradient(rgba(255,255,255,0),#e08505);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ffb54c;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ffb54c;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #ffb54c}.button-3d-demo-3 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));background-image:-webkit-linear-gradient(#fbb450,#ae6704);background-image:-moz-linear-gradient(#fbb450,#ae6704);background-image:-o-linear-gradient(#fbb450,#ae6704);background-image:linear-gradient(#fbb450,#ae6704);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-3.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-3.disabled span,.button-3d-demo-3.disabled span:hover,.button-3d-demo-3.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-3 span,.ie8 .button-3d-demo-3 span,.ie9 .button-3d-demo-3 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704')}.ie7 .button-3d-demo-3 span:hover,.ie8 .button-3d-demo-3 span:hover,.ie9 .button-3d-demo-3 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFE08505')}.ie7 .button-3d-demo-3 span:active,.ie8 .button-3d-demo-3 span:active,.ie9 .button-3d-demo-3 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704')}.ie7 .button-3d-demo-3.disabled span,.ie7 .button-3d-demo-3.disabled span:hover,.ie7 .button-3d-demo-3.disabled span:active,.ie8 .button-3d-demo-3.disabled span,.ie8 .button-3d-demo-3.disabled span:hover,.ie8 .button-3d-demo-3.disabled span:active,.ie9 .button-3d-demo-3.disabled span,.ie9 .button-3d-demo-3.disabled span:hover,.ie9 .button-3d-demo-3.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-4{overflow:hidden;display:block;line-height:2.2em;color:#fff;border:1px solid #00132e;font-family:sans-serif;font-size:24px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #000;-webkit-border-radius:0.4em;-moz-border-radius:0.4em;-ms-border-radius:0.4em;-o-border-radius:0.4em;border-radius:0.4em}.button-3d-demo-4:active{position:relative;top:1px}.button-3d-demo-4.disabled:active{position:static}.button-3d-demo-4 span{display:block;padding:0 24px}.button-3d-demo-4:visited{color:#fff}.button-3d-demo-4:hover{text-decoration:none;color:#fff}.button-3d-demo-4 span{background-color:#013d93;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));background-image:-webkit-linear-gradient(#013d93,#000000);background-image:-moz-linear-gradient(#013d93,#000000);background-image:-o-linear-gradient(#013d93,#000000);background-image:linear-gradient(#013d93,#000000);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-4 span:hover{background-color:#003d94;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #00132e));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#00132e);background-image:-moz-linear-gradient(rgba(255,255,255,0),#00132e);background-image:-o-linear-gradient(rgba(255,255,255,0),#00132e);background-image:linear-gradient(rgba(255,255,255,0),#00132e);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #003d94;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #003d94;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #003d94}.button-3d-demo-4 span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));background-image:-webkit-linear-gradient(#013d93,#000000);background-image:-moz-linear-gradient(#013d93,#000000);background-image:-o-linear-gradient(#013d93,#000000);background-image:linear-gradient(#013d93,#000000);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-4.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-4.disabled span,.button-3d-demo-4.disabled span:hover,.button-3d-demo-4.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-4 span,.ie8 .button-3d-demo-4 span,.ie9 .button-3d-demo-4 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000')}.ie7 .button-3d-demo-4 span:hover,.ie8 .button-3d-demo-4 span:hover,.ie9 .button-3d-demo-4 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF00132E')}.ie7 .button-3d-demo-4 span:active,.ie8 .button-3d-demo-4 span:active,.ie9 .button-3d-demo-4 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000')}.ie7 .button-3d-demo-4.disabled span,.ie7 .button-3d-demo-4.disabled span:hover,.ie7 .button-3d-demo-4.disabled span:active,.ie8 .button-3d-demo-4.disabled span,.ie8 .button-3d-demo-4.disabled span:hover,.ie8 .button-3d-demo-4.disabled span:active,.ie9 .button-3d-demo-4.disabled span,.ie9 .button-3d-demo-4.disabled span:hover,.ie9 .button-3d-demo-4.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-3d-demo-5{overflow:hidden;display:inline-block;line-height:1.75em;color:#013d93;border:1px solid #bbb;font-family:sans-serif;font-size:11px;text-decoration:none;text-align:center;cursor:pointer;text-shadow:0 1px 0 #b5b5b5;-webkit-border-radius:1.1em;-moz-border-radius:1.1em;-ms-border-radius:1.1em;-o-border-radius:1.1em;border-radius:1.1em}.button-3d-demo-5:active{position:relative;top:1px}.button-3d-demo-5.disabled:active{position:static}.button-3d-demo-5 span{display:block;padding:0 11px}.button-3d-demo-5:visited{color:#013d93}.button-3d-demo-5:hover{text-decoration:none;color:#013d93}.button-3d-demo-5 span{background-color:#eee;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));background-image:-webkit-linear-gradient(#eeeeee,#a2a2a2);background-image:-moz-linear-gradient(#eeeeee,#a2a2a2);background-image:-o-linear-gradient(#eeeeee,#a2a2a2);background-image:linear-gradient(#eeeeee,#a2a2a2);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5)}.button-3d-demo-5 span:hover{background-color:#f0ecec;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #bbbbbb));background-image:-webkit-linear-gradient(rgba(255,255,255,0),#bbbbbb);background-image:-moz-linear-gradient(rgba(255,255,255,0),#bbbbbb);background-image:-o-linear-gradient(rgba(255,255,255,0),#bbbbbb);background-image:linear-gradient(rgba(255,255,255,0),#bbbbbb);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #f0ecec;-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #f0ecec;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.5),inset 0 0 1em #f0ecec}.button-3d-demo-5 span:active{text-shadow:0 -1px 0 #b5b5b5;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));background-image:-webkit-linear-gradient(#eeeeee,#a2a2a2);background-image:-moz-linear-gradient(#eeeeee,#a2a2a2);background-image:-o-linear-gradient(#eeeeee,#a2a2a2);background-image:linear-gradient(#eeeeee,#a2a2a2);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1),inset 0 0.1em 0.2em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(0,0,0,0.1),inset 0 0 1em rgba(0,0,0,0.75)}.button-3d-demo-5.disabled{border:1px solid #755354;cursor:not-allowed;color:#fff}.button-3d-demo-5.disabled span,.button-3d-demo-5.disabled span:hover,.button-3d-demo-5.disabled span:active{text-shadow:0 -1px 0 #000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));background-image:-webkit-linear-gradient(#979797,#4b4b4b);background-image:-moz-linear-gradient(#979797,#4b4b4b);background-image:-o-linear-gradient(#979797,#4b4b4b);background-image:linear-gradient(#979797,#4b4b4b);-webkit-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);-moz-box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75);box-shadow:0 0.1em 0.1em rgba(0,0,0,0.5),inset 0 0.1em 0 rgba(255,255,255,0.25),inset 0 0 1em rgba(0,0,0,0.75)}.ie7 .button-3d-demo-5 span,.ie8 .button-3d-demo-5 span,.ie9 .button-3d-demo-5 span{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2')}.ie7 .button-3d-demo-5 span:hover,.ie8 .button-3d-demo-5 span:hover,.ie9 .button-3d-demo-5 span:hover{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFBBBBBB')}.ie7 .button-3d-demo-5 span:active,.ie8 .button-3d-demo-5 span:active,.ie9 .button-3d-demo-5 span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2')}.ie7 .button-3d-demo-5.disabled span,.ie7 .button-3d-demo-5.disabled span:hover,.ie7 .button-3d-demo-5.disabled span:active,.ie8 .button-3d-demo-5.disabled span,.ie8 .button-3d-demo-5.disabled span:hover,.ie8 .button-3d-demo-5.disabled span:active,.ie9 .button-3d-demo-5.disabled span,.ie9 .button-3d-demo-5.disabled span:hover,.ie9 .button-3d-demo-5.disabled span:active{*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B')}.button-mini-demo-1{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(51%, #d6d6d6), color-stop(100%, #cacaca));background:-webkit-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:-moz-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:-o-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);background:linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#d6d6d6 51%,#cacaca 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-1 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-1:hover{text-decoration:none;background:#e3e3e3}.button-mini-demo-1:active{background:#cacaca;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-1 span{color:#0e6695;font-size:11px}.ie7 .button-mini-demo-1,.ie8 .button-mini-demo-1,.ie9 .button-mini-demo-1{background:url('../img/picasso-buttons-mini.png');background-position:right -1px}.ie7 .button-mini-demo-1:hover,.ie8 .button-mini-demo-1:hover,.ie9 .button-mini-demo-1:hover{background-position:right -21px}.ie7 .button-mini-demo-1 span,.ie8 .button-mini-demo-1 span,.ie9 .button-mini-demo-1 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -1px}.ie7 .button-mini-demo-1 span:hover,.ie8 .button-mini-demo-1 span:hover,.ie9 .button-mini-demo-1 span:hover{background-position:0 -21px}.ie9 .button-mini-demo-1{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-2{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(50%, #0077b3), color-stop(51%, #006699), color-stop(100%, #005580));background:-webkit-linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);background:-moz-linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);background:-o-linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);background:linear-gradient(top, #0088cc 0%,#0077b3 50%,#006699 51%,#005580 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-2 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-2:hover{text-decoration:none;background:#0077b3}.button-mini-demo-2:active{background:#005580;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-2 span{color:#fff;font-size:11px}.ie7 .button-mini-demo-2,.ie8 .button-mini-demo-2,.ie9 .button-mini-demo-2{background:url('../img/picasso-buttons-mini.png');background-position:right -41px}.ie7 .button-mini-demo-2:hover,.ie8 .button-mini-demo-2:hover,.ie9 .button-mini-demo-2:hover{background-position:right -61px}.ie7 .button-mini-demo-2 span,.ie8 .button-mini-demo-2 span,.ie9 .button-mini-demo-2 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -41px}.ie7 .button-mini-demo-2 span:hover,.ie8 .button-mini-demo-2 span:hover,.ie9 .button-mini-demo-2 span:hover{background-position:0 -61px}.ie9 .button-mini-demo-2{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-3{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da4f49), color-stop(50%, #d63b34), color-stop(51%, #c72f29), color-stop(100%, #b22a24));background:-webkit-linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:-moz-linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:-o-linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);background:linear-gradient(top, #da4f49 0%,#d63b34 50%,#c72f29 51%,#b22a24 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-3 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-3:hover{text-decoration:none;background:#d63b34}.button-mini-demo-3:active{background:#b22a24;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-3 span{color:#fff;font-size:11px}.ie7 .button-mini-demo-3,.ie8 .button-mini-demo-3,.ie9 .button-mini-demo-3{background:url('../img/picasso-buttons-mini.png');background-position:right -81px}.ie7 .button-mini-demo-3:hover,.ie8 .button-mini-demo-3:hover,.ie9 .button-mini-demo-3:hover{background-position:right -101px}.ie7 .button-mini-demo-3 span,.ie8 .button-mini-demo-3 span,.ie9 .button-mini-demo-3 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -81px}.ie7 .button-mini-demo-3 span:hover,.ie8 .button-mini-demo-3 span:hover,.ie9 .button-mini-demo-3 span:hover{background-position:0 -101px}.ie9 .button-mini-demo-3{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.button-mini-demo-4{display:inline-block;height:20px;padding-right:10px;padding-right:10px;font-family:sans-serif;text-decoration:none;cursor:pointer;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #414141), color-stop(50%, #343434), color-stop(51%, #272727), color-stop(100%, #1b1b1b));background:-webkit-linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);background:-moz-linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);background:-o-linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);background:linear-gradient(top, #414141 0%,#343434 50%,#272727 51%,#1b1b1b 100%);-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:#333 0px 1px 2px 0px;-moz-box-shadow:#333 0px 1px 2px 0px;box-shadow:#333 0px 1px 2px 0px}.button-mini-demo-4 span{height:20px;line-height:20px;padding-left:10px;display:block}.button-mini-demo-4:hover{text-decoration:none;background:#343434}.button-mini-demo-4:active{background:#1b1b1b;-webkit-box-shadow:#999 0px 0px 3px 3px inset;-moz-box-shadow:#999 0px 0px 3px 3px inset;box-shadow:#999 0px 0px 3px 3px inset}.button-mini-demo-4 span{color:#fff;font-size:11px}.ie7 .button-mini-demo-4,.ie8 .button-mini-demo-4,.ie9 .button-mini-demo-4{background:url('../img/picasso-buttons-mini.png');background-position:right -121px}.ie7 .button-mini-demo-4:hover,.ie8 .button-mini-demo-4:hover,.ie9 .button-mini-demo-4:hover{background-position:right -141px}.ie7 .button-mini-demo-4 span,.ie8 .button-mini-demo-4 span,.ie9 .button-mini-demo-4 span{background-image:url('../img/picasso-buttons-mini.png');background-color:white;background-position:0 -121px}.ie7 .button-mini-demo-4 span:hover,.ie8 .button-mini-demo-4 span:hover,.ie9 .button-mini-demo-4 span:hover{background-position:0 -141px}.ie9 .button-mini-demo-4{-webkit-border-radius:none;-moz-border-radius:none;-ms-border-radius:none;-o-border-radius:none;border-radius:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.list-grid-demo-1:before,.list-grid-demo-1:after{content:"";display:table}.list-grid-demo-1:after{clear:both}.ie6 .list-grid-demo-1,.ie7 .list-grid-demo-1{zoom:1}.list-grid-demo-1 ul{float:left;padding:0px;margin:0px;width:130px}.list-grid-demo-1 ul li{height:30px;line-height:30px;padding-left:10px;padding-right:10px}.list-grid-demo-1 ul{list-style:none outside none;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc}.list-grid-demo-1 ul:first-child{border-left:1px solid #ccc}.list-grid-demo-1 ul li{text-align:center;border:1px solid transparent}.list-grid-demo-1 ul li:first-child{border-bottom:1px solid #ccc}.list-grid-demo-1 ul li:nth-child(odd){background:none repeat scroll 0 0 #eee}.list-grid-demo-1 ul li:nth-child(even){background:none repeat scroll 0 0 #fff}.list-grid-demo-1 ul li.cell-hover:hover{border:1px solid #319fda;background:#f4fafd;cursor:pointer}.ie7 .list-grid-demo-1 ul li:first-child,.ie8 .list-grid-demo-1 ul li:first-child{background:none repeat scroll 0 0 #eee}.ie7 .list-grid-demo-1 ul li.even,.ie8 .list-grid-demo-1 ul li.even{background:none repeat scroll 0 0 #fff}.ie7 .list-grid-demo-1 ul li.odd,.ie8 .list-grid-demo-1 ul li.odd{background:none repeat scroll 0 0 #eee}.nav-demo-1:before,.nav-demo-1:after{content:"";display:table}.nav-demo-1:after{clear:both}.ie6 .nav-demo-1,.ie7 .nav-demo-1{zoom:1}.nav-demo-1 ul{margin:0;padding:0;text-align:center;float:left}.nav-demo-1 ul:before,.nav-demo-1 ul:after{content:"";display:table}.nav-demo-1 ul:after{clear:both}.ie6 .nav-demo-1 ul,.ie7 .nav-demo-1 ul{zoom:1}.nav-demo-1 ul li{display:inline-block;height:40px;line-height:40px;float:left}.nav-demo-1 ul li a{display:block;padding:0 15px}.ie7 .nav-demo-1 ul li,.ie8 .nav-demo-1 ul li,.ie9 .nav-demo-1 ul li{height:46px}.nav-demo-1 ul{list-style:none;-webkit-box-shadow:0 6px 6px -6px #000;-moz-box-shadow:0 6px 6px -6px #000;box-shadow:0 6px 6px -6px #000}.nav-demo-1 ul li{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));background-image:-webkit-linear-gradient(#ffffff,#e6e6e6);background-image:-moz-linear-gradient(#ffffff,#e6e6e6);background-image:-o-linear-gradient(#ffffff,#e6e6e6);background-image:linear-gradient(#ffffff,#e6e6e6);border-left:1px solid #acacac;border-top:1px solid #acacac;border-bottom:1px solid #acacac}.nav-demo-1 ul li:hover{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background-image:-webkit-linear-gradient(#ffffff,#f2f2f2);background-image:-moz-linear-gradient(#ffffff,#f2f2f2);background-image:-o-linear-gradient(#ffffff,#f2f2f2);background-image:linear-gradient(#ffffff,#f2f2f2)}.nav-demo-1 ul li:first-child{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}.nav-demo-1 ul li:last-child{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid #acacac}.nav-demo-1 ul li a{font-size:16px;font-family:sans-serif}.nav-demo-1 ul .active{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));background-image:-webkit-linear-gradient(#e6e6e6,#ffffff);background-image:-moz-linear-gradient(#e6e6e6,#ffffff);background-image:-o-linear-gradient(#e6e6e6,#ffffff);background-image:linear-gradient(#e6e6e6,#ffffff)}.ie7 .nav-demo-1 ul li,.ie8 .nav-demo-1 ul li,.ie9 .nav-demo-1 ul li{border-left:none;border-top:none;border-bottom:none;background:transparent url('../img/picasso-nav.png') no-repeat center -1px}.ie7 .nav-demo-1 ul li a,.ie8 .nav-demo-1 ul li a,.ie9 .nav-demo-1 ul li a{border-left:1px solid #acacac}.ie7 .nav-demo-1 ul li:hover,.ie8 .nav-demo-1 ul li:hover,.ie9 .nav-demo-1 ul li:hover{background:transparent url('../img/picasso-nav.png') center -47px no-repeat}.ie7 .nav-demo-1 ul li:first-child,.ie8 .nav-demo-1 ul li:first-child,.ie9 .nav-demo-1 ul li:first-child{background:transparent url('../img/picasso-nav.png') no-repeat left -1px}.ie7 .nav-demo-1 ul li:first-child a,.ie8 .nav-demo-1 ul li:first-child a,.ie9 .nav-demo-1 ul li:first-child a{border-left:none}.ie7 .nav-demo-1 ul li:first-child:hover,.ie8 .nav-demo-1 ul li:first-child:hover,.ie9 .nav-demo-1 ul li:first-child:hover{background:transparent url('../img/picasso-nav.png') left -47px no-repeat}.ie7 .nav-demo-1 ul li:first-child.active,.ie8 .nav-demo-1 ul li:first-child.active,.ie9 .nav-demo-1 ul li:first-child.active{background:transparent url('../img/picasso-nav.png') no-repeat left -47px}.ie7 .nav-demo-1 ul .last,.ie8 .nav-demo-1 ul .last,.ie9 .nav-demo-1 ul .last{background:transparent url('../img/picasso-nav.png') no-repeat right -47px}.ie7 .nav-demo-1 ul .last:hover,.ie8 .nav-demo-1 ul .last:hover,.ie9 .nav-demo-1 ul .last:hover{background:transparent url('../img/picasso-nav.png') right -47px no-repeat}.ie7 .nav-demo-1 ul .active,.ie8 .nav-demo-1 ul .active,.ie9 .nav-demo-1 ul .active{background:transparent url('../img/picasso-nav.png') no-repeat center -47px}.ie7 .nav-demo-1 ul .last.active,.ie8 .nav-demo-1 ul .last.active,.ie9 .nav-demo-1 ul .last.active{background:transparent url('../img/picasso-nav.png') no-repeat right -47px}.ie9 .nav-demo-1 ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ie9 .nav-demo-1 ul li:first-child{-moz-border-radius-topleft:none;-webkit-border-top-left-radius:none;border-top-left-radius:none;-moz-border-radius-bottomleft:none;-webkit-border-bottom-left-radius:none;border-bottom-left-radius:none}.ie9 .nav-demo-1 ul li:last-child{-moz-border-radius-topright:none;-webkit-border-top-right-radius:none;border-top-right-radius:none;-moz-border-radius-bottomright:none;-webkit-border-bottom-right-radius:none;border-bottom-right-radius:none;border:none}.popup-demo-1{padding:10px;position:absolute}.popup-demo-1:after,.ie7 .popup-demo-1 .after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0}.popup-demo-1 .popup-header h4{line-height:20px;padding:10px}.popup-demo-1 .popup-container{z-index:1;position:relative}.popup-demo-1 .popup-arrow{position:absolute;height:0px;width:0px}.popup-demo-1 .popup-arrow-bottom{bottom:-10px;left:10px}.popup-demo-1 .popup-arrow-top{top:-10px;left:10px}.popup-demo-1 .popup-arrow-left{left:-10px;top:10px}.popup-demo-1 .popup-arrow-right{right:-10px;top:10px}.popup-demo-1 .popup-close{position:absolute;z-index:10;text-align:center;line-height:17px;height:20px;width:20px;top:-13px;right:-13px}.ie7 .popup-demo-1 .popup-close,.ie8 .popup-demo-1 .popup-close{line-height:23px;height:26px;width:26px;top:-13px;right:-13px}.ie7 .popup-demo-1{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.popup-demo-1:after,.ie7 .popup-demo-1 .after{background:rgba(0,0,0,0.7);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;box-shadow:rgba(0,0,0,0.5) 0px 0px 10px}.popup-demo-1 .popup-header{background:none repeat scroll 0 0 #f7f7f7;display:block}.popup-demo-1 .popup-header h4{margin:0;color:#003770;font-family:sans-serif;font-size:16px;font-weight:normal}.popup-demo-1 .popup-content{background:#fff;border:1px solid transparent}.popup-demo-1 .popup-arrow-bottom{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-arrow-top{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-arrow-left{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-arrow-right{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(0,0,0,0.7)}.popup-demo-1 .popup-close{cursor:pointer;border:3px solid #fff;color:#fff;font-weight:bold;font-family:sans-serif;font-size:16px;background:#319fda;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;box-shadow:rgba(0,0,0,0.5) 0px 0px 10px}.ie7 .popup-demo-1:after,.ie7 .popup-demo-1 .after,.ie8 .popup-demo-1:after,.ie8 .popup-demo-1 .after{background:#000;filter:alpha(opacity=70)}.ie7 .popup-demo-1 .popup-arrow,.ie8 .popup-demo-1 .popup-arrow{filter:alpha(opacity=70)}.ie7 .popup-demo-1 .popup-arrow-bottom,.ie8 .popup-demo-1 .popup-arrow-bottom{border-top:10px solid #000}.ie7 .popup-demo-1 .popup-arrow-top,.ie8 .popup-demo-1 .popup-arrow-top{border-bottom:10px solid #000}.ie7 .popup-demo-1 .popup-arrow-left,.ie8 .popup-demo-1 .popup-arrow-left{border-right:10px solid #000}.ie7 .popup-demo-1 .popup-arrow-right,.ie8 .popup-demo-1 .popup-arrow-right{border-left:10px solid #000}.ie7 .popup-demo-1 .popup-close,.ie8 .popup-demo-1 .popup-close{border-width:0px;background-color:transparent;background:url('../img/picasso-popup.png');background-position:0px -1px}.popup-demo-2{padding:10px;position:absolute;color:white}.popup-demo-2:after,.ie7 .popup-demo-2 .after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:0}.popup-demo-2 .popup-header h4{line-height:20px;padding:10px}.popup-demo-2 .popup-container{z-index:1;position:relative}.popup-demo-2 .popup-arrow{position:absolute;height:0px;width:0px}.popup-demo-2 .popup-arrow-bottom{bottom:-10px;left:10px}.popup-demo-2 .popup-arrow-top{top:-10px;left:10px}.popup-demo-2 .popup-arrow-left{left:-10px;top:10px}.popup-demo-2 .popup-arrow-right{right:-10px;top:10px}.popup-demo-2 .popup-close{position:absolute;z-index:10;text-align:center;line-height:17px;height:20px;width:20px;top:-13px;right:-13px}.ie7 .popup-demo-2 .popup-close,.ie8 .popup-demo-2 .popup-close{line-height:23px;height:26px;width:26px;top:-13px;right:-13px}.ie7 .popup-demo-2{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.popup-demo-2:after,.ie7 .popup-demo-2 .after{background:rgba(128,128,128,0.5);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0px 0px 5px #333;-moz-box-shadow:0px 0px 5px #333;box-shadow:0px 0px 5px #333}.popup-demo-2 .popup-header{background:#fff;display:block}.popup-demo-2 .popup-header h4{margin:0;color:#000;font-family:sans-serif;font-size:16px;font-weight:normal}.popup-demo-2 .popup-content{background:#000;border:1px solid transparent}.popup-demo-2 .popup-arrow-bottom{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-arrow-top{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-arrow-left{border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-arrow-right{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid rgba(128,128,128,0.5)}.popup-demo-2 .popup-close{cursor:pointer;border:3px solid #fff;color:#fff;font-weight:bold;font-family:sans-serif;font-size:16px;background:#000;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:0px 0px 5px #333;-moz-box-shadow:0px 0px 5px #333;box-shadow:0px 0px 5px #333}.ie7 .popup-demo-2:after,.ie7 .popup-demo-2 .after,.ie8 .popup-demo-2:after,.ie8 .popup-demo-2 .after{background:gray;filter:alpha(opacity=50)}.ie7 .popup-demo-2 .popup-arrow,.ie8 .popup-demo-2 .popup-arrow{filter:alpha(opacity=50)}.ie7 .popup-demo-2 .popup-arrow-bottom,.ie8 .popup-demo-2 .popup-arrow-bottom{border-top:10px solid gray}.ie7 .popup-demo-2 .popup-arrow-top,.ie8 .popup-demo-2 .popup-arrow-top{border-bottom:10px solid gray}.ie7 .popup-demo-2 .popup-arrow-left,.ie8 .popup-demo-2 .popup-arrow-left{border-right:10px solid gray}.ie7 .popup-demo-2 .popup-arrow-right,.ie8 .popup-demo-2 .popup-arrow-right{border-left:10px solid gray}.ie7 .popup-demo-2 .popup-close,.ie8 .popup-demo-2 .popup-close{border-width:0px;background-color:transparent;background:url('../img/picasso-popup.png');background-position:0px -27px}.bubble-demo-1{padding:10px;display:block;width:auto;position:relative;background:#eee;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.bubble-demo-1:after,.ie7 .bubble-demo-1 .after{content:"";position:absolute;bottom:-15px;right:20px;width:0;height:0}.ie7 .bubble-demo-1{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.bubble-demo-1 blockquote{color:#999}.bubble-demo-1:after,.ie7 .bubble-demo-1 .after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #eee}.accordion-demo-1{border:1px solid #ccc}.accordion-demo-1 .accordion-section{margin-top:1px}.accordion-demo-1 .accordion-section:first-child{margin-top:0}.accordion-demo-1 .accordion-header{padding:0.4em 10px;overflow:hidden}.accordion-demo-1 .accordion-header h4{margin:0;float:left}.accordion-demo-1 .accordion-header .accordion-arrow{float:right}.accordion-demo-1 .accordion-header{background-color:#013d93;color:#fff;cursor:pointer;font-size:0.8em;line-height:0.8em}.accordion-demo-1 .accordion-header.accordion-header-open .accordion-arrow:after{content:"\25BC"}.accordion-demo-1 .accordion-header.accordion-header-close .accordion-arrow:after{content:"\25BA"}.pagination-demo-1{text-align:center}.pagination-demo-1 ul{display:inline-block}.pagination-demo-1 ul li{display:inline-block;height:27px;text-align:center;float:left;margin-left:2px;margin-right:2px}.pagination-demo-1 ul li a{display:block;line-height:27px;min-width:27px}.pagination-demo-1 ul .prev{margin:0 10px 0 0}.pagination-demo-1 ul .next{margin:0 0 0 10px}.pagination-demo-1 ul .disabled{display:none}.pagination-demo-1 li{background:#eee;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;list-style:none}.pagination-demo-1 li a{color:#319fda}.pagination-demo-1 li a:hover{color:#fff;text-decoration:none}.pagination-demo-1 li:hover{background:#013d93}.pagination-demo-1 .active,.pagination-demo-1 .prev,.pagination-demo-1 .next,.pagination-demo-1 .dots{background:none;border:none}.pagination-demo-1 .active a:hover,.pagination-demo-1 .prev a:hover,.pagination-demo-1 .next a:hover,.pagination-demo-1 .dots a:hover{color:#319fda}.pagination-demo-1 .active:hover,.pagination-demo-1 .prev:hover,.pagination-demo-1 .next:hover,.pagination-demo-1 .dots:hover{background:none}.pagination-demo-1 .prev:hover,.pagination-demo-1 .next:hover{text-decoration:underline}.pagination-demo-1 .active a,.pagination-demo-1 .dots a{color:#888;cursor:default;text-decoration:none}.pagination-demo-1 .active a:hover,.pagination-demo-1 .dots a:hover{color:#888;text-decoration:none}.text-input-demo-1{width:200px;height:20px;line-height:20px;padding:1px;border:1px solid #ddd;border-top:1px solid #919191;color:#333;font-size:11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset}.text-input-demo-1:focus{outline:0;border:1px solid #319fda;-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0}.select-demo-1{width:200px;height:20px;line-height:20px;padding:1px;border:1px solid #ddd;border-top:1px solid #919191;color:#333;font-size:11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-ms-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2) inset}.select-demo-1:focus{outline:0;border:1px solid #319fda;-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0;box-shadow:rgba(0,0,0,0.2) 0 1px 2px 0 inset,#01a9db 0 0 2px 0}.arrow-demo-1,.arrow-demo-2,.arrow-demo-3,.arrow-demo-4{margin:0 10px 0 0}.arrow-demo-1{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#888;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-1:after,.ie7 .arrow-demo-1 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-1{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-1:after,.ie7 .arrow-demo-1 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #888}.arrow-demo-2{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#b94a48;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-2:after,.ie7 .arrow-demo-2 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-2{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-2:after,.ie7 .arrow-demo-2 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #b94a48}.arrow-demo-3{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#f89406;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-3:after,.ie7 .arrow-demo-3 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-3{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-3:after,.ie7 .arrow-demo-3 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #f89406}.arrow-demo-4{padding:0px 5px;display:inline-block;height:14px;line-height:16px;position:relative;background:#468847;color:#fff;font-family:sans-serif;font-style:normal;font-size:9px}.arrow-demo-4:after,.ie7 .arrow-demo-4 .after{content:"";position:absolute;top:0;right:-7px;width:0;height:0}.ie7 .arrow-demo-4{zoom:expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" )}.arrow-demo-4:after,.ie7 .arrow-demo-4 .after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #468847}.container{width:90%;max-width:1200px;min-width:950px}.row-col{width:100%}.row-col:before,.row-col:after{content:"";display:table}.row-col:after{clear:both}.ie6 .row-col,.ie7 .row-col{zoom:1}.row-col [class^="col"]{width:100%;min-height:25px;display:block;float:left;margin-left:2.174%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-col [class^="col"]:first-child{margin-left:0}.row-col [class^="col"] img{max-width:100%}.row-col .col1{width:6.341%}.ie7 .row-col .col1{width:6.249%}.row-col [class^="col"].offset1{margin-left:10.507%}.row-col [class^="col"].offset1:first-child{margin-left:8.424%}.row-col .col2{width:14.855%}.ie7 .row-col .col2{width:14.763%}.row-col [class^="col"].offset2{margin-left:19.022%}.row-col [class^="col"].offset2:first-child{margin-left:16.938%}.row-col .col3{width:23.37%}.ie7 .row-col .col3{width:23.278%}.row-col [class^="col"].offset3{margin-left:27.536%}.row-col [class^="col"].offset3:first-child{margin-left:25.453%}.row-col .col4{width:31.884%}.ie7 .row-col .col4{width:31.792%}.row-col [class^="col"].offset4{margin-left:36.051%}.row-col [class^="col"].offset4:first-child{margin-left:33.967%}.row-col .col5{width:40.399%}.ie7 .row-col .col5{width:40.307%}.row-col [class^="col"].offset5{margin-left:44.565%}.row-col [class^="col"].offset5:first-child{margin-left:42.482%}.row-col .col6{width:48.913%}.ie7 .row-col .col6{width:48.821%}.row-col [class^="col"].offset6{margin-left:53.08%}.row-col [class^="col"].offset6:first-child{margin-left:50.996%}.row-col .col7{width:57.428%}.ie7 .row-col .col7{width:57.336%}.row-col [class^="col"].offset7{margin-left:61.594%}.row-col [class^="col"].offset7:first-child{margin-left:59.511%}.row-col .col8{width:65.942%}.ie7 .row-col .col8{width:65.85%}.row-col [class^="col"].offset8{margin-left:70.109%}.row-col [class^="col"].offset8:first-child{margin-left:68.025%}.row-col .col9{width:74.457%}.ie7 .row-col .col9{width:74.365%}.row-col [class^="col"].offset9{margin-left:78.623%}.row-col [class^="col"].offset9:first-child{margin-left:76.54%}.row-col .col10{width:82.971%}.ie7 .row-col .col10{width:82.879%}.row-col [class^="col"].offset10{margin-left:87.138%}.row-col [class^="col"].offset10:first-child{margin-left:85.054%}.row-col .col11{width:91.486%}.ie7 .row-col .col11{width:91.394%}.row-col [class^="col"].offset11{margin-left:95.652%}.row-col [class^="col"].offset11:first-child{margin-left:93.569%}.row-col .col12{width:100%}.row-col [class^="col"].offset12{margin-left:104.167%}.row-col [class^="col"].offset12:first-child{margin-left:102.083%}.row-col{margin:10px 0}[class^="col"]{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background:#CCC}[class^="col"] [class^="col"]{background:#AAA}[class^="col"] [class^="col"] [class^="col"]{background:#696969;color:#C0C0C0}.clearfix-demo{background:#58608D;width:90%;padding:10px}.clearfix-demo:before,.clearfix-demo:after{content:"";display:table}.clearfix-demo:after{clear:both}.ie6 .clearfix-demo,.ie7 .clearfix-demo{zoom:1}.clearfix-demo div{background:white}.despegar-size-1-demo{font-size:11px}.despegar-size-2-demo{font-size:13px}.despegar-size-3-demo{font-size:16px}.despegar-size-4-demo{font-size:20px}.despegar-size-5-demo{font-size:24px}.despegar-size-6-demo{font-size:28px}.despegar-black-demo{padding:10px;background:#000;color:white}.despegar-white-demo{padding:10px;background:#fff}.despegar-yellow-demo{padding:10px;background:#ff3}.despegar-red-demo{padding:10px;background:red}.despegar-blue-demo{padding:10px;background:#013d93;color:white}.despegar-gray-1-demo{padding:10px;background:#222;color:white}.despegar-gray-2-demo{padding:10px;background:#444;color:white}.despegar-gray-3-demo{padding:10px;background:#666;color:white}.despegar-gray-4-demo{padding:10px;background:#888;color:white}.despegar-gray-5-demo{padding:10px;background:#aaa;color:white}.despegar-gray-6-demo{padding:10px;background:#ccc}.despegar-gray-7-demo{padding:10px;background:#eee}.despegar-searchbox-bg-demo{padding:10px;background:#ff3}.despegar-title-color-demo{padding:10px;background:#013d93;color:white}.despegar-titlealt-color-demo{padding:10px;background:#f90}.despegar-link-color-demo{padding:10px;background:#319fda}.despegar-link-color-hover-demo{padding:10px;background:#6cf}.despegar-error-bg-demo{padding:10px;background:#ffe6e6}.despegar-error-border-demo{padding:10px;background:red}.despegar-warning-bg-demo{padding:10px;background:#ffffe1}.despegar-warning-border-demo{padding:10px;background:#fc3}
data/docs/css/picasso-docs.css CHANGED
@@ -1,2502 +1 @@
1
- .styledocco-docs img {
2
- width: 100%;
3
- }
4
- .styledocco-docs .styledocco-example {
5
- font-family: sans-serif;
6
- font-size: 16px;
7
- }
8
-
9
- .styledocco-example .tooltip-demo-1, .styledocco-example .tooltip-demo-2, .styledocco-example .tooltip-demo-3, .styledocco-example .tooltip-demo-4 {
10
- margin: 10px;
11
- }
12
-
13
- .tooltip-demo-1 {
14
- display: block;
15
- position: absolute;
16
- padding: 0.267em;
17
- font-size: 0.8em;
18
- background-color: black;
19
- color: white;
20
- -webkit-border-radius: 2px;
21
- -moz-border-radius: 2px;
22
- -ms-border-radius: 2px;
23
- -o-border-radius: 2px;
24
- border-radius: 2px;
25
- -webkit-box-shadow: black 0 0 3px;
26
- -moz-box-shadow: black 0 0 3px;
27
- box-shadow: black 0 0 3px;
28
- }
29
- .tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1.tooltip-left span {
30
- position: absolute;
31
- top: 0;
32
- padding: 0.267em 0;
33
- left: -0.82em;
34
- content: "\25C4";
35
- }
36
- .ie7 .tooltip-demo-1.tooltip-left {
37
- zoom: expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="&#9668;");
38
- }
39
- .tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1 span {
40
- font-family: arial, sans-serif;
41
- font-size: 1em;
42
- color: black;
43
- }
44
- .ie8 .tooltip-demo-1.tooltip-left:after {
45
- font-size: 0.8em;
46
- }
47
-
48
- .tooltip-demo-2 {
49
- display: block;
50
- position: absolute;
51
- padding: 0.267em;
52
- font-size: 0.8em;
53
- background-color: black;
54
- color: white;
55
- -webkit-border-radius: 2px;
56
- -moz-border-radius: 2px;
57
- -ms-border-radius: 2px;
58
- -o-border-radius: 2px;
59
- border-radius: 2px;
60
- -webkit-box-shadow: black 0 0 3px;
61
- -moz-box-shadow: black 0 0 3px;
62
- box-shadow: black 0 0 3px;
63
- left: 140px;
64
- }
65
- .tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2.tooltip-right span {
66
- position: absolute;
67
- top: 0;
68
- padding: 0.267em 0;
69
- right: -0.82em;
70
- content: "\25BA";
71
- }
72
- .ie7 .tooltip-demo-2.tooltip-right {
73
- zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="&#9658;");
74
- }
75
- .tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2 span {
76
- font-family: arial, sans-serif;
77
- font-size: 1em;
78
- color: black;
79
- }
80
- .ie8 .tooltip-demo-2.tooltip-right:after {
81
- font-size: 0.8em;
82
- }
83
-
84
- .tooltip-demo-3 {
85
- display: block;
86
- position: absolute;
87
- padding: 0.4em;
88
- font-size: 1.2em;
89
- background-color: #0074cc;
90
- color: white;
91
- -webkit-border-radius: 2px;
92
- -moz-border-radius: 2px;
93
- -ms-border-radius: 2px;
94
- -o-border-radius: 2px;
95
- border-radius: 2px;
96
- -webkit-box-shadow: #0074cc 0 0 3px;
97
- -moz-box-shadow: #0074cc 0 0 3px;
98
- box-shadow: #0074cc 0 0 3px;
99
- }
100
- .tooltip-demo-3.tooltip-left:after, .ie7 .tooltip-demo-3.tooltip-left span {
101
- position: absolute;
102
- top: 0;
103
- padding: 0.4em 0;
104
- left: -0.82em;
105
- content: "\25C4";
106
- }
107
- .ie7 .tooltip-demo-3.tooltip-left {
108
- zoom: expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="&#9668;");
109
- }
110
- .tooltip-demo-3.tooltip-left:after, .ie7 .tooltip-demo-3 span {
111
- font-family: arial, sans-serif;
112
- font-size: 1em;
113
- color: #0074cc;
114
- }
115
- .ie8 .tooltip-demo-3.tooltip-left:after {
116
- font-size: 1.2em;
117
- }
118
-
119
- .tooltip-demo-4 {
120
- display: block;
121
- position: absolute;
122
- padding: 0.4em;
123
- font-size: 1.2em;
124
- background-color: #faa732;
125
- color: white;
126
- -webkit-border-radius: 2px;
127
- -moz-border-radius: 2px;
128
- -ms-border-radius: 2px;
129
- -o-border-radius: 2px;
130
- border-radius: 2px;
131
- -webkit-box-shadow: #faa732 0 0 3px;
132
- -moz-box-shadow: #faa732 0 0 3px;
133
- box-shadow: #faa732 0 0 3px;
134
- left: 300px;
135
- }
136
- .tooltip-demo-4.tooltip-right:after, .ie7 .tooltip-demo-4.tooltip-right span {
137
- position: absolute;
138
- top: 0;
139
- padding: 0.4em 0;
140
- right: -0.82em;
141
- content: "\25BA";
142
- }
143
- .ie7 .tooltip-demo-4.tooltip-right {
144
- zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="&#9658;");
145
- }
146
- .tooltip-demo-4.tooltip-right:after, .ie7 .tooltip-demo-4 span {
147
- font-family: arial, sans-serif;
148
- font-size: 1em;
149
- color: #faa732;
150
- }
151
- .ie8 .tooltip-demo-4.tooltip-right:after {
152
- font-size: 1.2em;
153
- }
154
-
155
- .button-glossy-demo-1 {
156
- width: 90px;
157
- height: 30px;
158
- display: inline-block;
159
- text-align: center;
160
- position: relative;
161
- z-index: 1;
162
- font-family: sans-serif;
163
- font-size: 12px;
164
- text-decoration: none;
165
- cursor: pointer;
166
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de1f2a), color-stop(100%, #c81c26)), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b11922), color-stop(100%, #6e0f15));
167
- background: -webkit-linear-gradient(#de1f2a, #c81c26), -webkit-linear-gradient(#b11922, #6e0f15);
168
- background: -moz-linear-gradient(#de1f2a, #c81c26), -moz-linear-gradient(#b11922, #6e0f15);
169
- background: -o-linear-gradient(#de1f2a, #c81c26), -o-linear-gradient(#b11922, #6e0f15);
170
- background: linear-gradient(#de1f2a, #c81c26), linear-gradient(#b11922, #6e0f15);
171
- -webkit-border-radius: 5px;
172
- -moz-border-radius: 5px;
173
- -ms-border-radius: 5px;
174
- -o-border-radius: 5px;
175
- border-radius: 5px;
176
- background-position: left top, left 15px;
177
- }
178
- .button-glossy-demo-1:after, .button-glossy-demo-1:before {
179
- content: "";
180
- position: absolute;
181
- display: inline-block;
182
- }
183
- .button-glossy-demo-1:after {
184
- width: 88px;
185
- height: 28px;
186
- left: 1px;
187
- top: 1px;
188
- z-index: 2;
189
- }
190
- .button-glossy-demo-1:before {
191
- width: 86px;
192
- height: 26px;
193
- left: 2px;
194
- top: 2px;
195
- z-index: 3;
196
- }
197
- .button-glossy-demo-1 span {
198
- position: relative;
199
- z-index: 4;
200
- line-height: 30px;
201
- }
202
- .button-glossy-demo-1 span {
203
- color: white;
204
- }
205
- .button-glossy-demo-1:after, .button-glossy-demo-1:before {
206
- -webkit-border-radius: 4px;
207
- -moz-border-radius: 4px;
208
- -ms-border-radius: 4px;
209
- -o-border-radius: 4px;
210
- border-radius: 4px;
211
- }
212
- .button-glossy-demo-1:after {
213
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #f2a4a8), color-stop(100%, #150304)) 50%;
214
- background: -webkit-linear-gradient(#f2a4a8 15%, #150304) 50%;
215
- background: -moz-linear-gradient(#f2a4a8 15%, #150304) 50%;
216
- background: -o-linear-gradient(#f2a4a8 15%, #150304) 50%;
217
- background: linear-gradient(#f2a4a8 15%, #150304) 50%;
218
- }
219
- .button-glossy-demo-1:before {
220
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de1f2a), color-stop(100%, #c81c26)), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b11922), color-stop(100%, #6e0f15));
221
- background: -webkit-linear-gradient(#de1f2a, #c81c26), -webkit-linear-gradient(#b11922, #6e0f15);
222
- background: -moz-linear-gradient(#de1f2a, #c81c26), -moz-linear-gradient(#b11922, #6e0f15);
223
- background: -o-linear-gradient(#de1f2a, #c81c26), -o-linear-gradient(#b11922, #6e0f15);
224
- background: linear-gradient(#de1f2a, #c81c26), linear-gradient(#b11922, #6e0f15);
225
- background-position: left top, left 13px;
226
- }
227
- .button-glossy-demo-1, .button-glossy-demo-1:before {
228
- background-size: 100% 50%;
229
- background-repeat: no-repeat;
230
- }
231
- .button-glossy-demo-1:hover {
232
- text-decoration: none;
233
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e96168), color-stop(50%, #bf1b24), color-stop(100%, #f10c19));
234
- background: -webkit-linear-gradient(#e96168, #bf1b24, #f10c19);
235
- background: -moz-linear-gradient(#e96168, #bf1b24, #f10c19);
236
- background: -o-linear-gradient(#e96168, #bf1b24, #f10c19);
237
- background: linear-gradient(#e96168, #bf1b24, #f10c19);
238
- }
239
- .button-glossy-demo-1:hover:after {
240
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4b1b5), color-stop(100%, #d11d27)) 50%;
241
- background: -webkit-linear-gradient(#f4b1b5 20%, #d11d27) 50%;
242
- background: -moz-linear-gradient(#f4b1b5 20%, #d11d27) 50%;
243
- background: -o-linear-gradient(#f4b1b5 20%, #d11d27) 50%;
244
- background: linear-gradient(#f4b1b5 20%, #d11d27) 50%;
245
- }
246
- .button-glossy-demo-1:hover:before {
247
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e96168), color-stop(50%, #bf1b24), color-stop(100%, #f10c19));
248
- background: -webkit-linear-gradient(#e96168, #bf1b24, #f10c19);
249
- background: -moz-linear-gradient(#e96168, #bf1b24, #f10c19);
250
- background: -o-linear-gradient(#e96168, #bf1b24, #f10c19);
251
- background: linear-gradient(#e96168, #bf1b24, #f10c19);
252
- }
253
- .button-glossy-demo-1:hover, .button-glossy-demo-1:hover:before {
254
- background-size: 100% 100%;
255
- background-position: left top;
256
- background-repeat: no-repeat;
257
- }
258
- .ie7 .button-glossy-demo-1, .ie8 .button-glossy-demo-1, .ie9 .button-glossy-demo-1 {
259
- -webkit-border-radius: none;
260
- -moz-border-radius: none;
261
- -ms-border-radius: none;
262
- -o-border-radius: none;
263
- border-radius: none;
264
- background: url('../img/picasso-buttons-glossy.png');
265
- background-position: 0 -1px;
266
- }
267
- .ie7 .button-glossy-demo-1:hover, .ie8 .button-glossy-demo-1:hover, .ie9 .button-glossy-demo-1:hover {
268
- background-position: 0 -31px;
269
- }
270
- .ie9 .button-glossy-demo-1 {
271
- -webkit-border-radius: none;
272
- -moz-border-radius: none;
273
- -ms-border-radius: none;
274
- -o-border-radius: none;
275
- border-radius: none;
276
- }
277
-
278
- .button-glossy-demo-2 {
279
- width: 70px;
280
- height: 30px;
281
- display: inline-block;
282
- text-align: center;
283
- position: relative;
284
- z-index: 1;
285
- font-family: sans-serif;
286
- font-size: 12px;
287
- text-decoration: none;
288
- cursor: pointer;
289
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0077b3)), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006699), color-stop(100%, #00334d));
290
- background: -webkit-linear-gradient(#0088cc, #0077b3), -webkit-linear-gradient(#006699, #00334d);
291
- background: -moz-linear-gradient(#0088cc, #0077b3), -moz-linear-gradient(#006699, #00334d);
292
- background: -o-linear-gradient(#0088cc, #0077b3), -o-linear-gradient(#006699, #00334d);
293
- background: linear-gradient(#0088cc, #0077b3), linear-gradient(#006699, #00334d);
294
- -webkit-border-radius: 5px;
295
- -moz-border-radius: 5px;
296
- -ms-border-radius: 5px;
297
- -o-border-radius: 5px;
298
- border-radius: 5px;
299
- background-position: left top, left 15px;
300
- }
301
- .button-glossy-demo-2:after, .button-glossy-demo-2:before {
302
- content: "";
303
- position: absolute;
304
- display: inline-block;
305
- }
306
- .button-glossy-demo-2:after {
307
- width: 68px;
308
- height: 28px;
309
- left: 1px;
310
- top: 1px;
311
- z-index: 2;
312
- }
313
- .button-glossy-demo-2:before {
314
- width: 66px;
315
- height: 26px;
316
- left: 2px;
317
- top: 2px;
318
- z-index: 3;
319
- }
320
- .button-glossy-demo-2 span {
321
- position: relative;
322
- z-index: 4;
323
- line-height: 30px;
324
- }
325
- .button-glossy-demo-2 span {
326
- color: white;
327
- }
328
- .button-glossy-demo-2:after, .button-glossy-demo-2:before {
329
- -webkit-border-radius: 4px;
330
- -moz-border-radius: 4px;
331
- -ms-border-radius: 4px;
332
- -o-border-radius: 4px;
333
- border-radius: 4px;
334
- }
335
- .button-glossy-demo-2:after {
336
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #66ccff), color-stop(100%, #000000)) 50%;
337
- background: -webkit-linear-gradient(#66ccff 15%, #000000) 50%;
338
- background: -moz-linear-gradient(#66ccff 15%, #000000) 50%;
339
- background: -o-linear-gradient(#66ccff 15%, #000000) 50%;
340
- background: linear-gradient(#66ccff 15%, #000000) 50%;
341
- }
342
- .button-glossy-demo-2:before {
343
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0077b3)), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #006699), color-stop(100%, #00334d));
344
- background: -webkit-linear-gradient(#0088cc, #0077b3), -webkit-linear-gradient(#006699, #00334d);
345
- background: -moz-linear-gradient(#0088cc, #0077b3), -moz-linear-gradient(#006699, #00334d);
346
- background: -o-linear-gradient(#0088cc, #0077b3), -o-linear-gradient(#006699, #00334d);
347
- background: linear-gradient(#0088cc, #0077b3), linear-gradient(#006699, #00334d);
348
- background-position: left top, left 13px;
349
- }
350
- .button-glossy-demo-2, .button-glossy-demo-2:before {
351
- background-size: 100% 50%;
352
- background-repeat: no-repeat;
353
- }
354
- .button-glossy-demo-2:hover {
355
- text-decoration: none;
356
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ab2ff), color-stop(50%, #0070a8), color-stop(100%, #0088cc));
357
- background: -webkit-linear-gradient(#1ab2ff, #0070a8, #0088cc);
358
- background: -moz-linear-gradient(#1ab2ff, #0070a8, #0088cc);
359
- background: -o-linear-gradient(#1ab2ff, #0070a8, #0088cc);
360
- background: linear-gradient(#1ab2ff, #0070a8, #0088cc);
361
- }
362
- .button-glossy-demo-2:hover:after {
363
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #75d1ff), color-stop(100%, #007ebd)) 50%;
364
- background: -webkit-linear-gradient(#75d1ff 20%, #007ebd) 50%;
365
- background: -moz-linear-gradient(#75d1ff 20%, #007ebd) 50%;
366
- background: -o-linear-gradient(#75d1ff 20%, #007ebd) 50%;
367
- background: linear-gradient(#75d1ff 20%, #007ebd) 50%;
368
- }
369
- .button-glossy-demo-2:hover:before {
370
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ab2ff), color-stop(50%, #0070a8), color-stop(100%, #0088cc));
371
- background: -webkit-linear-gradient(#1ab2ff, #0070a8, #0088cc);
372
- background: -moz-linear-gradient(#1ab2ff, #0070a8, #0088cc);
373
- background: -o-linear-gradient(#1ab2ff, #0070a8, #0088cc);
374
- background: linear-gradient(#1ab2ff, #0070a8, #0088cc);
375
- }
376
- .button-glossy-demo-2:hover, .button-glossy-demo-2:hover:before {
377
- background-size: 100% 100%;
378
- background-position: left top;
379
- background-repeat: no-repeat;
380
- }
381
- .ie7 .button-glossy-demo-2, .ie8 .button-glossy-demo-2, .ie9 .button-glossy-demo-2 {
382
- -webkit-border-radius: none;
383
- -moz-border-radius: none;
384
- -ms-border-radius: none;
385
- -o-border-radius: none;
386
- border-radius: none;
387
- background: url('../img/picasso-buttons-glossy.png');
388
- background-position: 0 -61px;
389
- }
390
- .ie7 .button-glossy-demo-2:hover, .ie8 .button-glossy-demo-2:hover, .ie9 .button-glossy-demo-2:hover {
391
- background-position: 0 -91px;
392
- }
393
- .ie9 .button-glossy-demo-2 {
394
- -webkit-border-radius: none;
395
- -moz-border-radius: none;
396
- -ms-border-radius: none;
397
- -o-border-radius: none;
398
- border-radius: none;
399
- }
400
-
401
- .button-glossy-demo-3 {
402
- width: 80px;
403
- height: 30px;
404
- display: inline-block;
405
- text-align: center;
406
- position: relative;
407
- z-index: 1;
408
- font-family: sans-serif;
409
- font-size: 12px;
410
- text-decoration: none;
411
- cursor: pointer;
412
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #faa937)), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9f1e), color-stop(100%, #c77605));
413
- background: -webkit-linear-gradient(#fbb450, #faa937), -webkit-linear-gradient(#fa9f1e, #c77605);
414
- background: -moz-linear-gradient(#fbb450, #faa937), -moz-linear-gradient(#fa9f1e, #c77605);
415
- background: -o-linear-gradient(#fbb450, #faa937), -o-linear-gradient(#fa9f1e, #c77605);
416
- background: linear-gradient(#fbb450, #faa937), linear-gradient(#fa9f1e, #c77605);
417
- -webkit-border-radius: 5px;
418
- -moz-border-radius: 5px;
419
- -ms-border-radius: 5px;
420
- -o-border-radius: 5px;
421
- border-radius: 5px;
422
- background-position: left top, left 15px;
423
- }
424
- .button-glossy-demo-3:after, .button-glossy-demo-3:before {
425
- content: "";
426
- position: absolute;
427
- display: inline-block;
428
- }
429
- .button-glossy-demo-3:after {
430
- width: 78px;
431
- height: 28px;
432
- left: 1px;
433
- top: 1px;
434
- z-index: 2;
435
- }
436
- .button-glossy-demo-3:before {
437
- width: 76px;
438
- height: 26px;
439
- left: 2px;
440
- top: 2px;
441
- z-index: 3;
442
- }
443
- .button-glossy-demo-3 span {
444
- position: relative;
445
- z-index: 4;
446
- line-height: 30px;
447
- }
448
- .button-glossy-demo-3 span {
449
- color: white;
450
- }
451
- .button-glossy-demo-3:after, .button-glossy-demo-3:before {
452
- -webkit-border-radius: 4px;
453
- -moz-border-radius: 4px;
454
- -ms-border-radius: 4px;
455
- -o-border-radius: 4px;
456
- border-radius: 4px;
457
- }
458
- .button-glossy-demo-3:after {
459
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #fef4e6), color-stop(100%, #633b02)) 50%;
460
- background: -webkit-linear-gradient(#fef4e6 15%, #633b02) 50%;
461
- background: -moz-linear-gradient(#fef4e6 15%, #633b02) 50%;
462
- background: -o-linear-gradient(#fef4e6 15%, #633b02) 50%;
463
- background: linear-gradient(#fef4e6 15%, #633b02) 50%;
464
- }
465
- .button-glossy-demo-3:before {
466
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #faa937)), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fa9f1e), color-stop(100%, #c77605));
467
- background: -webkit-linear-gradient(#fbb450, #faa937), -webkit-linear-gradient(#fa9f1e, #c77605);
468
- background: -moz-linear-gradient(#fbb450, #faa937), -moz-linear-gradient(#fa9f1e, #c77605);
469
- background: -o-linear-gradient(#fbb450, #faa937), -o-linear-gradient(#fa9f1e, #c77605);
470
- background: linear-gradient(#fbb450, #faa937), linear-gradient(#fa9f1e, #c77605);
471
- background-position: left top, left 13px;
472
- }
473
- .button-glossy-demo-3, .button-glossy-demo-3:before {
474
- background-size: 100% 50%;
475
- background-repeat: no-repeat;
476
- }
477
- .button-glossy-demo-3:hover {
478
- text-decoration: none;
479
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd49b), color-stop(50%, #faa52d), color-stop(100%, #ffb54c));
480
- background: -webkit-linear-gradient(#fdd49b, #faa52d, #ffb54c);
481
- background: -moz-linear-gradient(#fdd49b, #faa52d, #ffb54c);
482
- background: -o-linear-gradient(#fdd49b, #faa52d, #ffb54c);
483
- background: linear-gradient(#fdd49b, #faa52d, #ffb54c);
484
- }
485
- .button-glossy-demo-3:hover:after {
486
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fffbf5), color-stop(100%, #fbae41)) 50%;
487
- background: -webkit-linear-gradient(#fffbf5 20%, #fbae41) 50%;
488
- background: -moz-linear-gradient(#fffbf5 20%, #fbae41) 50%;
489
- background: -o-linear-gradient(#fffbf5 20%, #fbae41) 50%;
490
- background: linear-gradient(#fffbf5 20%, #fbae41) 50%;
491
- }
492
- .button-glossy-demo-3:hover:before {
493
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd49b), color-stop(50%, #faa52d), color-stop(100%, #ffb54c));
494
- background: -webkit-linear-gradient(#fdd49b, #faa52d, #ffb54c);
495
- background: -moz-linear-gradient(#fdd49b, #faa52d, #ffb54c);
496
- background: -o-linear-gradient(#fdd49b, #faa52d, #ffb54c);
497
- background: linear-gradient(#fdd49b, #faa52d, #ffb54c);
498
- }
499
- .button-glossy-demo-3:hover, .button-glossy-demo-3:hover:before {
500
- background-size: 100% 100%;
501
- background-position: left top;
502
- background-repeat: no-repeat;
503
- }
504
- .ie7 .button-glossy-demo-3, .ie8 .button-glossy-demo-3, .ie9 .button-glossy-demo-3 {
505
- -webkit-border-radius: none;
506
- -moz-border-radius: none;
507
- -ms-border-radius: none;
508
- -o-border-radius: none;
509
- border-radius: none;
510
- background: url('../img/picasso-buttons-glossy.png');
511
- background-position: 0 -121px;
512
- }
513
- .ie7 .button-glossy-demo-3:hover, .ie8 .button-glossy-demo-3:hover, .ie9 .button-glossy-demo-3:hover {
514
- background-position: 0 -151px;
515
- }
516
- .ie9 .button-glossy-demo-3 {
517
- -webkit-border-radius: none;
518
- -moz-border-radius: none;
519
- -ms-border-radius: none;
520
- -o-border-radius: none;
521
- border-radius: none;
522
- }
523
-
524
- .button-3d-demo-1 {
525
- overflow: hidden;
526
- display: inline-block;
527
- line-height: 2.2em;
528
- color: white;
529
- border: 1px solid #c00811;
530
- font-family: sans-serif;
531
- font-size: 13px;
532
- text-decoration: none;
533
- text-align: center;
534
- cursor: pointer;
535
- text-shadow: 0 1px 0 black;
536
- -webkit-border-radius: 0.4em;
537
- -moz-border-radius: 0.4em;
538
- -ms-border-radius: 0.4em;
539
- -o-border-radius: 0.4em;
540
- border-radius: 0.4em;
541
- }
542
- .button-3d-demo-1:active {
543
- position: relative;
544
- top: 1px;
545
- }
546
- .button-3d-demo-1.disabled:active {
547
- position: static;
548
- }
549
- .button-3d-demo-1 span {
550
- display: block;
551
- padding: 0 13px;
552
- }
553
- .button-3d-demo-1:visited {
554
- color: white;
555
- }
556
- .button-3d-demo-1:hover {
557
- text-decoration: none;
558
- color: white;
559
- }
560
- .button-3d-demo-1 span {
561
- background-color: #f73741;
562
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
563
- background-image: -webkit-linear-gradient(#f73741, #8f060d);
564
- background-image: -moz-linear-gradient(#f73741, #8f060d);
565
- background-image: -o-linear-gradient(#f73741, #8f060d);
566
- background-image: linear-gradient(#f73741, #8f060d);
567
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
568
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
569
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
570
- }
571
- .button-3d-demo-1 span:hover {
572
- background-color: #ff2f3a;
573
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #c00811));
574
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #c00811);
575
- background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #c00811);
576
- background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #c00811);
577
- background-image: linear-gradient(rgba(255, 255, 255, 0), #c00811);
578
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #ff2f3a;
579
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #ff2f3a;
580
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #ff2f3a;
581
- }
582
- .button-3d-demo-1 span:active {
583
- text-shadow: 0 -1px 0 black;
584
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
585
- background-image: -webkit-linear-gradient(#f73741, #8f060d);
586
- background-image: -moz-linear-gradient(#f73741, #8f060d);
587
- background-image: -o-linear-gradient(#f73741, #8f060d);
588
- background-image: linear-gradient(#f73741, #8f060d);
589
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
590
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
591
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
592
- }
593
- .button-3d-demo-1.disabled {
594
- border: 1px solid #755354;
595
- cursor: not-allowed;
596
- color: white;
597
- }
598
- .button-3d-demo-1.disabled span, .button-3d-demo-1.disabled span:hover, .button-3d-demo-1.disabled span:active {
599
- text-shadow: 0 -1px 0 black;
600
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
601
- background-image: -webkit-linear-gradient(#979797, #4b4b4b);
602
- background-image: -moz-linear-gradient(#979797, #4b4b4b);
603
- background-image: -o-linear-gradient(#979797, #4b4b4b);
604
- background-image: linear-gradient(#979797, #4b4b4b);
605
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
606
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
607
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
608
- }
609
- .ie7 .button-3d-demo-1 span, .ie8 .button-3d-demo-1 span, .ie9 .button-3d-demo-1 span {
610
- *zoom: 1;
611
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D');
612
- }
613
- .ie7 .button-3d-demo-1 span:hover, .ie8 .button-3d-demo-1 span:hover, .ie9 .button-3d-demo-1 span:hover {
614
- *zoom: 1;
615
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFC00811');
616
- }
617
- .ie7 .button-3d-demo-1 span:active, .ie8 .button-3d-demo-1 span:active, .ie9 .button-3d-demo-1 span:active {
618
- *zoom: 1;
619
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D');
620
- }
621
- .ie7 .button-3d-demo-1.disabled span, .ie7 .button-3d-demo-1.disabled span:hover, .ie7 .button-3d-demo-1.disabled span:active, .ie8 .button-3d-demo-1.disabled span, .ie8 .button-3d-demo-1.disabled span:hover, .ie8 .button-3d-demo-1.disabled span:active, .ie9 .button-3d-demo-1.disabled span, .ie9 .button-3d-demo-1.disabled span:hover, .ie9 .button-3d-demo-1.disabled span:active {
622
- *zoom: 1;
623
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
624
- }
625
-
626
- .button-3d-demo-2 {
627
- overflow: hidden;
628
- display: inline-block;
629
- line-height: 2.2em;
630
- color: white;
631
- border: 1px solid #004466;
632
- font-family: sans-serif;
633
- font-size: 13px;
634
- text-decoration: none;
635
- text-align: center;
636
- cursor: pointer;
637
- text-shadow: 0 1px 0 black;
638
- -webkit-border-radius: 0.4em;
639
- -moz-border-radius: 0.4em;
640
- -ms-border-radius: 0.4em;
641
- -o-border-radius: 0.4em;
642
- border-radius: 0.4em;
643
- }
644
- .button-3d-demo-2:active {
645
- position: relative;
646
- top: 1px;
647
- }
648
- .button-3d-demo-2.disabled:active {
649
- position: static;
650
- }
651
- .button-3d-demo-2 span {
652
- display: block;
653
- padding: 0 13px;
654
- }
655
- .button-3d-demo-2:visited {
656
- color: white;
657
- }
658
- .button-3d-demo-2:hover {
659
- text-decoration: none;
660
- color: white;
661
- }
662
- .button-3d-demo-2 span {
663
- background-color: #0088cc;
664
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #002233));
665
- background-image: -webkit-linear-gradient(#0088cc, #002233);
666
- background-image: -moz-linear-gradient(#0088cc, #002233);
667
- background-image: -o-linear-gradient(#0088cc, #002233);
668
- background-image: linear-gradient(#0088cc, #002233);
669
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
670
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
671
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
672
- }
673
- .button-3d-demo-2 span:hover {
674
- background-color: #0088cc;
675
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #004466));
676
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #004466);
677
- background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #004466);
678
- background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #004466);
679
- background-image: linear-gradient(rgba(255, 255, 255, 0), #004466);
680
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #0088cc;
681
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #0088cc;
682
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #0088cc;
683
- }
684
- .button-3d-demo-2 span:active {
685
- text-shadow: 0 -1px 0 black;
686
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #002233));
687
- background-image: -webkit-linear-gradient(#0088cc, #002233);
688
- background-image: -moz-linear-gradient(#0088cc, #002233);
689
- background-image: -o-linear-gradient(#0088cc, #002233);
690
- background-image: linear-gradient(#0088cc, #002233);
691
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
692
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
693
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
694
- }
695
- .button-3d-demo-2.disabled {
696
- border: 1px solid #755354;
697
- cursor: not-allowed;
698
- color: white;
699
- }
700
- .button-3d-demo-2.disabled span, .button-3d-demo-2.disabled span:hover, .button-3d-demo-2.disabled span:active {
701
- text-shadow: 0 -1px 0 black;
702
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
703
- background-image: -webkit-linear-gradient(#979797, #4b4b4b);
704
- background-image: -moz-linear-gradient(#979797, #4b4b4b);
705
- background-image: -o-linear-gradient(#979797, #4b4b4b);
706
- background-image: linear-gradient(#979797, #4b4b4b);
707
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
708
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
709
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
710
- }
711
- .ie7 .button-3d-demo-2 span, .ie8 .button-3d-demo-2 span, .ie9 .button-3d-demo-2 span {
712
- *zoom: 1;
713
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233');
714
- }
715
- .ie7 .button-3d-demo-2 span:hover, .ie8 .button-3d-demo-2 span:hover, .ie9 .button-3d-demo-2 span:hover {
716
- *zoom: 1;
717
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF004466');
718
- }
719
- .ie7 .button-3d-demo-2 span:active, .ie8 .button-3d-demo-2 span:active, .ie9 .button-3d-demo-2 span:active {
720
- *zoom: 1;
721
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233');
722
- }
723
- .ie7 .button-3d-demo-2.disabled span, .ie7 .button-3d-demo-2.disabled span:hover, .ie7 .button-3d-demo-2.disabled span:active, .ie8 .button-3d-demo-2.disabled span, .ie8 .button-3d-demo-2.disabled span:hover, .ie8 .button-3d-demo-2.disabled span:active, .ie9 .button-3d-demo-2.disabled span, .ie9 .button-3d-demo-2.disabled span:hover, .ie9 .button-3d-demo-2.disabled span:active {
724
- *zoom: 1;
725
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
726
- }
727
-
728
- .button-3d-demo-3 {
729
- overflow: hidden;
730
- display: inline-block;
731
- line-height: 2.2em;
732
- color: white;
733
- border: 1px solid #e08505;
734
- font-family: sans-serif;
735
- font-size: 13px;
736
- text-decoration: none;
737
- text-align: center;
738
- cursor: pointer;
739
- text-shadow: 0 1px 0 black;
740
- -webkit-border-radius: 0.4em;
741
- -moz-border-radius: 0.4em;
742
- -ms-border-radius: 0.4em;
743
- -o-border-radius: 0.4em;
744
- border-radius: 0.4em;
745
- }
746
- .button-3d-demo-3:active {
747
- position: relative;
748
- top: 1px;
749
- }
750
- .button-3d-demo-3.disabled:active {
751
- position: static;
752
- }
753
- .button-3d-demo-3 span {
754
- display: block;
755
- padding: 0 13px;
756
- }
757
- .button-3d-demo-3:visited {
758
- color: white;
759
- }
760
- .button-3d-demo-3:hover {
761
- text-decoration: none;
762
- color: white;
763
- }
764
- .button-3d-demo-3 span {
765
- background-color: #fbb450;
766
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
767
- background-image: -webkit-linear-gradient(#fbb450, #ae6704);
768
- background-image: -moz-linear-gradient(#fbb450, #ae6704);
769
- background-image: -o-linear-gradient(#fbb450, #ae6704);
770
- background-image: linear-gradient(#fbb450, #ae6704);
771
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
772
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
773
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
774
- }
775
- .button-3d-demo-3 span:hover {
776
- background-color: #ffb54c;
777
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #e08505));
778
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #e08505);
779
- background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #e08505);
780
- background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #e08505);
781
- background-image: linear-gradient(rgba(255, 255, 255, 0), #e08505);
782
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #ffb54c;
783
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #ffb54c;
784
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #ffb54c;
785
- }
786
- .button-3d-demo-3 span:active {
787
- text-shadow: 0 -1px 0 black;
788
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
789
- background-image: -webkit-linear-gradient(#fbb450, #ae6704);
790
- background-image: -moz-linear-gradient(#fbb450, #ae6704);
791
- background-image: -o-linear-gradient(#fbb450, #ae6704);
792
- background-image: linear-gradient(#fbb450, #ae6704);
793
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
794
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
795
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
796
- }
797
- .button-3d-demo-3.disabled {
798
- border: 1px solid #755354;
799
- cursor: not-allowed;
800
- color: white;
801
- }
802
- .button-3d-demo-3.disabled span, .button-3d-demo-3.disabled span:hover, .button-3d-demo-3.disabled span:active {
803
- text-shadow: 0 -1px 0 black;
804
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
805
- background-image: -webkit-linear-gradient(#979797, #4b4b4b);
806
- background-image: -moz-linear-gradient(#979797, #4b4b4b);
807
- background-image: -o-linear-gradient(#979797, #4b4b4b);
808
- background-image: linear-gradient(#979797, #4b4b4b);
809
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
810
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
811
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
812
- }
813
- .ie7 .button-3d-demo-3 span, .ie8 .button-3d-demo-3 span, .ie9 .button-3d-demo-3 span {
814
- *zoom: 1;
815
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704');
816
- }
817
- .ie7 .button-3d-demo-3 span:hover, .ie8 .button-3d-demo-3 span:hover, .ie9 .button-3d-demo-3 span:hover {
818
- *zoom: 1;
819
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFE08505');
820
- }
821
- .ie7 .button-3d-demo-3 span:active, .ie8 .button-3d-demo-3 span:active, .ie9 .button-3d-demo-3 span:active {
822
- *zoom: 1;
823
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704');
824
- }
825
- .ie7 .button-3d-demo-3.disabled span, .ie7 .button-3d-demo-3.disabled span:hover, .ie7 .button-3d-demo-3.disabled span:active, .ie8 .button-3d-demo-3.disabled span, .ie8 .button-3d-demo-3.disabled span:hover, .ie8 .button-3d-demo-3.disabled span:active, .ie9 .button-3d-demo-3.disabled span, .ie9 .button-3d-demo-3.disabled span:hover, .ie9 .button-3d-demo-3.disabled span:active {
826
- *zoom: 1;
827
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
828
- }
829
-
830
- .button-3d-demo-4 {
831
- overflow: hidden;
832
- display: block;
833
- line-height: 2.2em;
834
- color: white;
835
- border: 1px solid #00132e;
836
- font-family: sans-serif;
837
- font-size: 24px;
838
- text-decoration: none;
839
- text-align: center;
840
- cursor: pointer;
841
- text-shadow: 0 1px 0 black;
842
- -webkit-border-radius: 0.4em;
843
- -moz-border-radius: 0.4em;
844
- -ms-border-radius: 0.4em;
845
- -o-border-radius: 0.4em;
846
- border-radius: 0.4em;
847
- }
848
- .button-3d-demo-4:active {
849
- position: relative;
850
- top: 1px;
851
- }
852
- .button-3d-demo-4.disabled:active {
853
- position: static;
854
- }
855
- .button-3d-demo-4 span {
856
- display: block;
857
- padding: 0 24px;
858
- }
859
- .button-3d-demo-4:visited {
860
- color: white;
861
- }
862
- .button-3d-demo-4:hover {
863
- text-decoration: none;
864
- color: white;
865
- }
866
- .button-3d-demo-4 span {
867
- background-color: #013d93;
868
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
869
- background-image: -webkit-linear-gradient(#013d93, #000000);
870
- background-image: -moz-linear-gradient(#013d93, #000000);
871
- background-image: -o-linear-gradient(#013d93, #000000);
872
- background-image: linear-gradient(#013d93, #000000);
873
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
874
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
875
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
876
- }
877
- .button-3d-demo-4 span:hover {
878
- background-color: #003d94;
879
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #00132e));
880
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #00132e);
881
- background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #00132e);
882
- background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #00132e);
883
- background-image: linear-gradient(rgba(255, 255, 255, 0), #00132e);
884
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #003d94;
885
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #003d94;
886
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #003d94;
887
- }
888
- .button-3d-demo-4 span:active {
889
- text-shadow: 0 -1px 0 black;
890
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
891
- background-image: -webkit-linear-gradient(#013d93, #000000);
892
- background-image: -moz-linear-gradient(#013d93, #000000);
893
- background-image: -o-linear-gradient(#013d93, #000000);
894
- background-image: linear-gradient(#013d93, #000000);
895
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
896
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
897
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
898
- }
899
- .button-3d-demo-4.disabled {
900
- border: 1px solid #755354;
901
- cursor: not-allowed;
902
- color: white;
903
- }
904
- .button-3d-demo-4.disabled span, .button-3d-demo-4.disabled span:hover, .button-3d-demo-4.disabled span:active {
905
- text-shadow: 0 -1px 0 black;
906
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
907
- background-image: -webkit-linear-gradient(#979797, #4b4b4b);
908
- background-image: -moz-linear-gradient(#979797, #4b4b4b);
909
- background-image: -o-linear-gradient(#979797, #4b4b4b);
910
- background-image: linear-gradient(#979797, #4b4b4b);
911
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
912
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
913
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
914
- }
915
- .ie7 .button-3d-demo-4 span, .ie8 .button-3d-demo-4 span, .ie9 .button-3d-demo-4 span {
916
- *zoom: 1;
917
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000');
918
- }
919
- .ie7 .button-3d-demo-4 span:hover, .ie8 .button-3d-demo-4 span:hover, .ie9 .button-3d-demo-4 span:hover {
920
- *zoom: 1;
921
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF00132E');
922
- }
923
- .ie7 .button-3d-demo-4 span:active, .ie8 .button-3d-demo-4 span:active, .ie9 .button-3d-demo-4 span:active {
924
- *zoom: 1;
925
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000');
926
- }
927
- .ie7 .button-3d-demo-4.disabled span, .ie7 .button-3d-demo-4.disabled span:hover, .ie7 .button-3d-demo-4.disabled span:active, .ie8 .button-3d-demo-4.disabled span, .ie8 .button-3d-demo-4.disabled span:hover, .ie8 .button-3d-demo-4.disabled span:active, .ie9 .button-3d-demo-4.disabled span, .ie9 .button-3d-demo-4.disabled span:hover, .ie9 .button-3d-demo-4.disabled span:active {
928
- *zoom: 1;
929
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
930
- }
931
-
932
- .button-3d-demo-5 {
933
- overflow: hidden;
934
- display: inline-block;
935
- line-height: 1.75em;
936
- color: #013d93;
937
- border: 1px solid #bbbbbb;
938
- font-family: sans-serif;
939
- font-size: 11px;
940
- text-decoration: none;
941
- text-align: center;
942
- cursor: pointer;
943
- text-shadow: 0 1px 0 #b5b5b5;
944
- -webkit-border-radius: 1.1em;
945
- -moz-border-radius: 1.1em;
946
- -ms-border-radius: 1.1em;
947
- -o-border-radius: 1.1em;
948
- border-radius: 1.1em;
949
- }
950
- .button-3d-demo-5:active {
951
- position: relative;
952
- top: 1px;
953
- }
954
- .button-3d-demo-5.disabled:active {
955
- position: static;
956
- }
957
- .button-3d-demo-5 span {
958
- display: block;
959
- padding: 0 11px;
960
- }
961
- .button-3d-demo-5:visited {
962
- color: #013d93;
963
- }
964
- .button-3d-demo-5:hover {
965
- text-decoration: none;
966
- color: #013d93;
967
- }
968
- .button-3d-demo-5 span {
969
- background-color: #eeeeee;
970
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
971
- background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
972
- background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
973
- background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
974
- background-image: linear-gradient(#eeeeee, #a2a2a2);
975
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
976
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
977
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
978
- }
979
- .button-3d-demo-5 span:hover {
980
- background-color: #f0ecec;
981
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #bbbbbb));
982
- background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #bbbbbb);
983
- background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #bbbbbb);
984
- background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #bbbbbb);
985
- background-image: linear-gradient(rgba(255, 255, 255, 0), #bbbbbb);
986
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #f0ecec;
987
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #f0ecec;
988
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5), inset 0 0 1em #f0ecec;
989
- }
990
- .button-3d-demo-5 span:active {
991
- text-shadow: 0 -1px 0 #b5b5b5;
992
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
993
- background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
994
- background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
995
- background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
996
- background-image: linear-gradient(#eeeeee, #a2a2a2);
997
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
998
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
999
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.1), inset 0 0.1em 0.2em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(0, 0, 0, 0.1), inset 0 0 1em rgba(0, 0, 0, 0.75);
1000
- }
1001
- .button-3d-demo-5.disabled {
1002
- border: 1px solid #755354;
1003
- cursor: not-allowed;
1004
- color: white;
1005
- }
1006
- .button-3d-demo-5.disabled span, .button-3d-demo-5.disabled span:hover, .button-3d-demo-5.disabled span:active {
1007
- text-shadow: 0 -1px 0 black;
1008
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
1009
- background-image: -webkit-linear-gradient(#979797, #4b4b4b);
1010
- background-image: -moz-linear-gradient(#979797, #4b4b4b);
1011
- background-image: -o-linear-gradient(#979797, #4b4b4b);
1012
- background-image: linear-gradient(#979797, #4b4b4b);
1013
- -webkit-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
1014
- -moz-box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
1015
- box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.25), inset 0 0 1em rgba(0, 0, 0, 0.75);
1016
- }
1017
- .ie7 .button-3d-demo-5 span, .ie8 .button-3d-demo-5 span, .ie9 .button-3d-demo-5 span {
1018
- *zoom: 1;
1019
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2');
1020
- }
1021
- .ie7 .button-3d-demo-5 span:hover, .ie8 .button-3d-demo-5 span:hover, .ie9 .button-3d-demo-5 span:hover {
1022
- *zoom: 1;
1023
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFBBBBBB');
1024
- }
1025
- .ie7 .button-3d-demo-5 span:active, .ie8 .button-3d-demo-5 span:active, .ie9 .button-3d-demo-5 span:active {
1026
- *zoom: 1;
1027
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2');
1028
- }
1029
- .ie7 .button-3d-demo-5.disabled span, .ie7 .button-3d-demo-5.disabled span:hover, .ie7 .button-3d-demo-5.disabled span:active, .ie8 .button-3d-demo-5.disabled span, .ie8 .button-3d-demo-5.disabled span:hover, .ie8 .button-3d-demo-5.disabled span:active, .ie9 .button-3d-demo-5.disabled span, .ie9 .button-3d-demo-5.disabled span:hover, .ie9 .button-3d-demo-5.disabled span:active {
1030
- *zoom: 1;
1031
- filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
1032
- }
1033
-
1034
- .button-mini-demo-1 {
1035
- display: inline-block;
1036
- height: 20px;
1037
- padding-right: 10px;
1038
- padding-right: 10px;
1039
- font-family: sans-serif;
1040
- text-decoration: none;
1041
- cursor: pointer;
1042
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(51%, #d6d6d6), color-stop(100%, #cacaca));
1043
- background: -webkit-linear-gradient(top, #f0f0f0 0%, #e3e3e3 50%, #d6d6d6 51%, #cacaca 100%);
1044
- background: -moz-linear-gradient(top, #f0f0f0 0%, #e3e3e3 50%, #d6d6d6 51%, #cacaca 100%);
1045
- background: -o-linear-gradient(top, #f0f0f0 0%, #e3e3e3 50%, #d6d6d6 51%, #cacaca 100%);
1046
- background: linear-gradient(top, #f0f0f0 0%, #e3e3e3 50%, #d6d6d6 51%, #cacaca 100%);
1047
- -webkit-border-radius: 20px;
1048
- -moz-border-radius: 20px;
1049
- -ms-border-radius: 20px;
1050
- -o-border-radius: 20px;
1051
- border-radius: 20px;
1052
- -webkit-box-shadow: #333333 0px 1px 2px 0px;
1053
- -moz-box-shadow: #333333 0px 1px 2px 0px;
1054
- box-shadow: #333333 0px 1px 2px 0px;
1055
- }
1056
- .button-mini-demo-1 span {
1057
- height: 20px;
1058
- line-height: 20px;
1059
- padding-left: 10px;
1060
- display: block;
1061
- }
1062
- .button-mini-demo-1:hover {
1063
- text-decoration: none;
1064
- background: #e3e3e3;
1065
- }
1066
- .button-mini-demo-1:active {
1067
- background: #cacaca;
1068
- -webkit-box-shadow: #999999 0px 0px 3px 3px inset;
1069
- -moz-box-shadow: #999999 0px 0px 3px 3px inset;
1070
- box-shadow: #999999 0px 0px 3px 3px inset;
1071
- }
1072
- .button-mini-demo-1 span {
1073
- color: #0e6695;
1074
- font-size: 11px;
1075
- }
1076
- .ie7 .button-mini-demo-1, .ie8 .button-mini-demo-1, .ie9 .button-mini-demo-1 {
1077
- background: url('../img/picasso-buttons-mini.png');
1078
- background-position: right -1px;
1079
- }
1080
- .ie7 .button-mini-demo-1:hover, .ie8 .button-mini-demo-1:hover, .ie9 .button-mini-demo-1:hover {
1081
- background-position: right -21px;
1082
- }
1083
- .ie7 .button-mini-demo-1 span, .ie8 .button-mini-demo-1 span, .ie9 .button-mini-demo-1 span {
1084
- background-image: url('../img/picasso-buttons-mini.png');
1085
- background-color: white;
1086
- background-position: 0 -1px;
1087
- }
1088
- .ie7 .button-mini-demo-1 span:hover, .ie8 .button-mini-demo-1 span:hover, .ie9 .button-mini-demo-1 span:hover {
1089
- background-position: 0 -21px;
1090
- }
1091
- .ie9 .button-mini-demo-1 {
1092
- -webkit-border-radius: none;
1093
- -moz-border-radius: none;
1094
- -ms-border-radius: none;
1095
- -o-border-radius: none;
1096
- border-radius: none;
1097
- -webkit-box-shadow: none;
1098
- -moz-box-shadow: none;
1099
- box-shadow: none;
1100
- }
1101
-
1102
- .button-mini-demo-2 {
1103
- display: inline-block;
1104
- height: 20px;
1105
- padding-right: 10px;
1106
- padding-right: 10px;
1107
- font-family: sans-serif;
1108
- text-decoration: none;
1109
- cursor: pointer;
1110
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(50%, #0077b3), color-stop(51%, #006699), color-stop(100%, #005580));
1111
- background: -webkit-linear-gradient(top, #0088cc 0%, #0077b3 50%, #006699 51%, #005580 100%);
1112
- background: -moz-linear-gradient(top, #0088cc 0%, #0077b3 50%, #006699 51%, #005580 100%);
1113
- background: -o-linear-gradient(top, #0088cc 0%, #0077b3 50%, #006699 51%, #005580 100%);
1114
- background: linear-gradient(top, #0088cc 0%, #0077b3 50%, #006699 51%, #005580 100%);
1115
- -webkit-border-radius: 20px;
1116
- -moz-border-radius: 20px;
1117
- -ms-border-radius: 20px;
1118
- -o-border-radius: 20px;
1119
- border-radius: 20px;
1120
- -webkit-box-shadow: #333333 0px 1px 2px 0px;
1121
- -moz-box-shadow: #333333 0px 1px 2px 0px;
1122
- box-shadow: #333333 0px 1px 2px 0px;
1123
- }
1124
- .button-mini-demo-2 span {
1125
- height: 20px;
1126
- line-height: 20px;
1127
- padding-left: 10px;
1128
- display: block;
1129
- }
1130
- .button-mini-demo-2:hover {
1131
- text-decoration: none;
1132
- background: #0077b3;
1133
- }
1134
- .button-mini-demo-2:active {
1135
- background: #005580;
1136
- -webkit-box-shadow: #999999 0px 0px 3px 3px inset;
1137
- -moz-box-shadow: #999999 0px 0px 3px 3px inset;
1138
- box-shadow: #999999 0px 0px 3px 3px inset;
1139
- }
1140
- .button-mini-demo-2 span {
1141
- color: white;
1142
- font-size: 11px;
1143
- }
1144
- .ie7 .button-mini-demo-2, .ie8 .button-mini-demo-2, .ie9 .button-mini-demo-2 {
1145
- background: url('../img/picasso-buttons-mini.png');
1146
- background-position: right -41px;
1147
- }
1148
- .ie7 .button-mini-demo-2:hover, .ie8 .button-mini-demo-2:hover, .ie9 .button-mini-demo-2:hover {
1149
- background-position: right -61px;
1150
- }
1151
- .ie7 .button-mini-demo-2 span, .ie8 .button-mini-demo-2 span, .ie9 .button-mini-demo-2 span {
1152
- background-image: url('../img/picasso-buttons-mini.png');
1153
- background-color: white;
1154
- background-position: 0 -41px;
1155
- }
1156
- .ie7 .button-mini-demo-2 span:hover, .ie8 .button-mini-demo-2 span:hover, .ie9 .button-mini-demo-2 span:hover {
1157
- background-position: 0 -61px;
1158
- }
1159
- .ie9 .button-mini-demo-2 {
1160
- -webkit-border-radius: none;
1161
- -moz-border-radius: none;
1162
- -ms-border-radius: none;
1163
- -o-border-radius: none;
1164
- border-radius: none;
1165
- -webkit-box-shadow: none;
1166
- -moz-box-shadow: none;
1167
- box-shadow: none;
1168
- }
1169
-
1170
- .button-mini-demo-3 {
1171
- display: inline-block;
1172
- height: 20px;
1173
- padding-right: 10px;
1174
- padding-right: 10px;
1175
- font-family: sans-serif;
1176
- text-decoration: none;
1177
- cursor: pointer;
1178
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da4f49), color-stop(50%, #d63b34), color-stop(51%, #c72f29), color-stop(100%, #b22a24));
1179
- background: -webkit-linear-gradient(top, #da4f49 0%, #d63b34 50%, #c72f29 51%, #b22a24 100%);
1180
- background: -moz-linear-gradient(top, #da4f49 0%, #d63b34 50%, #c72f29 51%, #b22a24 100%);
1181
- background: -o-linear-gradient(top, #da4f49 0%, #d63b34 50%, #c72f29 51%, #b22a24 100%);
1182
- background: linear-gradient(top, #da4f49 0%, #d63b34 50%, #c72f29 51%, #b22a24 100%);
1183
- -webkit-border-radius: 20px;
1184
- -moz-border-radius: 20px;
1185
- -ms-border-radius: 20px;
1186
- -o-border-radius: 20px;
1187
- border-radius: 20px;
1188
- -webkit-box-shadow: #333333 0px 1px 2px 0px;
1189
- -moz-box-shadow: #333333 0px 1px 2px 0px;
1190
- box-shadow: #333333 0px 1px 2px 0px;
1191
- }
1192
- .button-mini-demo-3 span {
1193
- height: 20px;
1194
- line-height: 20px;
1195
- padding-left: 10px;
1196
- display: block;
1197
- }
1198
- .button-mini-demo-3:hover {
1199
- text-decoration: none;
1200
- background: #d63b34;
1201
- }
1202
- .button-mini-demo-3:active {
1203
- background: #b22a24;
1204
- -webkit-box-shadow: #999999 0px 0px 3px 3px inset;
1205
- -moz-box-shadow: #999999 0px 0px 3px 3px inset;
1206
- box-shadow: #999999 0px 0px 3px 3px inset;
1207
- }
1208
- .button-mini-demo-3 span {
1209
- color: white;
1210
- font-size: 11px;
1211
- }
1212
- .ie7 .button-mini-demo-3, .ie8 .button-mini-demo-3, .ie9 .button-mini-demo-3 {
1213
- background: url('../img/picasso-buttons-mini.png');
1214
- background-position: right -81px;
1215
- }
1216
- .ie7 .button-mini-demo-3:hover, .ie8 .button-mini-demo-3:hover, .ie9 .button-mini-demo-3:hover {
1217
- background-position: right -101px;
1218
- }
1219
- .ie7 .button-mini-demo-3 span, .ie8 .button-mini-demo-3 span, .ie9 .button-mini-demo-3 span {
1220
- background-image: url('../img/picasso-buttons-mini.png');
1221
- background-color: white;
1222
- background-position: 0 -81px;
1223
- }
1224
- .ie7 .button-mini-demo-3 span:hover, .ie8 .button-mini-demo-3 span:hover, .ie9 .button-mini-demo-3 span:hover {
1225
- background-position: 0 -101px;
1226
- }
1227
- .ie9 .button-mini-demo-3 {
1228
- -webkit-border-radius: none;
1229
- -moz-border-radius: none;
1230
- -ms-border-radius: none;
1231
- -o-border-radius: none;
1232
- border-radius: none;
1233
- -webkit-box-shadow: none;
1234
- -moz-box-shadow: none;
1235
- box-shadow: none;
1236
- }
1237
-
1238
- .button-mini-demo-4 {
1239
- display: inline-block;
1240
- height: 20px;
1241
- padding-right: 10px;
1242
- padding-right: 10px;
1243
- font-family: sans-serif;
1244
- text-decoration: none;
1245
- cursor: pointer;
1246
- background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #414141), color-stop(50%, #343434), color-stop(51%, #272727), color-stop(100%, #1b1b1b));
1247
- background: -webkit-linear-gradient(top, #414141 0%, #343434 50%, #272727 51%, #1b1b1b 100%);
1248
- background: -moz-linear-gradient(top, #414141 0%, #343434 50%, #272727 51%, #1b1b1b 100%);
1249
- background: -o-linear-gradient(top, #414141 0%, #343434 50%, #272727 51%, #1b1b1b 100%);
1250
- background: linear-gradient(top, #414141 0%, #343434 50%, #272727 51%, #1b1b1b 100%);
1251
- -webkit-border-radius: 20px;
1252
- -moz-border-radius: 20px;
1253
- -ms-border-radius: 20px;
1254
- -o-border-radius: 20px;
1255
- border-radius: 20px;
1256
- -webkit-box-shadow: #333333 0px 1px 2px 0px;
1257
- -moz-box-shadow: #333333 0px 1px 2px 0px;
1258
- box-shadow: #333333 0px 1px 2px 0px;
1259
- }
1260
- .button-mini-demo-4 span {
1261
- height: 20px;
1262
- line-height: 20px;
1263
- padding-left: 10px;
1264
- display: block;
1265
- }
1266
- .button-mini-demo-4:hover {
1267
- text-decoration: none;
1268
- background: #343434;
1269
- }
1270
- .button-mini-demo-4:active {
1271
- background: #1b1b1b;
1272
- -webkit-box-shadow: #999999 0px 0px 3px 3px inset;
1273
- -moz-box-shadow: #999999 0px 0px 3px 3px inset;
1274
- box-shadow: #999999 0px 0px 3px 3px inset;
1275
- }
1276
- .button-mini-demo-4 span {
1277
- color: white;
1278
- font-size: 11px;
1279
- }
1280
- .ie7 .button-mini-demo-4, .ie8 .button-mini-demo-4, .ie9 .button-mini-demo-4 {
1281
- background: url('../img/picasso-buttons-mini.png');
1282
- background-position: right -121px;
1283
- }
1284
- .ie7 .button-mini-demo-4:hover, .ie8 .button-mini-demo-4:hover, .ie9 .button-mini-demo-4:hover {
1285
- background-position: right -141px;
1286
- }
1287
- .ie7 .button-mini-demo-4 span, .ie8 .button-mini-demo-4 span, .ie9 .button-mini-demo-4 span {
1288
- background-image: url('../img/picasso-buttons-mini.png');
1289
- background-color: white;
1290
- background-position: 0 -121px;
1291
- }
1292
- .ie7 .button-mini-demo-4 span:hover, .ie8 .button-mini-demo-4 span:hover, .ie9 .button-mini-demo-4 span:hover {
1293
- background-position: 0 -141px;
1294
- }
1295
- .ie9 .button-mini-demo-4 {
1296
- -webkit-border-radius: none;
1297
- -moz-border-radius: none;
1298
- -ms-border-radius: none;
1299
- -o-border-radius: none;
1300
- border-radius: none;
1301
- -webkit-box-shadow: none;
1302
- -moz-box-shadow: none;
1303
- box-shadow: none;
1304
- }
1305
-
1306
- .list-grid-demo-1:before, .list-grid-demo-1:after {
1307
- content: "";
1308
- display: table;
1309
- }
1310
- .list-grid-demo-1:after {
1311
- clear: both;
1312
- }
1313
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1314
- zoom: 1;
1315
- }
1316
- .list-grid-demo-1 ul {
1317
- float: left;
1318
- padding: 0px;
1319
- margin: 0px;
1320
- width: 130px;
1321
- }
1322
- .list-grid-demo-1 ul li {
1323
- height: 30px;
1324
- line-height: 30px;
1325
- padding-left: 10px;
1326
- padding-right: 10px;
1327
- }
1328
- .list-grid-demo-1 ul {
1329
- list-style: none outside none;
1330
- border-top: 1px solid #cccccc;
1331
- border-bottom: 1px solid #cccccc;
1332
- border-right: 1px solid #cccccc;
1333
- }
1334
- .list-grid-demo-1 ul:first-child {
1335
- border-left: 1px solid #cccccc;
1336
- }
1337
- .list-grid-demo-1 ul li {
1338
- text-align: center;
1339
- border: 1px solid transparent;
1340
- }
1341
- .list-grid-demo-1 ul li:first-child {
1342
- border-bottom: 1px solid #cccccc;
1343
- }
1344
- .list-grid-demo-1 ul li:nth-child(odd) {
1345
- background: none repeat scroll 0 0 #eeeeee;
1346
- }
1347
- .list-grid-demo-1 ul li:nth-child(even) {
1348
- background: none repeat scroll 0 0 white;
1349
- }
1350
- .list-grid-demo-1 ul li.cell-hover:hover {
1351
- border: 1px solid #319fda;
1352
- background: #f4fafd;
1353
- cursor: pointer;
1354
- }
1355
- .ie7 .list-grid-demo-1 ul li:first-child, .ie8 .list-grid-demo-1 ul li:first-child {
1356
- background: none repeat scroll 0 0 #eeeeee;
1357
- }
1358
- .ie7 .list-grid-demo-1 ul li.even, .ie8 .list-grid-demo-1 ul li.even {
1359
- background: none repeat scroll 0 0 white;
1360
- }
1361
- .ie7 .list-grid-demo-1 ul li.odd, .ie8 .list-grid-demo-1 ul li.odd {
1362
- background: none repeat scroll 0 0 #eeeeee;
1363
- }
1364
-
1365
- .nav-demo-1:before, .nav-demo-1:after {
1366
- content: "";
1367
- display: table;
1368
- }
1369
- .nav-demo-1:after {
1370
- clear: both;
1371
- }
1372
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1373
- zoom: 1;
1374
- }
1375
- .nav-demo-1 ul {
1376
- margin: 0;
1377
- padding: 0;
1378
- text-align: center;
1379
- float: left;
1380
- }
1381
- .nav-demo-1 ul:before, .nav-demo-1 ul:after {
1382
- content: "";
1383
- display: table;
1384
- }
1385
- .nav-demo-1 ul:after {
1386
- clear: both;
1387
- }
1388
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1389
- zoom: 1;
1390
- }
1391
- .nav-demo-1 ul li {
1392
- display: inline-block;
1393
- height: 40px;
1394
- line-height: 40px;
1395
- float: left;
1396
- }
1397
- .nav-demo-1 ul li a {
1398
- display: block;
1399
- padding: 0 15px;
1400
- }
1401
- .ie7 .nav-demo-1 ul li, .ie8 .nav-demo-1 ul li, .ie9 .nav-demo-1 ul li {
1402
- height: 46px;
1403
- }
1404
- .nav-demo-1 ul {
1405
- list-style: none;
1406
- -webkit-box-shadow: 0 6px 6px -6px black;
1407
- -moz-box-shadow: 0 6px 6px -6px black;
1408
- box-shadow: 0 6px 6px -6px black;
1409
- }
1410
- .nav-demo-1 ul li {
1411
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
1412
- background-image: -webkit-linear-gradient(#ffffff, #e6e6e6);
1413
- background-image: -moz-linear-gradient(#ffffff, #e6e6e6);
1414
- background-image: -o-linear-gradient(#ffffff, #e6e6e6);
1415
- background-image: linear-gradient(#ffffff, #e6e6e6);
1416
- border-left: 1px solid #acacac;
1417
- border-top: 1px solid #acacac;
1418
- border-bottom: 1px solid #acacac;
1419
- }
1420
- .nav-demo-1 ul li:hover {
1421
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
1422
- background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
1423
- background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
1424
- background-image: -o-linear-gradient(#ffffff, #f2f2f2);
1425
- background-image: linear-gradient(#ffffff, #f2f2f2);
1426
- }
1427
- .nav-demo-1 ul li:first-child {
1428
- -moz-border-radius-topleft: 5px;
1429
- -webkit-border-top-left-radius: 5px;
1430
- border-top-left-radius: 5px;
1431
- -moz-border-radius-bottomleft: 5px;
1432
- -webkit-border-bottom-left-radius: 5px;
1433
- border-bottom-left-radius: 5px;
1434
- }
1435
- .nav-demo-1 ul li:last-child {
1436
- -moz-border-radius-topright: 5px;
1437
- -webkit-border-top-right-radius: 5px;
1438
- border-top-right-radius: 5px;
1439
- -moz-border-radius-bottomright: 5px;
1440
- -webkit-border-bottom-right-radius: 5px;
1441
- border-bottom-right-radius: 5px;
1442
- border-right: 1px solid #acacac;
1443
- }
1444
- .nav-demo-1 ul li a {
1445
- font-size: 16px;
1446
- font-family: sans-serif;
1447
- }
1448
- .nav-demo-1 ul .active {
1449
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));
1450
- background-image: -webkit-linear-gradient(#e6e6e6, #ffffff);
1451
- background-image: -moz-linear-gradient(#e6e6e6, #ffffff);
1452
- background-image: -o-linear-gradient(#e6e6e6, #ffffff);
1453
- background-image: linear-gradient(#e6e6e6, #ffffff);
1454
- }
1455
- .ie7 .nav-demo-1 ul li, .ie8 .nav-demo-1 ul li, .ie9 .nav-demo-1 ul li {
1456
- border-left: none;
1457
- border-top: none;
1458
- border-bottom: none;
1459
- background: transparent url('../img/picasso-nav.png') no-repeat center -1px;
1460
- }
1461
- .ie7 .nav-demo-1 ul li a, .ie8 .nav-demo-1 ul li a, .ie9 .nav-demo-1 ul li a {
1462
- border-left: 1px solid #acacac;
1463
- }
1464
- .ie7 .nav-demo-1 ul li:hover, .ie8 .nav-demo-1 ul li:hover, .ie9 .nav-demo-1 ul li:hover {
1465
- background: transparent url('../img/picasso-nav.png') center -47px no-repeat;
1466
- }
1467
- .ie7 .nav-demo-1 ul li:first-child, .ie8 .nav-demo-1 ul li:first-child, .ie9 .nav-demo-1 ul li:first-child {
1468
- background: transparent url('../img/picasso-nav.png') no-repeat left -1px;
1469
- }
1470
- .ie7 .nav-demo-1 ul li:first-child a, .ie8 .nav-demo-1 ul li:first-child a, .ie9 .nav-demo-1 ul li:first-child a {
1471
- border-left: none;
1472
- }
1473
- .ie7 .nav-demo-1 ul li:first-child:hover, .ie8 .nav-demo-1 ul li:first-child:hover, .ie9 .nav-demo-1 ul li:first-child:hover {
1474
- background: transparent url('../img/picasso-nav.png') left -47px no-repeat;
1475
- }
1476
- .ie7 .nav-demo-1 ul li:first-child.active, .ie8 .nav-demo-1 ul li:first-child.active, .ie9 .nav-demo-1 ul li:first-child.active {
1477
- background: transparent url('../img/picasso-nav.png') no-repeat left -47px;
1478
- }
1479
- .ie7 .nav-demo-1 ul .last, .ie8 .nav-demo-1 ul .last, .ie9 .nav-demo-1 ul .last {
1480
- background: transparent url('../img/picasso-nav.png') no-repeat right -47px;
1481
- }
1482
- .ie7 .nav-demo-1 ul .last:hover, .ie8 .nav-demo-1 ul .last:hover, .ie9 .nav-demo-1 ul .last:hover {
1483
- background: transparent url('../img/picasso-nav.png') right -47px no-repeat;
1484
- }
1485
- .ie7 .nav-demo-1 ul .active, .ie8 .nav-demo-1 ul .active, .ie9 .nav-demo-1 ul .active {
1486
- background: transparent url('../img/picasso-nav.png') no-repeat center -47px;
1487
- }
1488
- .ie7 .nav-demo-1 ul .last.active, .ie8 .nav-demo-1 ul .last.active, .ie9 .nav-demo-1 ul .last.active {
1489
- background: transparent url('../img/picasso-nav.png') no-repeat right -47px;
1490
- }
1491
- .ie9 .nav-demo-1 ul {
1492
- -webkit-box-shadow: none;
1493
- -moz-box-shadow: none;
1494
- box-shadow: none;
1495
- }
1496
- .ie9 .nav-demo-1 ul li:first-child {
1497
- -moz-border-radius-topleft: none;
1498
- -webkit-border-top-left-radius: none;
1499
- border-top-left-radius: none;
1500
- -moz-border-radius-bottomleft: none;
1501
- -webkit-border-bottom-left-radius: none;
1502
- border-bottom-left-radius: none;
1503
- }
1504
- .ie9 .nav-demo-1 ul li:last-child {
1505
- -moz-border-radius-topright: none;
1506
- -webkit-border-top-right-radius: none;
1507
- border-top-right-radius: none;
1508
- -moz-border-radius-bottomright: none;
1509
- -webkit-border-bottom-right-radius: none;
1510
- border-bottom-right-radius: none;
1511
- border: none;
1512
- }
1513
-
1514
- .picasso-_popups .styledocco-example {
1515
- position: relative;
1516
- height: 150px;
1517
- }
1518
-
1519
- .popup-demo-1 {
1520
- padding: 10px;
1521
- position: absolute;
1522
- }
1523
- .popup-demo-1:after, .ie7 .popup-demo-1 .after {
1524
- content: "";
1525
- position: absolute;
1526
- top: 0px;
1527
- left: 0px;
1528
- width: 100%;
1529
- height: 100%;
1530
- z-index: 0;
1531
- }
1532
- .popup-demo-1 .popup-header h4 {
1533
- line-height: 20px;
1534
- padding: 10px;
1535
- }
1536
- .popup-demo-1 .popup-container {
1537
- z-index: 1;
1538
- position: relative;
1539
- }
1540
- .popup-demo-1 .popup-arrow {
1541
- position: absolute;
1542
- height: 0px;
1543
- width: 0px;
1544
- }
1545
- .popup-demo-1 .popup-arrow-bottom {
1546
- bottom: -10px;
1547
- left: 10px;
1548
- }
1549
- .popup-demo-1 .popup-arrow-top {
1550
- top: -10px;
1551
- left: 10px;
1552
- }
1553
- .popup-demo-1 .popup-arrow-left {
1554
- left: -10px;
1555
- top: 10px;
1556
- }
1557
- .popup-demo-1 .popup-arrow-right {
1558
- right: -10px;
1559
- top: 10px;
1560
- }
1561
- .popup-demo-1 .popup-close {
1562
- position: absolute;
1563
- z-index: 10;
1564
- text-align: center;
1565
- line-height: 17px;
1566
- height: 20px;
1567
- width: 20px;
1568
- top: -13px;
1569
- right: -13px;
1570
- }
1571
- .ie7 .popup-demo-1 .popup-close, .ie8 .popup-demo-1 .popup-close {
1572
- line-height: 23px;
1573
- height: 26px;
1574
- width: 26px;
1575
- top: -13px;
1576
- right: -13px;
1577
- }
1578
- .ie7 .popup-demo-1 {
1579
- zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
1580
- }
1581
- .popup-demo-1:after, .ie7 .popup-demo-1 .after {
1582
- background: rgba(0, 0, 0, 0.7);
1583
- -webkit-border-radius: 3px;
1584
- -moz-border-radius: 3px;
1585
- -ms-border-radius: 3px;
1586
- -o-border-radius: 3px;
1587
- border-radius: 3px;
1588
- -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
1589
- -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
1590
- box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
1591
- }
1592
- .popup-demo-1 .popup-header {
1593
- background: none repeat scroll 0 0 #f7f7f7;
1594
- display: block;
1595
- }
1596
- .popup-demo-1 .popup-header h4 {
1597
- margin: 0;
1598
- color: #003770;
1599
- font-family: sans-serif;
1600
- font-size: 16px;
1601
- font-weight: normal;
1602
- }
1603
- .popup-demo-1 .popup-content {
1604
- background: white;
1605
- border: 1px solid transparent;
1606
- }
1607
- .popup-demo-1 .popup-arrow-bottom {
1608
- border-left: 10px solid transparent;
1609
- border-right: 10px solid transparent;
1610
- border-top: 10px solid rgba(0, 0, 0, 0.7);
1611
- }
1612
- .popup-demo-1 .popup-arrow-top {
1613
- border-left: 10px solid transparent;
1614
- border-right: 10px solid transparent;
1615
- border-bottom: 10px solid rgba(0, 0, 0, 0.7);
1616
- }
1617
- .popup-demo-1 .popup-arrow-left {
1618
- border-top: 10px solid transparent;
1619
- border-bottom: 10px solid transparent;
1620
- border-right: 10px solid rgba(0, 0, 0, 0.7);
1621
- }
1622
- .popup-demo-1 .popup-arrow-right {
1623
- border-top: 10px solid transparent;
1624
- border-bottom: 10px solid transparent;
1625
- border-left: 10px solid rgba(0, 0, 0, 0.7);
1626
- }
1627
- .popup-demo-1 .popup-close {
1628
- cursor: pointer;
1629
- border: 3px solid white;
1630
- color: white;
1631
- font-weight: bold;
1632
- font-family: sans-serif;
1633
- font-size: 16px;
1634
- background: #319fda;
1635
- -webkit-border-radius: 20px;
1636
- -moz-border-radius: 20px;
1637
- -ms-border-radius: 20px;
1638
- -o-border-radius: 20px;
1639
- border-radius: 20px;
1640
- -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
1641
- -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
1642
- box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
1643
- }
1644
- .ie7 .popup-demo-1:after, .ie7 .popup-demo-1 .after, .ie8 .popup-demo-1:after, .ie8 .popup-demo-1 .after {
1645
- background: black;
1646
- filter: alpha(opacity=70);
1647
- }
1648
- .ie7 .popup-demo-1 .popup-arrow, .ie8 .popup-demo-1 .popup-arrow {
1649
- filter: alpha(opacity=70);
1650
- }
1651
- .ie7 .popup-demo-1 .popup-arrow-bottom, .ie8 .popup-demo-1 .popup-arrow-bottom {
1652
- border-top: 10px solid black;
1653
- }
1654
- .ie7 .popup-demo-1 .popup-arrow-top, .ie8 .popup-demo-1 .popup-arrow-top {
1655
- border-bottom: 10px solid black;
1656
- }
1657
- .ie7 .popup-demo-1 .popup-arrow-left, .ie8 .popup-demo-1 .popup-arrow-left {
1658
- border-right: 10px solid black;
1659
- }
1660
- .ie7 .popup-demo-1 .popup-arrow-right, .ie8 .popup-demo-1 .popup-arrow-right {
1661
- border-left: 10px solid black;
1662
- }
1663
- .ie7 .popup-demo-1 .popup-close, .ie8 .popup-demo-1 .popup-close {
1664
- border-width: 0px;
1665
- background-color: transparent;
1666
- background: url('../img/picasso-popup.png');
1667
- background-position: 0px -1px;
1668
- }
1669
-
1670
- .popup-demo-2 {
1671
- padding: 10px;
1672
- position: absolute;
1673
- }
1674
- .popup-demo-2:after, .ie7 .popup-demo-2 .after {
1675
- content: "";
1676
- position: absolute;
1677
- top: 0px;
1678
- left: 0px;
1679
- width: 100%;
1680
- height: 100%;
1681
- z-index: 0;
1682
- }
1683
- .popup-demo-2 .popup-header h4 {
1684
- line-height: 20px;
1685
- padding: 10px;
1686
- }
1687
- .popup-demo-2 .popup-container {
1688
- z-index: 1;
1689
- position: relative;
1690
- }
1691
- .popup-demo-2 .popup-arrow {
1692
- position: absolute;
1693
- height: 0px;
1694
- width: 0px;
1695
- }
1696
- .popup-demo-2 .popup-arrow-bottom {
1697
- bottom: -10px;
1698
- left: 10px;
1699
- }
1700
- .popup-demo-2 .popup-arrow-top {
1701
- top: -10px;
1702
- left: 10px;
1703
- }
1704
- .popup-demo-2 .popup-arrow-left {
1705
- left: -10px;
1706
- top: 10px;
1707
- }
1708
- .popup-demo-2 .popup-arrow-right {
1709
- right: -10px;
1710
- top: 10px;
1711
- }
1712
- .popup-demo-2 .popup-close {
1713
- position: absolute;
1714
- z-index: 10;
1715
- text-align: center;
1716
- line-height: 17px;
1717
- height: 20px;
1718
- width: 20px;
1719
- top: -13px;
1720
- right: -13px;
1721
- }
1722
- .ie7 .popup-demo-2 .popup-close, .ie8 .popup-demo-2 .popup-close {
1723
- line-height: 23px;
1724
- height: 26px;
1725
- width: 26px;
1726
- top: -13px;
1727
- right: -13px;
1728
- }
1729
- .ie7 .popup-demo-2 {
1730
- zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
1731
- }
1732
- .popup-demo-2:after, .ie7 .popup-demo-2 .after {
1733
- background: rgba(1, 61, 147, 0.7);
1734
- -webkit-border-radius: 10px;
1735
- -moz-border-radius: 10px;
1736
- -ms-border-radius: 10px;
1737
- -o-border-radius: 10px;
1738
- border-radius: 10px;
1739
- -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px;
1740
- -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px;
1741
- box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px;
1742
- }
1743
- .popup-demo-2 .popup-header {
1744
- background: rgba(1, 61, 147, 0.7);
1745
- display: block;
1746
- }
1747
- .popup-demo-2 .popup-header h4 {
1748
- margin: 0;
1749
- color: white;
1750
- font-family: sans-serif;
1751
- font-size: 16px;
1752
- font-weight: normal;
1753
- }
1754
- .popup-demo-2 .popup-content {
1755
- background: black;
1756
- border: 1px solid transparent;
1757
- }
1758
- .popup-demo-2 .popup-arrow-bottom {
1759
- border-left: 10px solid transparent;
1760
- border-right: 10px solid transparent;
1761
- border-top: 10px solid rgba(1, 61, 147, 0.7);
1762
- }
1763
- .popup-demo-2 .popup-arrow-top {
1764
- border-left: 10px solid transparent;
1765
- border-right: 10px solid transparent;
1766
- border-bottom: 10px solid rgba(1, 61, 147, 0.7);
1767
- }
1768
- .popup-demo-2 .popup-arrow-left {
1769
- border-top: 10px solid transparent;
1770
- border-bottom: 10px solid transparent;
1771
- border-right: 10px solid rgba(1, 61, 147, 0.7);
1772
- }
1773
- .popup-demo-2 .popup-arrow-right {
1774
- border-top: 10px solid transparent;
1775
- border-bottom: 10px solid transparent;
1776
- border-left: 10px solid rgba(1, 61, 147, 0.7);
1777
- }
1778
- .popup-demo-2 .popup-close {
1779
- cursor: pointer;
1780
- border: 3px solid black;
1781
- color: black;
1782
- font-weight: bold;
1783
- font-family: sans-serif;
1784
- font-size: 16px;
1785
- background: red;
1786
- -webkit-border-radius: 20px;
1787
- -moz-border-radius: 20px;
1788
- -ms-border-radius: 20px;
1789
- -o-border-radius: 20px;
1790
- border-radius: 20px;
1791
- -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px;
1792
- -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px;
1793
- box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px;
1794
- }
1795
- .ie7 .popup-demo-2:after, .ie7 .popup-demo-2 .after, .ie8 .popup-demo-2:after, .ie8 .popup-demo-2 .after {
1796
- background: #013d93;
1797
- filter: alpha(opacity=70);
1798
- }
1799
- .ie7 .popup-demo-2 .popup-arrow, .ie8 .popup-demo-2 .popup-arrow {
1800
- filter: alpha(opacity=70);
1801
- }
1802
- .ie7 .popup-demo-2 .popup-arrow-bottom, .ie8 .popup-demo-2 .popup-arrow-bottom {
1803
- border-top: 10px solid #013d93;
1804
- }
1805
- .ie7 .popup-demo-2 .popup-arrow-top, .ie8 .popup-demo-2 .popup-arrow-top {
1806
- border-bottom: 10px solid #013d93;
1807
- }
1808
- .ie7 .popup-demo-2 .popup-arrow-left, .ie8 .popup-demo-2 .popup-arrow-left {
1809
- border-right: 10px solid #013d93;
1810
- }
1811
- .ie7 .popup-demo-2 .popup-arrow-right, .ie8 .popup-demo-2 .popup-arrow-right {
1812
- border-left: 10px solid #013d93;
1813
- }
1814
- .ie7 .popup-demo-2 .popup-close, .ie8 .popup-demo-2 .popup-close {
1815
- border-width: 0px;
1816
- background-color: transparent;
1817
- background: url('../img/picasso-popup.png');
1818
- background-position: 0px -27px;
1819
- }
1820
-
1821
- .bubble-demo-1 {
1822
- padding: 10px;
1823
- display: block;
1824
- width: auto;
1825
- position: relative;
1826
- background: #eeeeee;
1827
- -webkit-border-radius: 5px;
1828
- -moz-border-radius: 5px;
1829
- -ms-border-radius: 5px;
1830
- -o-border-radius: 5px;
1831
- border-radius: 5px;
1832
- }
1833
- .bubble-demo-1:after, .ie7 .bubble-demo-1 .after {
1834
- content: "";
1835
- position: absolute;
1836
- bottom: -15px;
1837
- right: 20px;
1838
- width: 0;
1839
- height: 0;
1840
- }
1841
- .ie7 .bubble-demo-1 {
1842
- zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
1843
- }
1844
- .bubble-demo-1 blockquote {
1845
- color: #999999;
1846
- }
1847
- .bubble-demo-1:after, .ie7 .bubble-demo-1 .after {
1848
- border-left: 10px solid transparent;
1849
- border-right: 10px solid transparent;
1850
- border-top: 15px solid #eeeeee;
1851
- }
1852
-
1853
- .accordion-demo-1 {
1854
- border: 1px solid #cccccc;
1855
- }
1856
- .accordion-demo-1 .accordion-section {
1857
- margin-top: 1px;
1858
- }
1859
- .accordion-demo-1 .accordion-section:first-child {
1860
- margin-top: 0;
1861
- }
1862
- .accordion-demo-1 .accordion-header {
1863
- padding: 0.4em 10px;
1864
- overflow: hidden;
1865
- }
1866
- .accordion-demo-1 .accordion-header h4 {
1867
- margin: 0;
1868
- float: left;
1869
- }
1870
- .accordion-demo-1 .accordion-header .accordion-arrow {
1871
- float: right;
1872
- }
1873
- .ie7 .accordion-demo-1 .accordion-header .accordion-arrow {
1874
- zoom: expression(this.runtimeStyle.zoom="1", this.innerHTML="<span class='open'>&#9660;</span><span class='close'>&#9658;</span>" );
1875
- }
1876
- .ie7 .accordion-demo-1 .accordion-header.accordion-header-open .close {
1877
- display: none;
1878
- }
1879
- .ie7 .accordion-demo-1 .accordion-header.accordion-header-close .open {
1880
- display: none;
1881
- }
1882
- .accordion-demo-1 .accordion-header {
1883
- background-color: #013d93;
1884
- color: white;
1885
- cursor: pointer;
1886
- font-size: 0.8em;
1887
- line-height: 0.8em;
1888
- }
1889
- .accordion-demo-1 .accordion-header.accordion-header-open .accordion-arrow:after {
1890
- content: "\25BC";
1891
- }
1892
- .accordion-demo-1 .accordion-header.accordion-header-close .accordion-arrow:after {
1893
- content: "\25BA";
1894
- }
1895
-
1896
- .pagination-demo-1 {
1897
- text-align: center;
1898
- }
1899
- .pagination-demo-1 ul {
1900
- display: inline-block;
1901
- }
1902
- .pagination-demo-1 ul li {
1903
- display: inline-block;
1904
- height: 27px;
1905
- text-align: center;
1906
- float: left;
1907
- margin-left: 2px;
1908
- margin-right: 2px;
1909
- }
1910
- .pagination-demo-1 ul li a {
1911
- display: block;
1912
- line-height: 27px;
1913
- min-width: 27px;
1914
- }
1915
- .pagination-demo-1 ul .prev {
1916
- margin: 0 10px 0 0;
1917
- }
1918
- .pagination-demo-1 ul .next {
1919
- margin: 0 0 0 10px;
1920
- }
1921
- .pagination-demo-1 ul .disabled {
1922
- display: none;
1923
- }
1924
- .pagination-demo-1 li {
1925
- background: #eeeeee;
1926
- border: 1px solid #cccccc;
1927
- -webkit-border-radius: 5px;
1928
- -moz-border-radius: 5px;
1929
- -ms-border-radius: 5px;
1930
- -o-border-radius: 5px;
1931
- border-radius: 5px;
1932
- list-style: none;
1933
- }
1934
- .pagination-demo-1 li a {
1935
- color: #319fda;
1936
- }
1937
- .pagination-demo-1 li a:hover {
1938
- color: white;
1939
- text-decoration: none;
1940
- }
1941
- .pagination-demo-1 li:hover {
1942
- background: #013d93;
1943
- }
1944
- .pagination-demo-1 .active, .pagination-demo-1 .prev, .pagination-demo-1 .next, .pagination-demo-1 .dots {
1945
- background: none;
1946
- border: none;
1947
- }
1948
- .pagination-demo-1 .active a:hover, .pagination-demo-1 .prev a:hover, .pagination-demo-1 .next a:hover, .pagination-demo-1 .dots a:hover {
1949
- color: #319fda;
1950
- }
1951
- .pagination-demo-1 .active:hover, .pagination-demo-1 .prev:hover, .pagination-demo-1 .next:hover, .pagination-demo-1 .dots:hover {
1952
- background: none;
1953
- }
1954
- .pagination-demo-1 .prev:hover, .pagination-demo-1 .next:hover {
1955
- text-decoration: underline;
1956
- }
1957
- .pagination-demo-1 .active a, .pagination-demo-1 .dots a {
1958
- color: #888888;
1959
- cursor: default;
1960
- text-decoration: none;
1961
- }
1962
- .pagination-demo-1 .active a:hover, .pagination-demo-1 .dots a:hover {
1963
- color: #888888;
1964
- text-decoration: none;
1965
- }
1966
-
1967
- .text-input-demo-1 {
1968
- width: 200px;
1969
- height: 20px;
1970
- line-height: 20px;
1971
- padding: 1px;
1972
- border: 1px solid #dddddd;
1973
- border-top: 1px solid #919191;
1974
- color: #333333;
1975
- font-size: 11px;
1976
- -webkit-box-sizing: border-box;
1977
- -moz-box-sizing: border-box;
1978
- box-sizing: border-box;
1979
- -webkit-border-radius: 3px 3px 3px 3px;
1980
- -moz-border-radius: 3px 3px 3px 3px;
1981
- -ms-border-radius: 3px 3px 3px 3px;
1982
- -o-border-radius: 3px 3px 3px 3px;
1983
- border-radius: 3px 3px 3px 3px;
1984
- -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
1985
- -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
1986
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
1987
- }
1988
- .text-input-demo-1:focus {
1989
- outline: 0;
1990
- border: 1px solid #319fda;
1991
- -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
1992
- -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
1993
- box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
1994
- }
1995
-
1996
- .select-demo-1 {
1997
- width: 200px;
1998
- height: 20px;
1999
- line-height: 20px;
2000
- padding: 1px;
2001
- border: 1px solid #dddddd;
2002
- border-top: 1px solid #919191;
2003
- color: #333333;
2004
- font-size: 11px;
2005
- -webkit-box-sizing: border-box;
2006
- -moz-box-sizing: border-box;
2007
- box-sizing: border-box;
2008
- -webkit-border-radius: 3px 3px 3px 3px;
2009
- -moz-border-radius: 3px 3px 3px 3px;
2010
- -ms-border-radius: 3px 3px 3px 3px;
2011
- -o-border-radius: 3px 3px 3px 3px;
2012
- border-radius: 3px 3px 3px 3px;
2013
- -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
2014
- -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
2015
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
2016
- }
2017
- .select-demo-1:focus {
2018
- outline: 0;
2019
- border: 1px solid #319fda;
2020
- -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
2021
- -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
2022
- box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
2023
- }
2024
-
2025
- .picasso-_tooltips .styledocco-example {
2026
- height: 50px;
2027
- }
2028
-
2029
- .arrow-demo-1, .arrow-demo-2, .arrow-demo-3, .arrow-demo-4 {
2030
- margin: 0 10px 0 0;
2031
- }
2032
-
2033
- .arrow-demo-1 {
2034
- padding: 0px 5px;
2035
- display: inline-block;
2036
- height: 14px;
2037
- line-height: 16px;
2038
- position: relative;
2039
- background: #888888;
2040
- color: white;
2041
- font-family: sans-serif;
2042
- font-style: normal;
2043
- font-size: 9px;
2044
- }
2045
- .arrow-demo-1:after, .ie7 .arrow-demo-1 .after {
2046
- content: "";
2047
- position: absolute;
2048
- top: 0;
2049
- right: -7px;
2050
- width: 0;
2051
- height: 0;
2052
- }
2053
- .ie7 .arrow-demo-1 {
2054
- zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
2055
- }
2056
- .arrow-demo-1:after, .ie7 .arrow-demo-1 .after {
2057
- border-top: 7px solid transparent;
2058
- border-bottom: 7px solid transparent;
2059
- border-left: 7px solid #888888;
2060
- }
2061
-
2062
- .arrow-demo-2 {
2063
- padding: 0px 5px;
2064
- display: inline-block;
2065
- height: 14px;
2066
- line-height: 16px;
2067
- position: relative;
2068
- background: #b94a48;
2069
- color: white;
2070
- font-family: sans-serif;
2071
- font-style: normal;
2072
- font-size: 9px;
2073
- }
2074
- .arrow-demo-2:after, .ie7 .arrow-demo-2 .after {
2075
- content: "";
2076
- position: absolute;
2077
- top: 0;
2078
- right: -7px;
2079
- width: 0;
2080
- height: 0;
2081
- }
2082
- .ie7 .arrow-demo-2 {
2083
- zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
2084
- }
2085
- .arrow-demo-2:after, .ie7 .arrow-demo-2 .after {
2086
- border-top: 7px solid transparent;
2087
- border-bottom: 7px solid transparent;
2088
- border-left: 7px solid #b94a48;
2089
- }
2090
-
2091
- .arrow-demo-3 {
2092
- padding: 0px 5px;
2093
- display: inline-block;
2094
- height: 14px;
2095
- line-height: 16px;
2096
- position: relative;
2097
- background: #f89406;
2098
- color: white;
2099
- font-family: sans-serif;
2100
- font-style: normal;
2101
- font-size: 9px;
2102
- }
2103
- .arrow-demo-3:after, .ie7 .arrow-demo-3 .after {
2104
- content: "";
2105
- position: absolute;
2106
- top: 0;
2107
- right: -7px;
2108
- width: 0;
2109
- height: 0;
2110
- }
2111
- .ie7 .arrow-demo-3 {
2112
- zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
2113
- }
2114
- .arrow-demo-3:after, .ie7 .arrow-demo-3 .after {
2115
- border-top: 7px solid transparent;
2116
- border-bottom: 7px solid transparent;
2117
- border-left: 7px solid #f89406;
2118
- }
2119
-
2120
- .arrow-demo-4 {
2121
- padding: 0px 5px;
2122
- display: inline-block;
2123
- height: 14px;
2124
- line-height: 16px;
2125
- position: relative;
2126
- background: #468847;
2127
- color: white;
2128
- font-family: sans-serif;
2129
- font-style: normal;
2130
- font-size: 9px;
2131
- }
2132
- .arrow-demo-4:after, .ie7 .arrow-demo-4 .after {
2133
- content: "";
2134
- position: absolute;
2135
- top: 0;
2136
- right: -7px;
2137
- width: 0;
2138
- height: 0;
2139
- }
2140
- .ie7 .arrow-demo-4 {
2141
- zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
2142
- }
2143
- .arrow-demo-4:after, .ie7 .arrow-demo-4 .after {
2144
- border-top: 7px solid transparent;
2145
- border-bottom: 7px solid transparent;
2146
- border-left: 7px solid #468847;
2147
- }
2148
-
2149
- .container {
2150
- width: 90%;
2151
- max-width: 1200px;
2152
- min-width: 950px;
2153
- }
2154
-
2155
- .row-col {
2156
- width: 100%;
2157
- }
2158
- .row-col:before, .row-col:after {
2159
- content: "";
2160
- display: table;
2161
- }
2162
- .row-col:after {
2163
- clear: both;
2164
- }
2165
- .ie6 .row-col, .ie7 .row-col {
2166
- zoom: 1;
2167
- }
2168
- .row-col [class^="col"] {
2169
- width: 100%;
2170
- min-height: 25px;
2171
- display: block;
2172
- float: left;
2173
- margin-left: 2.174%;
2174
- -webkit-box-sizing: border-box;
2175
- -moz-box-sizing: border-box;
2176
- box-sizing: border-box;
2177
- }
2178
- .row-col [class^="col"]:first-child {
2179
- margin-left: 0;
2180
- }
2181
- .row-col [class^="col"] img {
2182
- max-width: 100%;
2183
- }
2184
- .row-col .col1 {
2185
- width: 6.341%;
2186
- }
2187
- .ie7 .row-col .col1 {
2188
- width: 6.249%;
2189
- }
2190
- .row-col [class^="col"].offset1 {
2191
- margin-left: 10.507%;
2192
- }
2193
- .row-col [class^="col"].offset1:first-child {
2194
- margin-left: 8.424%;
2195
- }
2196
- .row-col .col2 {
2197
- width: 14.855%;
2198
- }
2199
- .ie7 .row-col .col2 {
2200
- width: 14.763%;
2201
- }
2202
- .row-col [class^="col"].offset2 {
2203
- margin-left: 19.022%;
2204
- }
2205
- .row-col [class^="col"].offset2:first-child {
2206
- margin-left: 16.938%;
2207
- }
2208
- .row-col .col3 {
2209
- width: 23.37%;
2210
- }
2211
- .ie7 .row-col .col3 {
2212
- width: 23.278%;
2213
- }
2214
- .row-col [class^="col"].offset3 {
2215
- margin-left: 27.536%;
2216
- }
2217
- .row-col [class^="col"].offset3:first-child {
2218
- margin-left: 25.453%;
2219
- }
2220
- .row-col .col4 {
2221
- width: 31.884%;
2222
- }
2223
- .ie7 .row-col .col4 {
2224
- width: 31.792%;
2225
- }
2226
- .row-col [class^="col"].offset4 {
2227
- margin-left: 36.051%;
2228
- }
2229
- .row-col [class^="col"].offset4:first-child {
2230
- margin-left: 33.967%;
2231
- }
2232
- .row-col .col5 {
2233
- width: 40.399%;
2234
- }
2235
- .ie7 .row-col .col5 {
2236
- width: 40.307%;
2237
- }
2238
- .row-col [class^="col"].offset5 {
2239
- margin-left: 44.565%;
2240
- }
2241
- .row-col [class^="col"].offset5:first-child {
2242
- margin-left: 42.482%;
2243
- }
2244
- .row-col .col6 {
2245
- width: 48.913%;
2246
- }
2247
- .ie7 .row-col .col6 {
2248
- width: 48.821%;
2249
- }
2250
- .row-col [class^="col"].offset6 {
2251
- margin-left: 53.08%;
2252
- }
2253
- .row-col [class^="col"].offset6:first-child {
2254
- margin-left: 50.996%;
2255
- }
2256
- .row-col .col7 {
2257
- width: 57.428%;
2258
- }
2259
- .ie7 .row-col .col7 {
2260
- width: 57.336%;
2261
- }
2262
- .row-col [class^="col"].offset7 {
2263
- margin-left: 61.594%;
2264
- }
2265
- .row-col [class^="col"].offset7:first-child {
2266
- margin-left: 59.511%;
2267
- }
2268
- .row-col .col8 {
2269
- width: 65.942%;
2270
- }
2271
- .ie7 .row-col .col8 {
2272
- width: 65.85%;
2273
- }
2274
- .row-col [class^="col"].offset8 {
2275
- margin-left: 70.109%;
2276
- }
2277
- .row-col [class^="col"].offset8:first-child {
2278
- margin-left: 68.025%;
2279
- }
2280
- .row-col .col9 {
2281
- width: 74.457%;
2282
- }
2283
- .ie7 .row-col .col9 {
2284
- width: 74.365%;
2285
- }
2286
- .row-col [class^="col"].offset9 {
2287
- margin-left: 78.623%;
2288
- }
2289
- .row-col [class^="col"].offset9:first-child {
2290
- margin-left: 76.54%;
2291
- }
2292
- .row-col .col10 {
2293
- width: 82.971%;
2294
- }
2295
- .ie7 .row-col .col10 {
2296
- width: 82.879%;
2297
- }
2298
- .row-col [class^="col"].offset10 {
2299
- margin-left: 87.138%;
2300
- }
2301
- .row-col [class^="col"].offset10:first-child {
2302
- margin-left: 85.054%;
2303
- }
2304
- .row-col .col11 {
2305
- width: 91.486%;
2306
- }
2307
- .ie7 .row-col .col11 {
2308
- width: 91.394%;
2309
- }
2310
- .row-col [class^="col"].offset11 {
2311
- margin-left: 95.652%;
2312
- }
2313
- .row-col [class^="col"].offset11:first-child {
2314
- margin-left: 93.569%;
2315
- }
2316
- .row-col .col12 {
2317
- width: 100%;
2318
- }
2319
- .row-col [class^="col"].offset12 {
2320
- margin-left: 104.167%;
2321
- }
2322
- .row-col [class^="col"].offset12:first-child {
2323
- margin-left: 102.083%;
2324
- }
2325
-
2326
- .row-col {
2327
- margin: 10px 0;
2328
- }
2329
-
2330
- [class^="col"] {
2331
- -webkit-border-radius: 5px;
2332
- -moz-border-radius: 5px;
2333
- -ms-border-radius: 5px;
2334
- -o-border-radius: 5px;
2335
- border-radius: 5px;
2336
- background: #CCC;
2337
- }
2338
-
2339
- [class^="col"] [class^="col"] {
2340
- background: #AAA;
2341
- }
2342
-
2343
- [class^="col"] [class^="col"] [class^="col"] {
2344
- background: #696969;
2345
- color: #C0C0C0;
2346
- }
2347
-
2348
- .clearfix-demo {
2349
- background: #58608D;
2350
- width: 100%;
2351
- padding: 10px;
2352
- }
2353
- .clearfix-demo:before, .clearfix-demo:after {
2354
- content: "";
2355
- display: table;
2356
- }
2357
- .clearfix-demo:after {
2358
- clear: both;
2359
- }
2360
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2361
- zoom: 1;
2362
- }
2363
- .clearfix-demo div {
2364
- background: white;
2365
- }
2366
-
2367
- .despegar-size-1-demo {
2368
- font-size: 11px;
2369
- }
2370
-
2371
- .despegar-size-2-demo {
2372
- font-size: 13px;
2373
- }
2374
-
2375
- .despegar-size-3-demo {
2376
- font-size: 16px;
2377
- }
2378
-
2379
- .despegar-size-4-demo {
2380
- font-size: 20px;
2381
- }
2382
-
2383
- .despegar-size-5-demo {
2384
- font-size: 24px;
2385
- }
2386
-
2387
- .despegar-size-6-demo {
2388
- font-size: 28px;
2389
- }
2390
-
2391
- .despegar-black-demo {
2392
- padding: 10px;
2393
- background: black;
2394
- color: white;
2395
- }
2396
-
2397
- .despegar-white-demo {
2398
- padding: 10px;
2399
- background: white;
2400
- }
2401
-
2402
- .despegar-yellow-demo {
2403
- padding: 10px;
2404
- background: #ffff33;
2405
- }
2406
-
2407
- .despegar-red-demo {
2408
- padding: 10px;
2409
- background: red;
2410
- }
2411
-
2412
- .despegar-blue-demo {
2413
- padding: 10px;
2414
- background: #013d93;
2415
- color: white;
2416
- }
2417
-
2418
- .despegar-gray-1-demo {
2419
- padding: 10px;
2420
- background: #222222;
2421
- color: white;
2422
- }
2423
-
2424
- .despegar-gray-2-demo {
2425
- padding: 10px;
2426
- background: #444444;
2427
- color: white;
2428
- }
2429
-
2430
- .despegar-gray-3-demo {
2431
- padding: 10px;
2432
- background: #666666;
2433
- color: white;
2434
- }
2435
-
2436
- .despegar-gray-4-demo {
2437
- padding: 10px;
2438
- background: #888888;
2439
- color: white;
2440
- }
2441
-
2442
- .despegar-gray-5-demo {
2443
- padding: 10px;
2444
- background: #aaaaaa;
2445
- color: white;
2446
- }
2447
-
2448
- .despegar-gray-6-demo {
2449
- padding: 10px;
2450
- background: #cccccc;
2451
- }
2452
-
2453
- .despegar-gray-7-demo {
2454
- padding: 10px;
2455
- background: #eeeeee;
2456
- }
2457
-
2458
- .despegar-searchbox-bg-demo {
2459
- padding: 10px;
2460
- background: #ffff33;
2461
- }
2462
-
2463
- .despegar-title-color-demo {
2464
- padding: 10px;
2465
- background: #013d93;
2466
- color: white;
2467
- }
2468
-
2469
- .despegar-titlealt-color-demo {
2470
- padding: 10px;
2471
- background: #ff9900;
2472
- }
2473
-
2474
- .despegar-link-color-demo {
2475
- padding: 10px;
2476
- background: #319fda;
2477
- }
2478
-
2479
- .despegar-link-color-hover-demo {
2480
- padding: 10px;
2481
- background: #66ccff;
2482
- }
2483
-
2484
- .despegar-error-bg-demo {
2485
- padding: 10px;
2486
- background: #ffe6e6;
2487
- }
2488
-
2489
- .despegar-error-border-demo {
2490
- padding: 10px;
2491
- background: red;
2492
- }
2493
-
2494
- .despegar-warning-bg-demo {
2495
- padding: 10px;
2496
- background: #ffffe1;
2497
- }
2498
-
2499
- .despegar-warning-border-demo {
2500
- padding: 10px;
2501
- background: #ffcc33;
2502
- }
1
+ body{padding:20px}[class^="picasso-"] .content{width:80%;float:right}[class^="picasso-"] aside{width:18%;margin-right:2%;float:left;background-clip:padding-box;background-color:#FFFFFF;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;-o-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);box-shadow:0 0 3px rgba(0,0,0,0.1);position:relative;z-index:2}[class^="picasso-"] aside ul{list-style:none;padding:0}[class^="picasso-"] aside ul ul,[class^="picasso-"] aside ul ul:last-child{margin:0 10px}[class^="picasso-"] aside p{margin:10px 0 0 0;font-weight:bold;color:#535E68}[class^="picasso-"] aside p:first-letter{text-transform:uppercase}[class^="picasso-"] blockquote{background:#F8F9FB;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}[class^="picasso-"] blockquote p:last-child{margin:0}[class^="picasso-"] .bar.bottom{display:none}.picasso- .container{max-width:960px}.picasso- .section:first-child img{display:block;margin:0 auto}.picasso- .docs{width:100%}.picasso-_grid .bar.bottom{display:block}.picasso-_components .preview{display:none}.picasso-_popups .resizeable{height:220px!important}.picasso-_tooltips .resizeable{height:100px!important}