picasso 0.3.6 → 0.3.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (47) hide show
  1. data/README.md +6 -2
  2. data/docs/_picasso.html +2680 -2
  3. data/docs/all.html +2691 -4
  4. data/docs/config.rb +1 -1
  5. data/docs/css/picasso-demos.css +2676 -1
  6. data/docs/css/picasso-docs.css +93 -1
  7. data/docs/index.html +2691 -4
  8. data/docs/picasso-_components.html +2683 -3
  9. data/docs/picasso-_despegar.html +2683 -3
  10. data/docs/picasso-_utils.html +2682 -3
  11. data/docs/picasso-components-_accordions.html +2685 -5
  12. data/docs/picasso-components-_arrows.html +2703 -23
  13. data/docs/picasso-components-_bubbles.html +2746 -41
  14. data/docs/picasso-components-_buttons.html +2680 -2
  15. data/docs/picasso-components-_clusters.html +2816 -0
  16. data/docs/picasso-components-_inputs.html +2680 -2
  17. data/docs/picasso-components-_list-grids.html +2680 -2
  18. data/docs/picasso-components-_navs.html +2680 -2
  19. data/docs/picasso-components-_pagination.html +2680 -3
  20. data/docs/picasso-components-_popups.html +2719 -22
  21. data/docs/picasso-components-_tooltips.html +2684 -2
  22. data/docs/picasso-components-buttons-_3d.html +2680 -2
  23. data/docs/picasso-components-buttons-_glossy.html +2680 -2
  24. data/docs/picasso-components-buttons-_mini.html +2680 -2
  25. data/docs/picasso-despegar-_mixins.html +2754 -0
  26. data/docs/picasso-despegar-_variables.html +2680 -2
  27. data/docs/picasso-utils-_clearfix.html +2680 -2
  28. data/docs/picasso-utils-_grid.html +2680 -2
  29. data/docs/picasso-utils-_ie.html +2680 -2
  30. data/docs/picasso-utils-_rem.html +2836 -0
  31. data/docs/picasso-utils-_sprite.html +2680 -2
  32. data/docs/sass/picasso-demos.scss +50 -6
  33. data/docs/sass/picasso-docs.scss +14 -0
  34. data/lib/picasso/version.rb +1 -1
  35. data/stylesheets/picasso/_components.scss +2 -0
  36. data/stylesheets/picasso/_despegar.scss +3 -1
  37. data/stylesheets/picasso/_utils.scss +2 -1
  38. data/stylesheets/picasso/components/_accordions.scss +3 -2
  39. data/stylesheets/picasso/components/_arrows.scss +21 -20
  40. data/stylesheets/picasso/components/_bubbles.scss +58 -39
  41. data/stylesheets/picasso/components/_clusters.scss +98 -0
  42. data/stylesheets/picasso/components/_pagination.scss +0 -1
  43. data/stylesheets/picasso/components/_popups.scss +39 -20
  44. data/stylesheets/picasso/components/_tooltips.scss +2 -0
  45. data/stylesheets/picasso/despegar/_mixins.scss +53 -0
  46. data/stylesheets/picasso/utils/_rem.scss +137 -0
  47. metadata +10 -4
data/docs/config.rb CHANGED
@@ -4,7 +4,7 @@ require 'magick'
4
4
  css_dir = "css"
5
5
  sass_dir = "sass"
6
6
  line_comments = false
7
- output_style = :compressed
7
+ #output_style = :compressed
8
8
  add_import_path "../stylesheets"
9
9
 
10
10
  #Utilizar URLs relativas
data/docs/css/picasso-demos.css CHANGED
@@ -1 +1,2676 @@
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="◄")}.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="►")}.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="◄")}.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="►")}.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);-webkit-border-radius:0.4em}.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);-webkit-border-radius:0.4em}.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);-webkit-border-radius:0.4em}.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);-webkit-border-radius:0.4em}.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);-webkit-border-radius:1.1em}.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 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}.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 a:hover,.pagination-demo-1 .next a: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}.pagination-demo-1 .disabled{background:none;border:none}.pagination-demo-1 .disabled:hover{background:none}.pagination-demo-1 .disabled a{color:#ccc;text-decoration:none;cursor:not-allowed}.pagination-demo-1 .disabled a:hover{text-decoration:none;color:#ccc}.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-3{margin:0 40px 0 0}.arrow-demo-1{position:relative;height:1.556em;line-height:1.556em;display:inline-block;padding:0 0 0 0.5em;font-style:normal;font-size:0.563em;background:#000;color:#fff;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-ms-border-radius:0.1em;-o-border-radius:0.1em;border-radius:0.1em}.arrow-demo-1:after{content:'';position:absolute;left:100%}.ie7 .arrow-demo-1{padding:0 0.5em}.arrow-demo-1:after{border-top:0.778em solid transparent;border-bottom:0.778em solid transparent;border-left:0.778em solid #000}.arrow-demo-2{position:relative;height:1.556em;line-height:1.556em;display:inline-block;padding:0 0.5em 0 0;font-style:normal;font-size:0.563em;background:#000;color:#fff;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-ms-border-radius:0.1em;-o-border-radius:0.1em;border-radius:0.1em}.arrow-demo-2:after{content:'';position:absolute;right:100%}.ie7 .arrow-demo-2{padding:0 0.5em}.arrow-demo-2:after{border-top:0.778em solid transparent;border-bottom:0.778em solid transparent;border-right:0.778em solid #000}.arrow-demo-3{position:relative;height:1.556em;line-height:1.556em;display:inline-block;padding:0 0 0 0.5em;font-style:normal;font-size:1.313em;background:#5fc8ff;color:#fff;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-ms-border-radius:0.1em;-o-border-radius:0.1em;border-radius:0.1em}.arrow-demo-3:after{content:'';position:absolute;left:100%}.ie7 .arrow-demo-3{padding:0 0.5em}.arrow-demo-3:after{border-top:0.778em solid transparent;border-bottom:0.778em solid transparent;border-left:0.778em solid #5fc8ff}.arrow-demo-4{position:relative;height:1.556em;line-height:1.556em;display:inline-block;padding:0 0.5em 0 0;font-style:normal;font-size:1.5em;background:#5fc8ff;color:#fff;-webkit-border-radius:0.1em;-moz-border-radius:0.1em;-ms-border-radius:0.1em;-o-border-radius:0.1em;border-radius:0.1em}.arrow-demo-4:after{content:'';position:absolute;right:100%}.ie7 .arrow-demo-4{padding:0 0.5em}.arrow-demo-4:after{border-top:0.778em solid transparent;border-bottom:0.778em solid transparent;border-right:0.778em solid #5fc8ff}.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}
1
+ html {
2
+ font-size: 16px;
3
+ }
4
+
5
+ body {
6
+ font-family: sans-serif;
7
+ padding: 20px 0;
8
+ }
9
+
10
+ .ie7 .preview, .ie8 .preview, .ie9 .preview {
11
+ padding: 15px;
12
+ }
13
+
14
+ .tooltip-demo-1 {
15
+ display: block;
16
+ position: absolute;
17
+ padding: 0.267em;
18
+ font-size: 0.8em;
19
+ background-color: black;
20
+ color: white;
21
+ -webkit-border-radius: 2px;
22
+ -moz-border-radius: 2px;
23
+ -ms-border-radius: 2px;
24
+ -o-border-radius: 2px;
25
+ border-radius: 2px;
26
+ -webkit-box-shadow: black 0 0 3px;
27
+ -moz-box-shadow: black 0 0 3px;
28
+ box-shadow: black 0 0 3px;
29
+ left: 20px;
30
+ }
31
+ .tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1.tooltip-left span {
32
+ position: absolute;
33
+ top: 0;
34
+ padding: 0.267em 0;
35
+ left: -0.82em;
36
+ content: "\25C4";
37
+ }
38
+ .ie7 .tooltip-demo-1.tooltip-left {
39
+ zoom: expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="◄");
40
+ }
41
+ .tooltip-demo-1.tooltip-left:after, .ie7 .tooltip-demo-1 span {
42
+ font-family: arial, sans-serif;
43
+ font-size: 1em;
44
+ color: black;
45
+ }
46
+ .ie8 .tooltip-demo-1.tooltip-left:after {
47
+ font-size: 0.8em;
48
+ }
49
+
50
+ .tooltip-demo-2 {
51
+ display: block;
52
+ position: absolute;
53
+ padding: 0.267em;
54
+ font-size: 0.8em;
55
+ background-color: black;
56
+ color: white;
57
+ -webkit-border-radius: 2px;
58
+ -moz-border-radius: 2px;
59
+ -ms-border-radius: 2px;
60
+ -o-border-radius: 2px;
61
+ border-radius: 2px;
62
+ -webkit-box-shadow: black 0 0 3px;
63
+ -moz-box-shadow: black 0 0 3px;
64
+ box-shadow: black 0 0 3px;
65
+ left: 140px;
66
+ }
67
+ .tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2.tooltip-right span {
68
+ position: absolute;
69
+ top: 0;
70
+ padding: 0.267em 0;
71
+ right: -0.82em;
72
+ content: "\25BA";
73
+ }
74
+ .ie7 .tooltip-demo-2.tooltip-right {
75
+ zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="►");
76
+ }
77
+ .tooltip-demo-2.tooltip-right:after, .ie7 .tooltip-demo-2 span {
78
+ font-family: arial, sans-serif;
79
+ font-size: 1em;
80
+ color: black;
81
+ }
82
+ .ie8 .tooltip-demo-2.tooltip-right:after {
83
+ font-size: 0.8em;
84
+ }
85
+
86
+ .tooltip-demo-3 {
87
+ display: block;
88
+ position: absolute;
89
+ padding: 0.4em;
90
+ font-size: 1.2em;
91
+ background-color: #0074cc;
92
+ color: white;
93
+ -webkit-border-radius: 2px;
94
+ -moz-border-radius: 2px;
95
+ -ms-border-radius: 2px;
96
+ -o-border-radius: 2px;
97
+ border-radius: 2px;
98
+ -webkit-box-shadow: #0074cc 0 0 3px;
99
+ -moz-box-shadow: #0074cc 0 0 3px;
100
+ box-shadow: #0074cc 0 0 3px;
101
+ left: 20px;
102
+ }
103
+ .tooltip-demo-3.tooltip-left:after, .ie7 .tooltip-demo-3.tooltip-left span {
104
+ position: absolute;
105
+ top: 0;
106
+ padding: 0.4em 0;
107
+ left: -0.82em;
108
+ content: "\25C4";
109
+ }
110
+ .ie7 .tooltip-demo-3.tooltip-left {
111
+ zoom: expression(this.runtimeStyle.zoom="1", this.insertBefore(document.createElement("span"), this.firstChild).innerHTML="◄");
112
+ }
113
+ .tooltip-demo-3.tooltip-left:after, .ie7 .tooltip-demo-3 span {
114
+ font-family: arial, sans-serif;
115
+ font-size: 1em;
116
+ color: #0074cc;
117
+ }
118
+ .ie8 .tooltip-demo-3.tooltip-left:after {
119
+ font-size: 1.2em;
120
+ }
121
+
122
+ .tooltip-demo-4 {
123
+ display: block;
124
+ position: absolute;
125
+ padding: 0.4em;
126
+ font-size: 1.2em;
127
+ background-color: #faa732;
128
+ color: white;
129
+ -webkit-border-radius: 2px;
130
+ -moz-border-radius: 2px;
131
+ -ms-border-radius: 2px;
132
+ -o-border-radius: 2px;
133
+ border-radius: 2px;
134
+ -webkit-box-shadow: #faa732 0 0 3px;
135
+ -moz-box-shadow: #faa732 0 0 3px;
136
+ box-shadow: #faa732 0 0 3px;
137
+ left: 300px;
138
+ }
139
+ .tooltip-demo-4.tooltip-right:after, .ie7 .tooltip-demo-4.tooltip-right span {
140
+ position: absolute;
141
+ top: 0;
142
+ padding: 0.4em 0;
143
+ right: -0.82em;
144
+ content: "\25BA";
145
+ }
146
+ .ie7 .tooltip-demo-4.tooltip-right {
147
+ zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).innerHTML="►");
148
+ }
149
+ .tooltip-demo-4.tooltip-right:after, .ie7 .tooltip-demo-4 span {
150
+ font-family: arial, sans-serif;
151
+ font-size: 1em;
152
+ color: #faa732;
153
+ }
154
+ .ie8 .tooltip-demo-4.tooltip-right:after {
155
+ font-size: 1.2em;
156
+ }
157
+
158
+ .button-glossy-demo-1 {
159
+ width: 90px;
160
+ height: 30px;
161
+ display: inline-block;
162
+ text-align: center;
163
+ position: relative;
164
+ z-index: 1;
165
+ font-family: sans-serif;
166
+ font-size: 12px;
167
+ text-decoration: none;
168
+ cursor: pointer;
169
+ 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));
170
+ background: -webkit-linear-gradient(#de1f2a, #c81c26), -webkit-linear-gradient(#b11922, #6e0f15);
171
+ background: -moz-linear-gradient(#de1f2a, #c81c26), -moz-linear-gradient(#b11922, #6e0f15);
172
+ background: -o-linear-gradient(#de1f2a, #c81c26), -o-linear-gradient(#b11922, #6e0f15);
173
+ background: linear-gradient(#de1f2a, #c81c26), linear-gradient(#b11922, #6e0f15);
174
+ -webkit-border-radius: 5px;
175
+ -moz-border-radius: 5px;
176
+ -ms-border-radius: 5px;
177
+ -o-border-radius: 5px;
178
+ border-radius: 5px;
179
+ background-position: left top, left 15px;
180
+ }
181
+ .button-glossy-demo-1:after, .button-glossy-demo-1:before {
182
+ content: "";
183
+ position: absolute;
184
+ display: inline-block;
185
+ }
186
+ .button-glossy-demo-1:after {
187
+ width: 88px;
188
+ height: 28px;
189
+ left: 1px;
190
+ top: 1px;
191
+ z-index: 2;
192
+ }
193
+ .button-glossy-demo-1:before {
194
+ width: 86px;
195
+ height: 26px;
196
+ left: 2px;
197
+ top: 2px;
198
+ z-index: 3;
199
+ }
200
+ .button-glossy-demo-1 span {
201
+ position: relative;
202
+ z-index: 4;
203
+ line-height: 30px;
204
+ }
205
+ .button-glossy-demo-1 span {
206
+ color: white;
207
+ }
208
+ .button-glossy-demo-1:after, .button-glossy-demo-1:before {
209
+ -webkit-border-radius: 4px;
210
+ -moz-border-radius: 4px;
211
+ -ms-border-radius: 4px;
212
+ -o-border-radius: 4px;
213
+ border-radius: 4px;
214
+ }
215
+ .button-glossy-demo-1:after {
216
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #f2a4a8), color-stop(100%, #150304)) 50%;
217
+ background: -webkit-linear-gradient(#f2a4a8 15%, #150304) 50%;
218
+ background: -moz-linear-gradient(#f2a4a8 15%, #150304) 50%;
219
+ background: -o-linear-gradient(#f2a4a8 15%, #150304) 50%;
220
+ background: linear-gradient(#f2a4a8 15%, #150304) 50%;
221
+ }
222
+ .button-glossy-demo-1:before {
223
+ 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));
224
+ background: -webkit-linear-gradient(#de1f2a, #c81c26), -webkit-linear-gradient(#b11922, #6e0f15);
225
+ background: -moz-linear-gradient(#de1f2a, #c81c26), -moz-linear-gradient(#b11922, #6e0f15);
226
+ background: -o-linear-gradient(#de1f2a, #c81c26), -o-linear-gradient(#b11922, #6e0f15);
227
+ background: linear-gradient(#de1f2a, #c81c26), linear-gradient(#b11922, #6e0f15);
228
+ background-position: left top, left 13px;
229
+ }
230
+ .button-glossy-demo-1, .button-glossy-demo-1:before {
231
+ background-size: 100% 50%;
232
+ background-repeat: no-repeat;
233
+ }
234
+ .button-glossy-demo-1:hover {
235
+ text-decoration: none;
236
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e96168), color-stop(50%, #bf1b24), color-stop(100%, #f10c19));
237
+ background: -webkit-linear-gradient(#e96168, #bf1b24, #f10c19);
238
+ background: -moz-linear-gradient(#e96168, #bf1b24, #f10c19);
239
+ background: -o-linear-gradient(#e96168, #bf1b24, #f10c19);
240
+ background: linear-gradient(#e96168, #bf1b24, #f10c19);
241
+ }
242
+ .button-glossy-demo-1:hover:after {
243
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4b1b5), color-stop(100%, #d11d27)) 50%;
244
+ background: -webkit-linear-gradient(#f4b1b5 20%, #d11d27) 50%;
245
+ background: -moz-linear-gradient(#f4b1b5 20%, #d11d27) 50%;
246
+ background: -o-linear-gradient(#f4b1b5 20%, #d11d27) 50%;
247
+ background: linear-gradient(#f4b1b5 20%, #d11d27) 50%;
248
+ }
249
+ .button-glossy-demo-1:hover:before {
250
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e96168), color-stop(50%, #bf1b24), color-stop(100%, #f10c19));
251
+ background: -webkit-linear-gradient(#e96168, #bf1b24, #f10c19);
252
+ background: -moz-linear-gradient(#e96168, #bf1b24, #f10c19);
253
+ background: -o-linear-gradient(#e96168, #bf1b24, #f10c19);
254
+ background: linear-gradient(#e96168, #bf1b24, #f10c19);
255
+ }
256
+ .button-glossy-demo-1:hover, .button-glossy-demo-1:hover:before {
257
+ background-size: 100% 100%;
258
+ background-position: left top;
259
+ background-repeat: no-repeat;
260
+ }
261
+ .ie7 .button-glossy-demo-1, .ie8 .button-glossy-demo-1, .ie9 .button-glossy-demo-1 {
262
+ -webkit-border-radius: none;
263
+ -moz-border-radius: none;
264
+ -ms-border-radius: none;
265
+ -o-border-radius: none;
266
+ border-radius: none;
267
+ background: url('../img/picasso-buttons-glossy.png');
268
+ background-position: 0 -1px;
269
+ }
270
+ .ie7 .button-glossy-demo-1:hover, .ie8 .button-glossy-demo-1:hover, .ie9 .button-glossy-demo-1:hover {
271
+ background-position: 0 -31px;
272
+ }
273
+ .ie9 .button-glossy-demo-1 {
274
+ -webkit-border-radius: none;
275
+ -moz-border-radius: none;
276
+ -ms-border-radius: none;
277
+ -o-border-radius: none;
278
+ border-radius: none;
279
+ }
280
+
281
+ .button-glossy-demo-2 {
282
+ width: 70px;
283
+ height: 30px;
284
+ display: inline-block;
285
+ text-align: center;
286
+ position: relative;
287
+ z-index: 1;
288
+ font-family: sans-serif;
289
+ font-size: 12px;
290
+ text-decoration: none;
291
+ cursor: pointer;
292
+ 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));
293
+ background: -webkit-linear-gradient(#0088cc, #0077b3), -webkit-linear-gradient(#006699, #00334d);
294
+ background: -moz-linear-gradient(#0088cc, #0077b3), -moz-linear-gradient(#006699, #00334d);
295
+ background: -o-linear-gradient(#0088cc, #0077b3), -o-linear-gradient(#006699, #00334d);
296
+ background: linear-gradient(#0088cc, #0077b3), linear-gradient(#006699, #00334d);
297
+ -webkit-border-radius: 5px;
298
+ -moz-border-radius: 5px;
299
+ -ms-border-radius: 5px;
300
+ -o-border-radius: 5px;
301
+ border-radius: 5px;
302
+ background-position: left top, left 15px;
303
+ }
304
+ .button-glossy-demo-2:after, .button-glossy-demo-2:before {
305
+ content: "";
306
+ position: absolute;
307
+ display: inline-block;
308
+ }
309
+ .button-glossy-demo-2:after {
310
+ width: 68px;
311
+ height: 28px;
312
+ left: 1px;
313
+ top: 1px;
314
+ z-index: 2;
315
+ }
316
+ .button-glossy-demo-2:before {
317
+ width: 66px;
318
+ height: 26px;
319
+ left: 2px;
320
+ top: 2px;
321
+ z-index: 3;
322
+ }
323
+ .button-glossy-demo-2 span {
324
+ position: relative;
325
+ z-index: 4;
326
+ line-height: 30px;
327
+ }
328
+ .button-glossy-demo-2 span {
329
+ color: white;
330
+ }
331
+ .button-glossy-demo-2:after, .button-glossy-demo-2:before {
332
+ -webkit-border-radius: 4px;
333
+ -moz-border-radius: 4px;
334
+ -ms-border-radius: 4px;
335
+ -o-border-radius: 4px;
336
+ border-radius: 4px;
337
+ }
338
+ .button-glossy-demo-2:after {
339
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #66ccff), color-stop(100%, #000000)) 50%;
340
+ background: -webkit-linear-gradient(#66ccff 15%, #000000) 50%;
341
+ background: -moz-linear-gradient(#66ccff 15%, #000000) 50%;
342
+ background: -o-linear-gradient(#66ccff 15%, #000000) 50%;
343
+ background: linear-gradient(#66ccff 15%, #000000) 50%;
344
+ }
345
+ .button-glossy-demo-2:before {
346
+ 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));
347
+ background: -webkit-linear-gradient(#0088cc, #0077b3), -webkit-linear-gradient(#006699, #00334d);
348
+ background: -moz-linear-gradient(#0088cc, #0077b3), -moz-linear-gradient(#006699, #00334d);
349
+ background: -o-linear-gradient(#0088cc, #0077b3), -o-linear-gradient(#006699, #00334d);
350
+ background: linear-gradient(#0088cc, #0077b3), linear-gradient(#006699, #00334d);
351
+ background-position: left top, left 13px;
352
+ }
353
+ .button-glossy-demo-2, .button-glossy-demo-2:before {
354
+ background-size: 100% 50%;
355
+ background-repeat: no-repeat;
356
+ }
357
+ .button-glossy-demo-2:hover {
358
+ text-decoration: none;
359
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ab2ff), color-stop(50%, #0070a8), color-stop(100%, #0088cc));
360
+ background: -webkit-linear-gradient(#1ab2ff, #0070a8, #0088cc);
361
+ background: -moz-linear-gradient(#1ab2ff, #0070a8, #0088cc);
362
+ background: -o-linear-gradient(#1ab2ff, #0070a8, #0088cc);
363
+ background: linear-gradient(#1ab2ff, #0070a8, #0088cc);
364
+ }
365
+ .button-glossy-demo-2:hover:after {
366
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #75d1ff), color-stop(100%, #007ebd)) 50%;
367
+ background: -webkit-linear-gradient(#75d1ff 20%, #007ebd) 50%;
368
+ background: -moz-linear-gradient(#75d1ff 20%, #007ebd) 50%;
369
+ background: -o-linear-gradient(#75d1ff 20%, #007ebd) 50%;
370
+ background: linear-gradient(#75d1ff 20%, #007ebd) 50%;
371
+ }
372
+ .button-glossy-demo-2:hover:before {
373
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ab2ff), color-stop(50%, #0070a8), color-stop(100%, #0088cc));
374
+ background: -webkit-linear-gradient(#1ab2ff, #0070a8, #0088cc);
375
+ background: -moz-linear-gradient(#1ab2ff, #0070a8, #0088cc);
376
+ background: -o-linear-gradient(#1ab2ff, #0070a8, #0088cc);
377
+ background: linear-gradient(#1ab2ff, #0070a8, #0088cc);
378
+ }
379
+ .button-glossy-demo-2:hover, .button-glossy-demo-2:hover:before {
380
+ background-size: 100% 100%;
381
+ background-position: left top;
382
+ background-repeat: no-repeat;
383
+ }
384
+ .ie7 .button-glossy-demo-2, .ie8 .button-glossy-demo-2, .ie9 .button-glossy-demo-2 {
385
+ -webkit-border-radius: none;
386
+ -moz-border-radius: none;
387
+ -ms-border-radius: none;
388
+ -o-border-radius: none;
389
+ border-radius: none;
390
+ background: url('../img/picasso-buttons-glossy.png');
391
+ background-position: 0 -61px;
392
+ }
393
+ .ie7 .button-glossy-demo-2:hover, .ie8 .button-glossy-demo-2:hover, .ie9 .button-glossy-demo-2:hover {
394
+ background-position: 0 -91px;
395
+ }
396
+ .ie9 .button-glossy-demo-2 {
397
+ -webkit-border-radius: none;
398
+ -moz-border-radius: none;
399
+ -ms-border-radius: none;
400
+ -o-border-radius: none;
401
+ border-radius: none;
402
+ }
403
+
404
+ .button-glossy-demo-3 {
405
+ width: 80px;
406
+ height: 30px;
407
+ display: inline-block;
408
+ text-align: center;
409
+ position: relative;
410
+ z-index: 1;
411
+ font-family: sans-serif;
412
+ font-size: 12px;
413
+ text-decoration: none;
414
+ cursor: pointer;
415
+ 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));
416
+ background: -webkit-linear-gradient(#fbb450, #faa937), -webkit-linear-gradient(#fa9f1e, #c77605);
417
+ background: -moz-linear-gradient(#fbb450, #faa937), -moz-linear-gradient(#fa9f1e, #c77605);
418
+ background: -o-linear-gradient(#fbb450, #faa937), -o-linear-gradient(#fa9f1e, #c77605);
419
+ background: linear-gradient(#fbb450, #faa937), linear-gradient(#fa9f1e, #c77605);
420
+ -webkit-border-radius: 5px;
421
+ -moz-border-radius: 5px;
422
+ -ms-border-radius: 5px;
423
+ -o-border-radius: 5px;
424
+ border-radius: 5px;
425
+ background-position: left top, left 15px;
426
+ }
427
+ .button-glossy-demo-3:after, .button-glossy-demo-3:before {
428
+ content: "";
429
+ position: absolute;
430
+ display: inline-block;
431
+ }
432
+ .button-glossy-demo-3:after {
433
+ width: 78px;
434
+ height: 28px;
435
+ left: 1px;
436
+ top: 1px;
437
+ z-index: 2;
438
+ }
439
+ .button-glossy-demo-3:before {
440
+ width: 76px;
441
+ height: 26px;
442
+ left: 2px;
443
+ top: 2px;
444
+ z-index: 3;
445
+ }
446
+ .button-glossy-demo-3 span {
447
+ position: relative;
448
+ z-index: 4;
449
+ line-height: 30px;
450
+ }
451
+ .button-glossy-demo-3 span {
452
+ color: white;
453
+ }
454
+ .button-glossy-demo-3:after, .button-glossy-demo-3:before {
455
+ -webkit-border-radius: 4px;
456
+ -moz-border-radius: 4px;
457
+ -ms-border-radius: 4px;
458
+ -o-border-radius: 4px;
459
+ border-radius: 4px;
460
+ }
461
+ .button-glossy-demo-3:after {
462
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(15%, #fef4e6), color-stop(100%, #633b02)) 50%;
463
+ background: -webkit-linear-gradient(#fef4e6 15%, #633b02) 50%;
464
+ background: -moz-linear-gradient(#fef4e6 15%, #633b02) 50%;
465
+ background: -o-linear-gradient(#fef4e6 15%, #633b02) 50%;
466
+ background: linear-gradient(#fef4e6 15%, #633b02) 50%;
467
+ }
468
+ .button-glossy-demo-3:before {
469
+ 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));
470
+ background: -webkit-linear-gradient(#fbb450, #faa937), -webkit-linear-gradient(#fa9f1e, #c77605);
471
+ background: -moz-linear-gradient(#fbb450, #faa937), -moz-linear-gradient(#fa9f1e, #c77605);
472
+ background: -o-linear-gradient(#fbb450, #faa937), -o-linear-gradient(#fa9f1e, #c77605);
473
+ background: linear-gradient(#fbb450, #faa937), linear-gradient(#fa9f1e, #c77605);
474
+ background-position: left top, left 13px;
475
+ }
476
+ .button-glossy-demo-3, .button-glossy-demo-3:before {
477
+ background-size: 100% 50%;
478
+ background-repeat: no-repeat;
479
+ }
480
+ .button-glossy-demo-3:hover {
481
+ text-decoration: none;
482
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd49b), color-stop(50%, #faa52d), color-stop(100%, #ffb54c));
483
+ background: -webkit-linear-gradient(#fdd49b, #faa52d, #ffb54c);
484
+ background: -moz-linear-gradient(#fdd49b, #faa52d, #ffb54c);
485
+ background: -o-linear-gradient(#fdd49b, #faa52d, #ffb54c);
486
+ background: linear-gradient(#fdd49b, #faa52d, #ffb54c);
487
+ }
488
+ .button-glossy-demo-3:hover:after {
489
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fffbf5), color-stop(100%, #fbae41)) 50%;
490
+ background: -webkit-linear-gradient(#fffbf5 20%, #fbae41) 50%;
491
+ background: -moz-linear-gradient(#fffbf5 20%, #fbae41) 50%;
492
+ background: -o-linear-gradient(#fffbf5 20%, #fbae41) 50%;
493
+ background: linear-gradient(#fffbf5 20%, #fbae41) 50%;
494
+ }
495
+ .button-glossy-demo-3:hover:before {
496
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdd49b), color-stop(50%, #faa52d), color-stop(100%, #ffb54c));
497
+ background: -webkit-linear-gradient(#fdd49b, #faa52d, #ffb54c);
498
+ background: -moz-linear-gradient(#fdd49b, #faa52d, #ffb54c);
499
+ background: -o-linear-gradient(#fdd49b, #faa52d, #ffb54c);
500
+ background: linear-gradient(#fdd49b, #faa52d, #ffb54c);
501
+ }
502
+ .button-glossy-demo-3:hover, .button-glossy-demo-3:hover:before {
503
+ background-size: 100% 100%;
504
+ background-position: left top;
505
+ background-repeat: no-repeat;
506
+ }
507
+ .ie7 .button-glossy-demo-3, .ie8 .button-glossy-demo-3, .ie9 .button-glossy-demo-3 {
508
+ -webkit-border-radius: none;
509
+ -moz-border-radius: none;
510
+ -ms-border-radius: none;
511
+ -o-border-radius: none;
512
+ border-radius: none;
513
+ background: url('../img/picasso-buttons-glossy.png');
514
+ background-position: 0 -121px;
515
+ }
516
+ .ie7 .button-glossy-demo-3:hover, .ie8 .button-glossy-demo-3:hover, .ie9 .button-glossy-demo-3:hover {
517
+ background-position: 0 -151px;
518
+ }
519
+ .ie9 .button-glossy-demo-3 {
520
+ -webkit-border-radius: none;
521
+ -moz-border-radius: none;
522
+ -ms-border-radius: none;
523
+ -o-border-radius: none;
524
+ border-radius: none;
525
+ }
526
+
527
+ .button-3d-demo-1 {
528
+ overflow: hidden;
529
+ display: inline-block;
530
+ line-height: 2.2em;
531
+ color: white;
532
+ border: 1px solid #c00811;
533
+ font-family: sans-serif;
534
+ font-size: 13px;
535
+ text-decoration: none;
536
+ text-align: center;
537
+ cursor: pointer;
538
+ text-shadow: 0 1px 0 black;
539
+ -webkit-border-radius: 0.4em;
540
+ -moz-border-radius: 0.4em;
541
+ -ms-border-radius: 0.4em;
542
+ -o-border-radius: 0.4em;
543
+ border-radius: 0.4em;
544
+ }
545
+ .button-3d-demo-1:active {
546
+ position: relative;
547
+ top: 1px;
548
+ }
549
+ .button-3d-demo-1.disabled:active {
550
+ position: static;
551
+ }
552
+ .button-3d-demo-1 span {
553
+ display: block;
554
+ padding: 0 13px;
555
+ }
556
+ .button-3d-demo-1:visited {
557
+ color: white;
558
+ }
559
+ .button-3d-demo-1:hover {
560
+ text-decoration: none;
561
+ color: white;
562
+ }
563
+ .button-3d-demo-1 span {
564
+ background-color: #f73741;
565
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
566
+ background-image: -webkit-linear-gradient(#f73741, #8f060d);
567
+ background-image: -moz-linear-gradient(#f73741, #8f060d);
568
+ background-image: -o-linear-gradient(#f73741, #8f060d);
569
+ background-image: linear-gradient(#f73741, #8f060d);
570
+ -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);
571
+ -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);
572
+ box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
573
+ }
574
+ .button-3d-demo-1 span:hover {
575
+ background-color: #ff2f3a;
576
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #c00811));
577
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #c00811);
578
+ background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #c00811);
579
+ background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #c00811);
580
+ background-image: linear-gradient(rgba(255, 255, 255, 0), #c00811);
581
+ -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;
582
+ -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;
583
+ 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;
584
+ }
585
+ .button-3d-demo-1 span:active {
586
+ text-shadow: 0 -1px 0 black;
587
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f73741), color-stop(100%, #8f060d));
588
+ background-image: -webkit-linear-gradient(#f73741, #8f060d);
589
+ background-image: -moz-linear-gradient(#f73741, #8f060d);
590
+ background-image: -o-linear-gradient(#f73741, #8f060d);
591
+ background-image: linear-gradient(#f73741, #8f060d);
592
+ -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);
593
+ -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);
594
+ 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);
595
+ -webkit-border-radius: 0.4em;
596
+ }
597
+ .button-3d-demo-1.disabled {
598
+ border: 1px solid #755354;
599
+ cursor: not-allowed;
600
+ color: white;
601
+ }
602
+ .button-3d-demo-1.disabled span, .button-3d-demo-1.disabled span:hover, .button-3d-demo-1.disabled span:active {
603
+ text-shadow: 0 -1px 0 black;
604
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
605
+ background-image: -webkit-linear-gradient(#979797, #4b4b4b);
606
+ background-image: -moz-linear-gradient(#979797, #4b4b4b);
607
+ background-image: -o-linear-gradient(#979797, #4b4b4b);
608
+ background-image: linear-gradient(#979797, #4b4b4b);
609
+ -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);
610
+ -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);
611
+ 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);
612
+ }
613
+ .ie7 .button-3d-demo-1 span, .ie8 .button-3d-demo-1 span, .ie9 .button-3d-demo-1 span {
614
+ *zoom: 1;
615
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D');
616
+ }
617
+ .ie7 .button-3d-demo-1 span:hover, .ie8 .button-3d-demo-1 span:hover, .ie9 .button-3d-demo-1 span:hover {
618
+ *zoom: 1;
619
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFC00811');
620
+ }
621
+ .ie7 .button-3d-demo-1 span:active, .ie8 .button-3d-demo-1 span:active, .ie9 .button-3d-demo-1 span:active {
622
+ *zoom: 1;
623
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F73741', endColorstr='#FF8F060D');
624
+ }
625
+ .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 {
626
+ *zoom: 1;
627
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
628
+ }
629
+
630
+ .button-3d-demo-2 {
631
+ overflow: hidden;
632
+ display: inline-block;
633
+ line-height: 2.2em;
634
+ color: white;
635
+ border: 1px solid #004466;
636
+ font-family: sans-serif;
637
+ font-size: 13px;
638
+ text-decoration: none;
639
+ text-align: center;
640
+ cursor: pointer;
641
+ text-shadow: 0 1px 0 black;
642
+ -webkit-border-radius: 0.4em;
643
+ -moz-border-radius: 0.4em;
644
+ -ms-border-radius: 0.4em;
645
+ -o-border-radius: 0.4em;
646
+ border-radius: 0.4em;
647
+ }
648
+ .button-3d-demo-2:active {
649
+ position: relative;
650
+ top: 1px;
651
+ }
652
+ .button-3d-demo-2.disabled:active {
653
+ position: static;
654
+ }
655
+ .button-3d-demo-2 span {
656
+ display: block;
657
+ padding: 0 13px;
658
+ }
659
+ .button-3d-demo-2:visited {
660
+ color: white;
661
+ }
662
+ .button-3d-demo-2:hover {
663
+ text-decoration: none;
664
+ color: white;
665
+ }
666
+ .button-3d-demo-2 span {
667
+ background-color: #0088cc;
668
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #002233));
669
+ background-image: -webkit-linear-gradient(#0088cc, #002233);
670
+ background-image: -moz-linear-gradient(#0088cc, #002233);
671
+ background-image: -o-linear-gradient(#0088cc, #002233);
672
+ background-image: linear-gradient(#0088cc, #002233);
673
+ -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);
674
+ -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);
675
+ box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
676
+ }
677
+ .button-3d-demo-2 span:hover {
678
+ background-color: #0088cc;
679
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #004466));
680
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #004466);
681
+ background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #004466);
682
+ background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #004466);
683
+ background-image: linear-gradient(rgba(255, 255, 255, 0), #004466);
684
+ -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;
685
+ -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;
686
+ 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;
687
+ }
688
+ .button-3d-demo-2 span:active {
689
+ text-shadow: 0 -1px 0 black;
690
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #002233));
691
+ background-image: -webkit-linear-gradient(#0088cc, #002233);
692
+ background-image: -moz-linear-gradient(#0088cc, #002233);
693
+ background-image: -o-linear-gradient(#0088cc, #002233);
694
+ background-image: linear-gradient(#0088cc, #002233);
695
+ -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);
696
+ -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);
697
+ 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);
698
+ -webkit-border-radius: 0.4em;
699
+ }
700
+ .button-3d-demo-2.disabled {
701
+ border: 1px solid #755354;
702
+ cursor: not-allowed;
703
+ color: white;
704
+ }
705
+ .button-3d-demo-2.disabled span, .button-3d-demo-2.disabled span:hover, .button-3d-demo-2.disabled span:active {
706
+ text-shadow: 0 -1px 0 black;
707
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
708
+ background-image: -webkit-linear-gradient(#979797, #4b4b4b);
709
+ background-image: -moz-linear-gradient(#979797, #4b4b4b);
710
+ background-image: -o-linear-gradient(#979797, #4b4b4b);
711
+ background-image: linear-gradient(#979797, #4b4b4b);
712
+ -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);
713
+ -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);
714
+ 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);
715
+ }
716
+ .ie7 .button-3d-demo-2 span, .ie8 .button-3d-demo-2 span, .ie9 .button-3d-demo-2 span {
717
+ *zoom: 1;
718
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233');
719
+ }
720
+ .ie7 .button-3d-demo-2 span:hover, .ie8 .button-3d-demo-2 span:hover, .ie9 .button-3d-demo-2 span:hover {
721
+ *zoom: 1;
722
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF004466');
723
+ }
724
+ .ie7 .button-3d-demo-2 span:active, .ie8 .button-3d-demo-2 span:active, .ie9 .button-3d-demo-2 span:active {
725
+ *zoom: 1;
726
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#000088CC', endColorstr='#FF002233');
727
+ }
728
+ .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 {
729
+ *zoom: 1;
730
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
731
+ }
732
+
733
+ .button-3d-demo-3 {
734
+ overflow: hidden;
735
+ display: inline-block;
736
+ line-height: 2.2em;
737
+ color: white;
738
+ border: 1px solid #e08505;
739
+ font-family: sans-serif;
740
+ font-size: 13px;
741
+ text-decoration: none;
742
+ text-align: center;
743
+ cursor: pointer;
744
+ text-shadow: 0 1px 0 black;
745
+ -webkit-border-radius: 0.4em;
746
+ -moz-border-radius: 0.4em;
747
+ -ms-border-radius: 0.4em;
748
+ -o-border-radius: 0.4em;
749
+ border-radius: 0.4em;
750
+ }
751
+ .button-3d-demo-3:active {
752
+ position: relative;
753
+ top: 1px;
754
+ }
755
+ .button-3d-demo-3.disabled:active {
756
+ position: static;
757
+ }
758
+ .button-3d-demo-3 span {
759
+ display: block;
760
+ padding: 0 13px;
761
+ }
762
+ .button-3d-demo-3:visited {
763
+ color: white;
764
+ }
765
+ .button-3d-demo-3:hover {
766
+ text-decoration: none;
767
+ color: white;
768
+ }
769
+ .button-3d-demo-3 span {
770
+ background-color: #fbb450;
771
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
772
+ background-image: -webkit-linear-gradient(#fbb450, #ae6704);
773
+ background-image: -moz-linear-gradient(#fbb450, #ae6704);
774
+ background-image: -o-linear-gradient(#fbb450, #ae6704);
775
+ background-image: linear-gradient(#fbb450, #ae6704);
776
+ -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);
777
+ -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);
778
+ box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
779
+ }
780
+ .button-3d-demo-3 span:hover {
781
+ background-color: #ffb54c;
782
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #e08505));
783
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #e08505);
784
+ background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #e08505);
785
+ background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #e08505);
786
+ background-image: linear-gradient(rgba(255, 255, 255, 0), #e08505);
787
+ -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;
788
+ -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;
789
+ 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;
790
+ }
791
+ .button-3d-demo-3 span:active {
792
+ text-shadow: 0 -1px 0 black;
793
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbb450), color-stop(100%, #ae6704));
794
+ background-image: -webkit-linear-gradient(#fbb450, #ae6704);
795
+ background-image: -moz-linear-gradient(#fbb450, #ae6704);
796
+ background-image: -o-linear-gradient(#fbb450, #ae6704);
797
+ background-image: linear-gradient(#fbb450, #ae6704);
798
+ -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);
799
+ -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);
800
+ 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);
801
+ -webkit-border-radius: 0.4em;
802
+ }
803
+ .button-3d-demo-3.disabled {
804
+ border: 1px solid #755354;
805
+ cursor: not-allowed;
806
+ color: white;
807
+ }
808
+ .button-3d-demo-3.disabled span, .button-3d-demo-3.disabled span:hover, .button-3d-demo-3.disabled span:active {
809
+ text-shadow: 0 -1px 0 black;
810
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
811
+ background-image: -webkit-linear-gradient(#979797, #4b4b4b);
812
+ background-image: -moz-linear-gradient(#979797, #4b4b4b);
813
+ background-image: -o-linear-gradient(#979797, #4b4b4b);
814
+ background-image: linear-gradient(#979797, #4b4b4b);
815
+ -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);
816
+ -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);
817
+ 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);
818
+ }
819
+ .ie7 .button-3d-demo-3 span, .ie8 .button-3d-demo-3 span, .ie9 .button-3d-demo-3 span {
820
+ *zoom: 1;
821
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704');
822
+ }
823
+ .ie7 .button-3d-demo-3 span:hover, .ie8 .button-3d-demo-3 span:hover, .ie9 .button-3d-demo-3 span:hover {
824
+ *zoom: 1;
825
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFE08505');
826
+ }
827
+ .ie7 .button-3d-demo-3 span:active, .ie8 .button-3d-demo-3 span:active, .ie9 .button-3d-demo-3 span:active {
828
+ *zoom: 1;
829
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FBB450', endColorstr='#FFAE6704');
830
+ }
831
+ .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 {
832
+ *zoom: 1;
833
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
834
+ }
835
+
836
+ .button-3d-demo-4 {
837
+ overflow: hidden;
838
+ display: block;
839
+ line-height: 2.2em;
840
+ color: white;
841
+ border: 1px solid #00132e;
842
+ font-family: sans-serif;
843
+ font-size: 24px;
844
+ text-decoration: none;
845
+ text-align: center;
846
+ cursor: pointer;
847
+ text-shadow: 0 1px 0 black;
848
+ -webkit-border-radius: 0.4em;
849
+ -moz-border-radius: 0.4em;
850
+ -ms-border-radius: 0.4em;
851
+ -o-border-radius: 0.4em;
852
+ border-radius: 0.4em;
853
+ }
854
+ .button-3d-demo-4:active {
855
+ position: relative;
856
+ top: 1px;
857
+ }
858
+ .button-3d-demo-4.disabled:active {
859
+ position: static;
860
+ }
861
+ .button-3d-demo-4 span {
862
+ display: block;
863
+ padding: 0 24px;
864
+ }
865
+ .button-3d-demo-4:visited {
866
+ color: white;
867
+ }
868
+ .button-3d-demo-4:hover {
869
+ text-decoration: none;
870
+ color: white;
871
+ }
872
+ .button-3d-demo-4 span {
873
+ background-color: #013d93;
874
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
875
+ background-image: -webkit-linear-gradient(#013d93, #000000);
876
+ background-image: -moz-linear-gradient(#013d93, #000000);
877
+ background-image: -o-linear-gradient(#013d93, #000000);
878
+ background-image: linear-gradient(#013d93, #000000);
879
+ -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);
880
+ -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);
881
+ box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
882
+ }
883
+ .button-3d-demo-4 span:hover {
884
+ background-color: #003d94;
885
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #00132e));
886
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #00132e);
887
+ background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #00132e);
888
+ background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #00132e);
889
+ background-image: linear-gradient(rgba(255, 255, 255, 0), #00132e);
890
+ -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;
891
+ -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;
892
+ 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;
893
+ }
894
+ .button-3d-demo-4 span:active {
895
+ text-shadow: 0 -1px 0 black;
896
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #013d93), color-stop(100%, #000000));
897
+ background-image: -webkit-linear-gradient(#013d93, #000000);
898
+ background-image: -moz-linear-gradient(#013d93, #000000);
899
+ background-image: -o-linear-gradient(#013d93, #000000);
900
+ background-image: linear-gradient(#013d93, #000000);
901
+ -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);
902
+ -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);
903
+ 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);
904
+ -webkit-border-radius: 0.4em;
905
+ }
906
+ .button-3d-demo-4.disabled {
907
+ border: 1px solid #755354;
908
+ cursor: not-allowed;
909
+ color: white;
910
+ }
911
+ .button-3d-demo-4.disabled span, .button-3d-demo-4.disabled span:hover, .button-3d-demo-4.disabled span:active {
912
+ text-shadow: 0 -1px 0 black;
913
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
914
+ background-image: -webkit-linear-gradient(#979797, #4b4b4b);
915
+ background-image: -moz-linear-gradient(#979797, #4b4b4b);
916
+ background-image: -o-linear-gradient(#979797, #4b4b4b);
917
+ background-image: linear-gradient(#979797, #4b4b4b);
918
+ -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);
919
+ -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);
920
+ 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);
921
+ }
922
+ .ie7 .button-3d-demo-4 span, .ie8 .button-3d-demo-4 span, .ie9 .button-3d-demo-4 span {
923
+ *zoom: 1;
924
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000');
925
+ }
926
+ .ie7 .button-3d-demo-4 span:hover, .ie8 .button-3d-demo-4 span:hover, .ie9 .button-3d-demo-4 span:hover {
927
+ *zoom: 1;
928
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FF00132E');
929
+ }
930
+ .ie7 .button-3d-demo-4 span:active, .ie8 .button-3d-demo-4 span:active, .ie9 .button-3d-demo-4 span:active {
931
+ *zoom: 1;
932
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00013D93', endColorstr='#FF000000');
933
+ }
934
+ .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 {
935
+ *zoom: 1;
936
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
937
+ }
938
+
939
+ .button-3d-demo-5 {
940
+ overflow: hidden;
941
+ display: inline-block;
942
+ line-height: 1.75em;
943
+ color: #013d93;
944
+ border: 1px solid #bbbbbb;
945
+ font-family: sans-serif;
946
+ font-size: 11px;
947
+ text-decoration: none;
948
+ text-align: center;
949
+ cursor: pointer;
950
+ text-shadow: 0 1px 0 #b5b5b5;
951
+ -webkit-border-radius: 1.1em;
952
+ -moz-border-radius: 1.1em;
953
+ -ms-border-radius: 1.1em;
954
+ -o-border-radius: 1.1em;
955
+ border-radius: 1.1em;
956
+ }
957
+ .button-3d-demo-5:active {
958
+ position: relative;
959
+ top: 1px;
960
+ }
961
+ .button-3d-demo-5.disabled:active {
962
+ position: static;
963
+ }
964
+ .button-3d-demo-5 span {
965
+ display: block;
966
+ padding: 0 11px;
967
+ }
968
+ .button-3d-demo-5:visited {
969
+ color: #013d93;
970
+ }
971
+ .button-3d-demo-5:hover {
972
+ text-decoration: none;
973
+ color: #013d93;
974
+ }
975
+ .button-3d-demo-5 span {
976
+ background-color: #eeeeee;
977
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
978
+ background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
979
+ background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
980
+ background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
981
+ background-image: linear-gradient(#eeeeee, #a2a2a2);
982
+ -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);
983
+ -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);
984
+ box-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5), inset 0 0.1em 0 rgba(255, 255, 255, 0.5);
985
+ }
986
+ .button-3d-demo-5 span:hover {
987
+ background-color: #f0ecec;
988
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #bbbbbb));
989
+ background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #bbbbbb);
990
+ background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #bbbbbb);
991
+ background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #bbbbbb);
992
+ background-image: linear-gradient(rgba(255, 255, 255, 0), #bbbbbb);
993
+ -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;
994
+ -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;
995
+ 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;
996
+ }
997
+ .button-3d-demo-5 span:active {
998
+ text-shadow: 0 -1px 0 #b5b5b5;
999
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #a2a2a2));
1000
+ background-image: -webkit-linear-gradient(#eeeeee, #a2a2a2);
1001
+ background-image: -moz-linear-gradient(#eeeeee, #a2a2a2);
1002
+ background-image: -o-linear-gradient(#eeeeee, #a2a2a2);
1003
+ background-image: linear-gradient(#eeeeee, #a2a2a2);
1004
+ -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);
1005
+ -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);
1006
+ 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);
1007
+ -webkit-border-radius: 1.1em;
1008
+ }
1009
+ .button-3d-demo-5.disabled {
1010
+ border: 1px solid #755354;
1011
+ cursor: not-allowed;
1012
+ color: white;
1013
+ }
1014
+ .button-3d-demo-5.disabled span, .button-3d-demo-5.disabled span:hover, .button-3d-demo-5.disabled span:active {
1015
+ text-shadow: 0 -1px 0 black;
1016
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979797), color-stop(100%, #4b4b4b));
1017
+ background-image: -webkit-linear-gradient(#979797, #4b4b4b);
1018
+ background-image: -moz-linear-gradient(#979797, #4b4b4b);
1019
+ background-image: -o-linear-gradient(#979797, #4b4b4b);
1020
+ background-image: linear-gradient(#979797, #4b4b4b);
1021
+ -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);
1022
+ -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);
1023
+ 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);
1024
+ }
1025
+ .ie7 .button-3d-demo-5 span, .ie8 .button-3d-demo-5 span, .ie9 .button-3d-demo-5 span {
1026
+ *zoom: 1;
1027
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2');
1028
+ }
1029
+ .ie7 .button-3d-demo-5 span:hover, .ie8 .button-3d-demo-5 span:hover, .ie9 .button-3d-demo-5 span:hover {
1030
+ *zoom: 1;
1031
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00FFFFFF', endColorstr='#FFBBBBBB');
1032
+ }
1033
+ .ie7 .button-3d-demo-5 span:active, .ie8 .button-3d-demo-5 span:active, .ie9 .button-3d-demo-5 span:active {
1034
+ *zoom: 1;
1035
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00EEEEEE', endColorstr='#FFA2A2A2');
1036
+ }
1037
+ .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 {
1038
+ *zoom: 1;
1039
+ filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF979797', endColorstr='#FF4B4B4B');
1040
+ }
1041
+
1042
+ .button-mini-demo-1 {
1043
+ display: inline-block;
1044
+ height: 20px;
1045
+ padding-right: 10px;
1046
+ padding-right: 10px;
1047
+ font-family: sans-serif;
1048
+ text-decoration: none;
1049
+ cursor: pointer;
1050
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0f0f0), color-stop(50%, #e3e3e3), color-stop(51%, #d6d6d6), color-stop(100%, #cacaca));
1051
+ background: -webkit-linear-gradient(top, #f0f0f0 0%, #e3e3e3 50%, #d6d6d6 51%, #cacaca 100%);
1052
+ background: -moz-linear-gradient(top, #f0f0f0 0%, #e3e3e3 50%, #d6d6d6 51%, #cacaca 100%);
1053
+ background: -o-linear-gradient(top, #f0f0f0 0%, #e3e3e3 50%, #d6d6d6 51%, #cacaca 100%);
1054
+ background: linear-gradient(top, #f0f0f0 0%, #e3e3e3 50%, #d6d6d6 51%, #cacaca 100%);
1055
+ -webkit-border-radius: 20px;
1056
+ -moz-border-radius: 20px;
1057
+ -ms-border-radius: 20px;
1058
+ -o-border-radius: 20px;
1059
+ border-radius: 20px;
1060
+ -webkit-box-shadow: #333333 0px 1px 2px 0px;
1061
+ -moz-box-shadow: #333333 0px 1px 2px 0px;
1062
+ box-shadow: #333333 0px 1px 2px 0px;
1063
+ }
1064
+ .button-mini-demo-1 span {
1065
+ height: 20px;
1066
+ line-height: 20px;
1067
+ padding-left: 10px;
1068
+ display: block;
1069
+ }
1070
+ .button-mini-demo-1:hover {
1071
+ text-decoration: none;
1072
+ background: #e3e3e3;
1073
+ }
1074
+ .button-mini-demo-1:active {
1075
+ background: #cacaca;
1076
+ -webkit-box-shadow: #999999 0px 0px 3px 3px inset;
1077
+ -moz-box-shadow: #999999 0px 0px 3px 3px inset;
1078
+ box-shadow: #999999 0px 0px 3px 3px inset;
1079
+ }
1080
+ .button-mini-demo-1 span {
1081
+ color: #0e6695;
1082
+ font-size: 11px;
1083
+ }
1084
+ .ie7 .button-mini-demo-1, .ie8 .button-mini-demo-1, .ie9 .button-mini-demo-1 {
1085
+ background: url('../img/picasso-buttons-mini.png');
1086
+ background-position: right -1px;
1087
+ }
1088
+ .ie7 .button-mini-demo-1:hover, .ie8 .button-mini-demo-1:hover, .ie9 .button-mini-demo-1:hover {
1089
+ background-position: right -21px;
1090
+ }
1091
+ .ie7 .button-mini-demo-1 span, .ie8 .button-mini-demo-1 span, .ie9 .button-mini-demo-1 span {
1092
+ background-image: url('../img/picasso-buttons-mini.png');
1093
+ background-color: white;
1094
+ background-position: 0 -1px;
1095
+ }
1096
+ .ie7 .button-mini-demo-1 span:hover, .ie8 .button-mini-demo-1 span:hover, .ie9 .button-mini-demo-1 span:hover {
1097
+ background-position: 0 -21px;
1098
+ }
1099
+ .ie9 .button-mini-demo-1 {
1100
+ -webkit-border-radius: none;
1101
+ -moz-border-radius: none;
1102
+ -ms-border-radius: none;
1103
+ -o-border-radius: none;
1104
+ border-radius: none;
1105
+ -webkit-box-shadow: none;
1106
+ -moz-box-shadow: none;
1107
+ box-shadow: none;
1108
+ }
1109
+
1110
+ .button-mini-demo-2 {
1111
+ display: inline-block;
1112
+ height: 20px;
1113
+ padding-right: 10px;
1114
+ padding-right: 10px;
1115
+ font-family: sans-serif;
1116
+ text-decoration: none;
1117
+ cursor: pointer;
1118
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(50%, #0077b3), color-stop(51%, #006699), color-stop(100%, #005580));
1119
+ background: -webkit-linear-gradient(top, #0088cc 0%, #0077b3 50%, #006699 51%, #005580 100%);
1120
+ background: -moz-linear-gradient(top, #0088cc 0%, #0077b3 50%, #006699 51%, #005580 100%);
1121
+ background: -o-linear-gradient(top, #0088cc 0%, #0077b3 50%, #006699 51%, #005580 100%);
1122
+ background: linear-gradient(top, #0088cc 0%, #0077b3 50%, #006699 51%, #005580 100%);
1123
+ -webkit-border-radius: 20px;
1124
+ -moz-border-radius: 20px;
1125
+ -ms-border-radius: 20px;
1126
+ -o-border-radius: 20px;
1127
+ border-radius: 20px;
1128
+ -webkit-box-shadow: #333333 0px 1px 2px 0px;
1129
+ -moz-box-shadow: #333333 0px 1px 2px 0px;
1130
+ box-shadow: #333333 0px 1px 2px 0px;
1131
+ }
1132
+ .button-mini-demo-2 span {
1133
+ height: 20px;
1134
+ line-height: 20px;
1135
+ padding-left: 10px;
1136
+ display: block;
1137
+ }
1138
+ .button-mini-demo-2:hover {
1139
+ text-decoration: none;
1140
+ background: #0077b3;
1141
+ }
1142
+ .button-mini-demo-2:active {
1143
+ background: #005580;
1144
+ -webkit-box-shadow: #999999 0px 0px 3px 3px inset;
1145
+ -moz-box-shadow: #999999 0px 0px 3px 3px inset;
1146
+ box-shadow: #999999 0px 0px 3px 3px inset;
1147
+ }
1148
+ .button-mini-demo-2 span {
1149
+ color: white;
1150
+ font-size: 11px;
1151
+ }
1152
+ .ie7 .button-mini-demo-2, .ie8 .button-mini-demo-2, .ie9 .button-mini-demo-2 {
1153
+ background: url('../img/picasso-buttons-mini.png');
1154
+ background-position: right -41px;
1155
+ }
1156
+ .ie7 .button-mini-demo-2:hover, .ie8 .button-mini-demo-2:hover, .ie9 .button-mini-demo-2:hover {
1157
+ background-position: right -61px;
1158
+ }
1159
+ .ie7 .button-mini-demo-2 span, .ie8 .button-mini-demo-2 span, .ie9 .button-mini-demo-2 span {
1160
+ background-image: url('../img/picasso-buttons-mini.png');
1161
+ background-color: white;
1162
+ background-position: 0 -41px;
1163
+ }
1164
+ .ie7 .button-mini-demo-2 span:hover, .ie8 .button-mini-demo-2 span:hover, .ie9 .button-mini-demo-2 span:hover {
1165
+ background-position: 0 -61px;
1166
+ }
1167
+ .ie9 .button-mini-demo-2 {
1168
+ -webkit-border-radius: none;
1169
+ -moz-border-radius: none;
1170
+ -ms-border-radius: none;
1171
+ -o-border-radius: none;
1172
+ border-radius: none;
1173
+ -webkit-box-shadow: none;
1174
+ -moz-box-shadow: none;
1175
+ box-shadow: none;
1176
+ }
1177
+
1178
+ .button-mini-demo-3 {
1179
+ display: inline-block;
1180
+ height: 20px;
1181
+ padding-right: 10px;
1182
+ padding-right: 10px;
1183
+ font-family: sans-serif;
1184
+ text-decoration: none;
1185
+ cursor: pointer;
1186
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da4f49), color-stop(50%, #d63b34), color-stop(51%, #c72f29), color-stop(100%, #b22a24));
1187
+ background: -webkit-linear-gradient(top, #da4f49 0%, #d63b34 50%, #c72f29 51%, #b22a24 100%);
1188
+ background: -moz-linear-gradient(top, #da4f49 0%, #d63b34 50%, #c72f29 51%, #b22a24 100%);
1189
+ background: -o-linear-gradient(top, #da4f49 0%, #d63b34 50%, #c72f29 51%, #b22a24 100%);
1190
+ background: linear-gradient(top, #da4f49 0%, #d63b34 50%, #c72f29 51%, #b22a24 100%);
1191
+ -webkit-border-radius: 20px;
1192
+ -moz-border-radius: 20px;
1193
+ -ms-border-radius: 20px;
1194
+ -o-border-radius: 20px;
1195
+ border-radius: 20px;
1196
+ -webkit-box-shadow: #333333 0px 1px 2px 0px;
1197
+ -moz-box-shadow: #333333 0px 1px 2px 0px;
1198
+ box-shadow: #333333 0px 1px 2px 0px;
1199
+ }
1200
+ .button-mini-demo-3 span {
1201
+ height: 20px;
1202
+ line-height: 20px;
1203
+ padding-left: 10px;
1204
+ display: block;
1205
+ }
1206
+ .button-mini-demo-3:hover {
1207
+ text-decoration: none;
1208
+ background: #d63b34;
1209
+ }
1210
+ .button-mini-demo-3:active {
1211
+ background: #b22a24;
1212
+ -webkit-box-shadow: #999999 0px 0px 3px 3px inset;
1213
+ -moz-box-shadow: #999999 0px 0px 3px 3px inset;
1214
+ box-shadow: #999999 0px 0px 3px 3px inset;
1215
+ }
1216
+ .button-mini-demo-3 span {
1217
+ color: white;
1218
+ font-size: 11px;
1219
+ }
1220
+ .ie7 .button-mini-demo-3, .ie8 .button-mini-demo-3, .ie9 .button-mini-demo-3 {
1221
+ background: url('../img/picasso-buttons-mini.png');
1222
+ background-position: right -81px;
1223
+ }
1224
+ .ie7 .button-mini-demo-3:hover, .ie8 .button-mini-demo-3:hover, .ie9 .button-mini-demo-3:hover {
1225
+ background-position: right -101px;
1226
+ }
1227
+ .ie7 .button-mini-demo-3 span, .ie8 .button-mini-demo-3 span, .ie9 .button-mini-demo-3 span {
1228
+ background-image: url('../img/picasso-buttons-mini.png');
1229
+ background-color: white;
1230
+ background-position: 0 -81px;
1231
+ }
1232
+ .ie7 .button-mini-demo-3 span:hover, .ie8 .button-mini-demo-3 span:hover, .ie9 .button-mini-demo-3 span:hover {
1233
+ background-position: 0 -101px;
1234
+ }
1235
+ .ie9 .button-mini-demo-3 {
1236
+ -webkit-border-radius: none;
1237
+ -moz-border-radius: none;
1238
+ -ms-border-radius: none;
1239
+ -o-border-radius: none;
1240
+ border-radius: none;
1241
+ -webkit-box-shadow: none;
1242
+ -moz-box-shadow: none;
1243
+ box-shadow: none;
1244
+ }
1245
+
1246
+ .button-mini-demo-4 {
1247
+ display: inline-block;
1248
+ height: 20px;
1249
+ padding-right: 10px;
1250
+ padding-right: 10px;
1251
+ font-family: sans-serif;
1252
+ text-decoration: none;
1253
+ cursor: pointer;
1254
+ background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #414141), color-stop(50%, #343434), color-stop(51%, #272727), color-stop(100%, #1b1b1b));
1255
+ background: -webkit-linear-gradient(top, #414141 0%, #343434 50%, #272727 51%, #1b1b1b 100%);
1256
+ background: -moz-linear-gradient(top, #414141 0%, #343434 50%, #272727 51%, #1b1b1b 100%);
1257
+ background: -o-linear-gradient(top, #414141 0%, #343434 50%, #272727 51%, #1b1b1b 100%);
1258
+ background: linear-gradient(top, #414141 0%, #343434 50%, #272727 51%, #1b1b1b 100%);
1259
+ -webkit-border-radius: 20px;
1260
+ -moz-border-radius: 20px;
1261
+ -ms-border-radius: 20px;
1262
+ -o-border-radius: 20px;
1263
+ border-radius: 20px;
1264
+ -webkit-box-shadow: #333333 0px 1px 2px 0px;
1265
+ -moz-box-shadow: #333333 0px 1px 2px 0px;
1266
+ box-shadow: #333333 0px 1px 2px 0px;
1267
+ }
1268
+ .button-mini-demo-4 span {
1269
+ height: 20px;
1270
+ line-height: 20px;
1271
+ padding-left: 10px;
1272
+ display: block;
1273
+ }
1274
+ .button-mini-demo-4:hover {
1275
+ text-decoration: none;
1276
+ background: #343434;
1277
+ }
1278
+ .button-mini-demo-4:active {
1279
+ background: #1b1b1b;
1280
+ -webkit-box-shadow: #999999 0px 0px 3px 3px inset;
1281
+ -moz-box-shadow: #999999 0px 0px 3px 3px inset;
1282
+ box-shadow: #999999 0px 0px 3px 3px inset;
1283
+ }
1284
+ .button-mini-demo-4 span {
1285
+ color: white;
1286
+ font-size: 11px;
1287
+ }
1288
+ .ie7 .button-mini-demo-4, .ie8 .button-mini-demo-4, .ie9 .button-mini-demo-4 {
1289
+ background: url('../img/picasso-buttons-mini.png');
1290
+ background-position: right -121px;
1291
+ }
1292
+ .ie7 .button-mini-demo-4:hover, .ie8 .button-mini-demo-4:hover, .ie9 .button-mini-demo-4:hover {
1293
+ background-position: right -141px;
1294
+ }
1295
+ .ie7 .button-mini-demo-4 span, .ie8 .button-mini-demo-4 span, .ie9 .button-mini-demo-4 span {
1296
+ background-image: url('../img/picasso-buttons-mini.png');
1297
+ background-color: white;
1298
+ background-position: 0 -121px;
1299
+ }
1300
+ .ie7 .button-mini-demo-4 span:hover, .ie8 .button-mini-demo-4 span:hover, .ie9 .button-mini-demo-4 span:hover {
1301
+ background-position: 0 -141px;
1302
+ }
1303
+ .ie9 .button-mini-demo-4 {
1304
+ -webkit-border-radius: none;
1305
+ -moz-border-radius: none;
1306
+ -ms-border-radius: none;
1307
+ -o-border-radius: none;
1308
+ border-radius: none;
1309
+ -webkit-box-shadow: none;
1310
+ -moz-box-shadow: none;
1311
+ box-shadow: none;
1312
+ }
1313
+
1314
+ .list-grid-demo-1:before, .list-grid-demo-1:after {
1315
+ content: "";
1316
+ display: table;
1317
+ }
1318
+ .list-grid-demo-1:after {
1319
+ clear: both;
1320
+ }
1321
+ .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1322
+ zoom: 1;
1323
+ }
1324
+ .list-grid-demo-1 ul {
1325
+ float: left;
1326
+ padding: 0px;
1327
+ margin: 0px;
1328
+ width: 130px;
1329
+ }
1330
+ .list-grid-demo-1 ul li {
1331
+ height: 30px;
1332
+ line-height: 30px;
1333
+ padding-left: 10px;
1334
+ padding-right: 10px;
1335
+ }
1336
+ .list-grid-demo-1 ul {
1337
+ list-style: none outside none;
1338
+ border-top: 1px solid #cccccc;
1339
+ border-bottom: 1px solid #cccccc;
1340
+ border-right: 1px solid #cccccc;
1341
+ }
1342
+ .list-grid-demo-1 ul:first-child {
1343
+ border-left: 1px solid #cccccc;
1344
+ }
1345
+ .list-grid-demo-1 ul li {
1346
+ text-align: center;
1347
+ border: 1px solid transparent;
1348
+ }
1349
+ .list-grid-demo-1 ul li:first-child {
1350
+ border-bottom: 1px solid #cccccc;
1351
+ }
1352
+ .list-grid-demo-1 ul li:nth-child(odd) {
1353
+ background: none repeat scroll 0 0 #eeeeee;
1354
+ }
1355
+ .list-grid-demo-1 ul li:nth-child(even) {
1356
+ background: none repeat scroll 0 0 white;
1357
+ }
1358
+ .list-grid-demo-1 ul li.cell-hover:hover {
1359
+ border: 1px solid #319fda;
1360
+ background: #f4fafd;
1361
+ cursor: pointer;
1362
+ }
1363
+ .ie7 .list-grid-demo-1 ul li:first-child, .ie8 .list-grid-demo-1 ul li:first-child {
1364
+ background: none repeat scroll 0 0 #eeeeee;
1365
+ }
1366
+ .ie7 .list-grid-demo-1 ul li.even, .ie8 .list-grid-demo-1 ul li.even {
1367
+ background: none repeat scroll 0 0 white;
1368
+ }
1369
+ .ie7 .list-grid-demo-1 ul li.odd, .ie8 .list-grid-demo-1 ul li.odd {
1370
+ background: none repeat scroll 0 0 #eeeeee;
1371
+ }
1372
+
1373
+ .nav-demo-1:before, .nav-demo-1:after {
1374
+ content: "";
1375
+ display: table;
1376
+ }
1377
+ .nav-demo-1:after {
1378
+ clear: both;
1379
+ }
1380
+ .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1381
+ zoom: 1;
1382
+ }
1383
+ .nav-demo-1 ul {
1384
+ margin: 0;
1385
+ padding: 0;
1386
+ text-align: center;
1387
+ float: left;
1388
+ }
1389
+ .nav-demo-1 ul:before, .nav-demo-1 ul:after {
1390
+ content: "";
1391
+ display: table;
1392
+ }
1393
+ .nav-demo-1 ul:after {
1394
+ clear: both;
1395
+ }
1396
+ .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1397
+ zoom: 1;
1398
+ }
1399
+ .nav-demo-1 ul li {
1400
+ display: inline-block;
1401
+ height: 40px;
1402
+ line-height: 40px;
1403
+ float: left;
1404
+ }
1405
+ .nav-demo-1 ul li a {
1406
+ display: block;
1407
+ padding: 0 15px;
1408
+ }
1409
+ .ie7 .nav-demo-1 ul li, .ie8 .nav-demo-1 ul li, .ie9 .nav-demo-1 ul li {
1410
+ height: 46px;
1411
+ }
1412
+ .nav-demo-1 ul {
1413
+ list-style: none;
1414
+ -webkit-box-shadow: 0 6px 6px -6px black;
1415
+ -moz-box-shadow: 0 6px 6px -6px black;
1416
+ box-shadow: 0 6px 6px -6px black;
1417
+ }
1418
+ .nav-demo-1 ul li {
1419
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
1420
+ background-image: -webkit-linear-gradient(#ffffff, #e6e6e6);
1421
+ background-image: -moz-linear-gradient(#ffffff, #e6e6e6);
1422
+ background-image: -o-linear-gradient(#ffffff, #e6e6e6);
1423
+ background-image: linear-gradient(#ffffff, #e6e6e6);
1424
+ border-left: 1px solid #acacac;
1425
+ border-top: 1px solid #acacac;
1426
+ border-bottom: 1px solid #acacac;
1427
+ }
1428
+ .nav-demo-1 ul li:hover {
1429
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
1430
+ background-image: -webkit-linear-gradient(#ffffff, #f2f2f2);
1431
+ background-image: -moz-linear-gradient(#ffffff, #f2f2f2);
1432
+ background-image: -o-linear-gradient(#ffffff, #f2f2f2);
1433
+ background-image: linear-gradient(#ffffff, #f2f2f2);
1434
+ }
1435
+ .nav-demo-1 ul li:first-child {
1436
+ -moz-border-radius-topleft: 5px;
1437
+ -webkit-border-top-left-radius: 5px;
1438
+ border-top-left-radius: 5px;
1439
+ -moz-border-radius-bottomleft: 5px;
1440
+ -webkit-border-bottom-left-radius: 5px;
1441
+ border-bottom-left-radius: 5px;
1442
+ }
1443
+ .nav-demo-1 ul li:last-child {
1444
+ -moz-border-radius-topright: 5px;
1445
+ -webkit-border-top-right-radius: 5px;
1446
+ border-top-right-radius: 5px;
1447
+ -moz-border-radius-bottomright: 5px;
1448
+ -webkit-border-bottom-right-radius: 5px;
1449
+ border-bottom-right-radius: 5px;
1450
+ border-right: 1px solid #acacac;
1451
+ }
1452
+ .nav-demo-1 ul li a {
1453
+ font-size: 16px;
1454
+ font-family: sans-serif;
1455
+ }
1456
+ .nav-demo-1 ul .active {
1457
+ background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));
1458
+ background-image: -webkit-linear-gradient(#e6e6e6, #ffffff);
1459
+ background-image: -moz-linear-gradient(#e6e6e6, #ffffff);
1460
+ background-image: -o-linear-gradient(#e6e6e6, #ffffff);
1461
+ background-image: linear-gradient(#e6e6e6, #ffffff);
1462
+ }
1463
+ .ie7 .nav-demo-1 ul li, .ie8 .nav-demo-1 ul li, .ie9 .nav-demo-1 ul li {
1464
+ border-left: none;
1465
+ border-top: none;
1466
+ border-bottom: none;
1467
+ background: transparent url('../img/picasso-nav.png') no-repeat center -1px;
1468
+ }
1469
+ .ie7 .nav-demo-1 ul li a, .ie8 .nav-demo-1 ul li a, .ie9 .nav-demo-1 ul li a {
1470
+ border-left: 1px solid #acacac;
1471
+ }
1472
+ .ie7 .nav-demo-1 ul li:hover, .ie8 .nav-demo-1 ul li:hover, .ie9 .nav-demo-1 ul li:hover {
1473
+ background: transparent url('../img/picasso-nav.png') center -47px no-repeat;
1474
+ }
1475
+ .ie7 .nav-demo-1 ul li:first-child, .ie8 .nav-demo-1 ul li:first-child, .ie9 .nav-demo-1 ul li:first-child {
1476
+ background: transparent url('../img/picasso-nav.png') no-repeat left -1px;
1477
+ }
1478
+ .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 {
1479
+ border-left: none;
1480
+ }
1481
+ .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 {
1482
+ background: transparent url('../img/picasso-nav.png') left -47px no-repeat;
1483
+ }
1484
+ .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 {
1485
+ background: transparent url('../img/picasso-nav.png') no-repeat left -47px;
1486
+ }
1487
+ .ie7 .nav-demo-1 ul .last, .ie8 .nav-demo-1 ul .last, .ie9 .nav-demo-1 ul .last {
1488
+ background: transparent url('../img/picasso-nav.png') no-repeat right -47px;
1489
+ }
1490
+ .ie7 .nav-demo-1 ul .last:hover, .ie8 .nav-demo-1 ul .last:hover, .ie9 .nav-demo-1 ul .last:hover {
1491
+ background: transparent url('../img/picasso-nav.png') right -47px no-repeat;
1492
+ }
1493
+ .ie7 .nav-demo-1 ul .active, .ie8 .nav-demo-1 ul .active, .ie9 .nav-demo-1 ul .active {
1494
+ background: transparent url('../img/picasso-nav.png') no-repeat center -47px;
1495
+ }
1496
+ .ie7 .nav-demo-1 ul .last.active, .ie8 .nav-demo-1 ul .last.active, .ie9 .nav-demo-1 ul .last.active {
1497
+ background: transparent url('../img/picasso-nav.png') no-repeat right -47px;
1498
+ }
1499
+ .ie9 .nav-demo-1 ul {
1500
+ -webkit-box-shadow: none;
1501
+ -moz-box-shadow: none;
1502
+ box-shadow: none;
1503
+ }
1504
+ .ie9 .nav-demo-1 ul li:first-child {
1505
+ -moz-border-radius-topleft: none;
1506
+ -webkit-border-top-left-radius: none;
1507
+ border-top-left-radius: none;
1508
+ -moz-border-radius-bottomleft: none;
1509
+ -webkit-border-bottom-left-radius: none;
1510
+ border-bottom-left-radius: none;
1511
+ }
1512
+ .ie9 .nav-demo-1 ul li:last-child {
1513
+ -moz-border-radius-topright: none;
1514
+ -webkit-border-top-right-radius: none;
1515
+ border-top-right-radius: none;
1516
+ -moz-border-radius-bottomright: none;
1517
+ -webkit-border-bottom-right-radius: none;
1518
+ border-bottom-right-radius: none;
1519
+ border: none;
1520
+ }
1521
+
1522
+ .popup-demo-1 {
1523
+ padding: 10px;
1524
+ position: absolute;
1525
+ }
1526
+ .popup-demo-1:after, .ie7 .popup-demo-1 .after {
1527
+ content: "";
1528
+ position: absolute;
1529
+ top: 0;
1530
+ left: 0;
1531
+ width: 100%;
1532
+ height: 100%;
1533
+ z-index: 0;
1534
+ }
1535
+ .popup-demo-1 .popup-header h4 {
1536
+ line-height: 20px;
1537
+ padding: 10px;
1538
+ }
1539
+ .popup-demo-1 .popup-container {
1540
+ z-index: 1;
1541
+ position: relative;
1542
+ }
1543
+ .popup-demo-1 .popup-arrow {
1544
+ position: absolute;
1545
+ height: 0;
1546
+ width: 0;
1547
+ }
1548
+ .popup-demo-1 .popup-arrow-bottom {
1549
+ bottom: -10px;
1550
+ left: 10px;
1551
+ }
1552
+ .popup-demo-1 .popup-arrow-top {
1553
+ top: -10px;
1554
+ left: 10px;
1555
+ }
1556
+ .popup-demo-1 .popup-arrow-left {
1557
+ left: -10px;
1558
+ top: 10px;
1559
+ }
1560
+ .popup-demo-1 .popup-arrow-right {
1561
+ right: -10px;
1562
+ top: 10px;
1563
+ }
1564
+ .popup-demo-1 .popup-close {
1565
+ position: absolute;
1566
+ z-index: 10;
1567
+ text-align: center;
1568
+ line-height: 20px;
1569
+ height: 20px;
1570
+ width: 20px;
1571
+ top: -13px;
1572
+ right: -13px;
1573
+ -webkit-box-sizing: content-box;
1574
+ -moz-box-sizing: content-box;
1575
+ box-sizing: content-box;
1576
+ }
1577
+ .ie7 .popup-demo-1 {
1578
+ zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
1579
+ }
1580
+ .ie7 .popup-demo-1 .popup-close, .ie8 .popup-demo-1 .popup-close {
1581
+ line-height: 26px;
1582
+ height: 26px;
1583
+ width: 26px;
1584
+ top: -13px;
1585
+ right: -13px;
1586
+ }
1587
+ .popup-demo-1:after {
1588
+ background: black;
1589
+ background: rgba(0, 0, 0, 0.7);
1590
+ -webkit-border-radius: 3px;
1591
+ -moz-border-radius: 3px;
1592
+ -ms-border-radius: 3px;
1593
+ -o-border-radius: 3px;
1594
+ border-radius: 3px;
1595
+ -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
1596
+ -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
1597
+ box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
1598
+ }
1599
+ .popup-demo-1 .popup-header {
1600
+ background: none repeat scroll 0 0 #f7f7f7;
1601
+ display: block;
1602
+ }
1603
+ .popup-demo-1 .popup-header h4 {
1604
+ margin: 0;
1605
+ color: #003770;
1606
+ font-family: sans-serif;
1607
+ font-size: 16px;
1608
+ font-weight: normal;
1609
+ }
1610
+ .popup-demo-1 .popup-content {
1611
+ background: white;
1612
+ border: 1px solid transparent;
1613
+ }
1614
+ .popup-demo-1 .popup-arrow-bottom {
1615
+ border-left: 10px solid transparent;
1616
+ border-right: 10px solid transparent;
1617
+ border-top: 10px solid rgba(0, 0, 0, 0.7);
1618
+ }
1619
+ .popup-demo-1 .popup-arrow-top {
1620
+ border-left: 10px solid transparent;
1621
+ border-right: 10px solid transparent;
1622
+ border-bottom: 10px solid rgba(0, 0, 0, 0.7);
1623
+ }
1624
+ .popup-demo-1 .popup-arrow-left {
1625
+ border-top: 10px solid transparent;
1626
+ border-bottom: 10px solid transparent;
1627
+ border-right: 10px solid rgba(0, 0, 0, 0.7);
1628
+ }
1629
+ .popup-demo-1 .popup-arrow-right {
1630
+ border-top: 10px solid transparent;
1631
+ border-bottom: 10px solid transparent;
1632
+ border-left: 10px solid rgba(0, 0, 0, 0.7);
1633
+ }
1634
+ .popup-demo-1 .popup-close {
1635
+ cursor: pointer;
1636
+ border: 3px solid white;
1637
+ color: white;
1638
+ font-weight: bold;
1639
+ font-family: arial, sans-serif;
1640
+ font-size: 20px;
1641
+ background: #319fda;
1642
+ -webkit-border-radius: 20px;
1643
+ -moz-border-radius: 20px;
1644
+ -ms-border-radius: 20px;
1645
+ -o-border-radius: 20px;
1646
+ border-radius: 20px;
1647
+ -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
1648
+ -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
1649
+ box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px;
1650
+ }
1651
+ .ie7 .popup-demo-1 .after {
1652
+ background-color: black;
1653
+ filter: alpha(opacity=70);
1654
+ }
1655
+ .ie8 .popup-demo-1:after {
1656
+ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAEElEQVR4nGNi2MywmYkBCAAJ8gFrYOfxtwAAAABJRU5ErkJggg==');
1657
+ }
1658
+ .ie7 .popup-demo-1 .popup-arrow, .ie8 .popup-demo-1 .popup-arrow {
1659
+ filter: alpha(opacity=70);
1660
+ }
1661
+ .ie7 .popup-demo-1 .popup-arrow-bottom, .ie8 .popup-demo-1 .popup-arrow-bottom {
1662
+ border-top: 10px solid black;
1663
+ }
1664
+ .ie7 .popup-demo-1 .popup-arrow-top, .ie8 .popup-demo-1 .popup-arrow-top {
1665
+ border-bottom: 10px solid black;
1666
+ }
1667
+ .ie7 .popup-demo-1 .popup-arrow-left, .ie8 .popup-demo-1 .popup-arrow-left {
1668
+ border-right: 10px solid black;
1669
+ }
1670
+ .ie7 .popup-demo-1 .popup-arrow-right, .ie8 .popup-demo-1 .popup-arrow-right {
1671
+ border-left: 10px solid black;
1672
+ }
1673
+ .ie7 .popup-demo-1 .popup-close, .ie8 .popup-demo-1 .popup-close {
1674
+ border-width: 0;
1675
+ background-color: transparent;
1676
+ background: url('../img/picasso-popup.png');
1677
+ background-position: 0 -1px;
1678
+ }
1679
+
1680
+ .popup-demo-2 {
1681
+ padding: 10px;
1682
+ position: absolute;
1683
+ color: white;
1684
+ }
1685
+ .popup-demo-2:after, .ie7 .popup-demo-2 .after {
1686
+ content: "";
1687
+ position: absolute;
1688
+ top: 0;
1689
+ left: 0;
1690
+ width: 100%;
1691
+ height: 100%;
1692
+ z-index: 0;
1693
+ }
1694
+ .popup-demo-2 .popup-header h4 {
1695
+ line-height: 20px;
1696
+ padding: 10px;
1697
+ }
1698
+ .popup-demo-2 .popup-container {
1699
+ z-index: 1;
1700
+ position: relative;
1701
+ }
1702
+ .popup-demo-2 .popup-arrow {
1703
+ position: absolute;
1704
+ height: 0;
1705
+ width: 0;
1706
+ }
1707
+ .popup-demo-2 .popup-arrow-bottom {
1708
+ bottom: -10px;
1709
+ left: 10px;
1710
+ }
1711
+ .popup-demo-2 .popup-arrow-top {
1712
+ top: -10px;
1713
+ left: 10px;
1714
+ }
1715
+ .popup-demo-2 .popup-arrow-left {
1716
+ left: -10px;
1717
+ top: 10px;
1718
+ }
1719
+ .popup-demo-2 .popup-arrow-right {
1720
+ right: -10px;
1721
+ top: 10px;
1722
+ }
1723
+ .popup-demo-2 .popup-close {
1724
+ position: absolute;
1725
+ z-index: 10;
1726
+ text-align: center;
1727
+ line-height: 20px;
1728
+ height: 20px;
1729
+ width: 20px;
1730
+ top: -13px;
1731
+ right: -13px;
1732
+ -webkit-box-sizing: content-box;
1733
+ -moz-box-sizing: content-box;
1734
+ box-sizing: content-box;
1735
+ }
1736
+ .ie7 .popup-demo-2 {
1737
+ zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
1738
+ }
1739
+ .ie7 .popup-demo-2 .popup-close, .ie8 .popup-demo-2 .popup-close {
1740
+ line-height: 26px;
1741
+ height: 26px;
1742
+ width: 26px;
1743
+ top: -13px;
1744
+ right: -13px;
1745
+ }
1746
+ .popup-demo-2:after {
1747
+ background: gray;
1748
+ background: rgba(128, 128, 128, 0.5);
1749
+ -webkit-border-radius: 10px;
1750
+ -moz-border-radius: 10px;
1751
+ -ms-border-radius: 10px;
1752
+ -o-border-radius: 10px;
1753
+ border-radius: 10px;
1754
+ -webkit-box-shadow: 0px 0px 5px #333333;
1755
+ -moz-box-shadow: 0px 0px 5px #333333;
1756
+ box-shadow: 0px 0px 5px #333333;
1757
+ }
1758
+ .popup-demo-2 .popup-header {
1759
+ background: white;
1760
+ display: block;
1761
+ }
1762
+ .popup-demo-2 .popup-header h4 {
1763
+ margin: 0;
1764
+ color: black;
1765
+ font-family: sans-serif;
1766
+ font-size: 16px;
1767
+ font-weight: normal;
1768
+ }
1769
+ .popup-demo-2 .popup-content {
1770
+ background: black;
1771
+ border: 1px solid transparent;
1772
+ }
1773
+ .popup-demo-2 .popup-arrow-bottom {
1774
+ border-left: 10px solid transparent;
1775
+ border-right: 10px solid transparent;
1776
+ border-top: 10px solid rgba(128, 128, 128, 0.5);
1777
+ }
1778
+ .popup-demo-2 .popup-arrow-top {
1779
+ border-left: 10px solid transparent;
1780
+ border-right: 10px solid transparent;
1781
+ border-bottom: 10px solid rgba(128, 128, 128, 0.5);
1782
+ }
1783
+ .popup-demo-2 .popup-arrow-left {
1784
+ border-top: 10px solid transparent;
1785
+ border-bottom: 10px solid transparent;
1786
+ border-right: 10px solid rgba(128, 128, 128, 0.5);
1787
+ }
1788
+ .popup-demo-2 .popup-arrow-right {
1789
+ border-top: 10px solid transparent;
1790
+ border-bottom: 10px solid transparent;
1791
+ border-left: 10px solid rgba(128, 128, 128, 0.5);
1792
+ }
1793
+ .popup-demo-2 .popup-close {
1794
+ cursor: pointer;
1795
+ border: 3px solid white;
1796
+ color: white;
1797
+ font-weight: bold;
1798
+ font-family: arial, sans-serif;
1799
+ font-size: 20px;
1800
+ background: black;
1801
+ -webkit-border-radius: 20px;
1802
+ -moz-border-radius: 20px;
1803
+ -ms-border-radius: 20px;
1804
+ -o-border-radius: 20px;
1805
+ border-radius: 20px;
1806
+ -webkit-box-shadow: 0px 0px 5px #333333;
1807
+ -moz-box-shadow: 0px 0px 5px #333333;
1808
+ box-shadow: 0px 0px 5px #333333;
1809
+ }
1810
+ .ie7 .popup-demo-2 .after {
1811
+ background-color: gray;
1812
+ filter: alpha(opacity=50);
1813
+ }
1814
+ .ie8 .popup-demo-2:after {
1815
+ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAQAAADYv8WvAAAAD0lEQVR4nGNqAAImBiAAAA8oAgWZ/tnVAAAAAElFTkSuQmCC');
1816
+ }
1817
+ .ie7 .popup-demo-2 .popup-arrow, .ie8 .popup-demo-2 .popup-arrow {
1818
+ filter: alpha(opacity=50);
1819
+ }
1820
+ .ie7 .popup-demo-2 .popup-arrow-bottom, .ie8 .popup-demo-2 .popup-arrow-bottom {
1821
+ border-top: 10px solid gray;
1822
+ }
1823
+ .ie7 .popup-demo-2 .popup-arrow-top, .ie8 .popup-demo-2 .popup-arrow-top {
1824
+ border-bottom: 10px solid gray;
1825
+ }
1826
+ .ie7 .popup-demo-2 .popup-arrow-left, .ie8 .popup-demo-2 .popup-arrow-left {
1827
+ border-right: 10px solid gray;
1828
+ }
1829
+ .ie7 .popup-demo-2 .popup-arrow-right, .ie8 .popup-demo-2 .popup-arrow-right {
1830
+ border-left: 10px solid gray;
1831
+ }
1832
+ .ie7 .popup-demo-2 .popup-close, .ie8 .popup-demo-2 .popup-close {
1833
+ border-width: 0;
1834
+ background-color: transparent;
1835
+ background: url('../img/picasso-popup.png');
1836
+ background-position: 0 -27px;
1837
+ }
1838
+
1839
+ .bubble-demo-1 {
1840
+ margin: 0 0 30px 0;
1841
+ }
1842
+
1843
+ .bubble-demo-1 {
1844
+ padding: 0.7em;
1845
+ position: relative;
1846
+ background: #eeeeee;
1847
+ -webkit-border-radius: 0.5em;
1848
+ -moz-border-radius: 0.5em;
1849
+ -ms-border-radius: 0.5em;
1850
+ -o-border-radius: 0.5em;
1851
+ border-radius: 0.5em;
1852
+ }
1853
+ .bubble-demo-1 blockquote, .bubble-demo-1 h4 {
1854
+ margin: 0;
1855
+ }
1856
+ .bubble-demo-1:after {
1857
+ content: '';
1858
+ position: absolute;
1859
+ right: 1em;
1860
+ bottom: -1em;
1861
+ }
1862
+ .bubble-demo-1 blockquote {
1863
+ color: #999999;
1864
+ }
1865
+ .bubble-demo-1:after {
1866
+ border-left: 0.7em solid transparent;
1867
+ border-right: 0.7em solid transparent;
1868
+ border-top: 1em solid #eeeeee;
1869
+ }
1870
+
1871
+ .bubble-demo-2 {
1872
+ padding: 0.7em;
1873
+ position: relative;
1874
+ background: #eeeeee;
1875
+ -webkit-border-radius: 0.5em;
1876
+ -moz-border-radius: 0.5em;
1877
+ -ms-border-radius: 0.5em;
1878
+ -o-border-radius: 0.5em;
1879
+ border-radius: 0.5em;
1880
+ }
1881
+ .bubble-demo-2 blockquote, .bubble-demo-2 h4 {
1882
+ margin: 0;
1883
+ }
1884
+ .bubble-demo-2:after {
1885
+ content: '';
1886
+ position: absolute;
1887
+ left: 1em;
1888
+ bottom: -1em;
1889
+ }
1890
+ .bubble-demo-2 blockquote {
1891
+ color: #999999;
1892
+ }
1893
+ .bubble-demo-2:after {
1894
+ border-left: 0.7em solid transparent;
1895
+ border-right: 0.7em solid transparent;
1896
+ border-top: 1em solid #eeeeee;
1897
+ }
1898
+
1899
+ .bubble-demo-3 {
1900
+ padding: 0.7em;
1901
+ position: relative;
1902
+ background: #eeeeee;
1903
+ -webkit-border-radius: 0.5em;
1904
+ -moz-border-radius: 0.5em;
1905
+ -ms-border-radius: 0.5em;
1906
+ -o-border-radius: 0.5em;
1907
+ border-radius: 0.5em;
1908
+ }
1909
+ .bubble-demo-3 blockquote, .bubble-demo-3 h4 {
1910
+ margin: 0;
1911
+ }
1912
+ .bubble-demo-3 blockquote {
1913
+ width: 100%;
1914
+ }
1915
+ .bubble-demo-3:after {
1916
+ content: '';
1917
+ position: absolute;
1918
+ right: 1em;
1919
+ bottom: -1em;
1920
+ }
1921
+ .bubble-demo-3 blockquote {
1922
+ color: #999999;
1923
+ white-space: nowrap;
1924
+ overflow: hidden;
1925
+ -ms-text-overflow: ellipsis;
1926
+ -o-text-overflow: ellipsis;
1927
+ text-overflow: ellipsis;
1928
+ }
1929
+ .bubble-demo-3:after {
1930
+ border-left: 0.7em solid transparent;
1931
+ border-right: 0.7em solid transparent;
1932
+ border-top: 1em solid #eeeeee;
1933
+ }
1934
+
1935
+ .accordion-demo-1 {
1936
+ border: 1px solid #cccccc;
1937
+ }
1938
+ .accordion-demo-1 .accordion-section {
1939
+ margin-top: 1px;
1940
+ }
1941
+ .accordion-demo-1 .accordion-section:first-child {
1942
+ margin-top: 0;
1943
+ }
1944
+ .accordion-demo-1 .accordion-header {
1945
+ padding: 0.407em 10px;
1946
+ }
1947
+ .accordion-demo-1 .accordion-header:before, .accordion-demo-1 .accordion-header:after {
1948
+ content: "";
1949
+ display: table;
1950
+ }
1951
+ .accordion-demo-1 .accordion-header:after {
1952
+ clear: both;
1953
+ }
1954
+ .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1955
+ zoom: 1;
1956
+ }
1957
+ .accordion-demo-1 .accordion-header h4 {
1958
+ margin: 0;
1959
+ float: left;
1960
+ }
1961
+ .accordion-demo-1 .accordion-header .accordion-arrow {
1962
+ float: right;
1963
+ }
1964
+ .accordion-demo-1 .accordion-header {
1965
+ background-color: #013d93;
1966
+ color: white;
1967
+ cursor: pointer;
1968
+ font-size: 0.813em;
1969
+ line-height: 0.813em;
1970
+ }
1971
+ .accordion-demo-1 .accordion-header.accordion-header-open .accordion-arrow:after {
1972
+ content: "\25BC";
1973
+ }
1974
+ .accordion-demo-1 .accordion-header.accordion-header-close .accordion-arrow:after {
1975
+ content: "\25BA";
1976
+ }
1977
+
1978
+ .pagination-demo-1 {
1979
+ text-align: center;
1980
+ }
1981
+ .pagination-demo-1 ul {
1982
+ display: inline-block;
1983
+ }
1984
+ .pagination-demo-1 ul li {
1985
+ height: 27px;
1986
+ text-align: center;
1987
+ float: left;
1988
+ margin-left: 2px;
1989
+ margin-right: 2px;
1990
+ }
1991
+ .pagination-demo-1 ul li a {
1992
+ display: block;
1993
+ line-height: 27px;
1994
+ min-width: 27px;
1995
+ }
1996
+ .pagination-demo-1 ul .prev {
1997
+ margin: 0 10px 0 0;
1998
+ }
1999
+ .pagination-demo-1 ul .next {
2000
+ margin: 0 0 0 10px;
2001
+ }
2002
+ .pagination-demo-1 li {
2003
+ background: #eeeeee;
2004
+ border: 1px solid #cccccc;
2005
+ -webkit-border-radius: 5px;
2006
+ -moz-border-radius: 5px;
2007
+ -ms-border-radius: 5px;
2008
+ -o-border-radius: 5px;
2009
+ border-radius: 5px;
2010
+ list-style: none;
2011
+ }
2012
+ .pagination-demo-1 li a {
2013
+ color: #319fda;
2014
+ }
2015
+ .pagination-demo-1 li a:hover {
2016
+ color: white;
2017
+ }
2018
+ .pagination-demo-1 li:hover {
2019
+ background: #013d93;
2020
+ }
2021
+ .pagination-demo-1 .active, .pagination-demo-1 .prev, .pagination-demo-1 .next, .pagination-demo-1 .dots {
2022
+ background: none;
2023
+ border: none;
2024
+ }
2025
+ .pagination-demo-1 .active a:hover, .pagination-demo-1 .prev a:hover, .pagination-demo-1 .next a:hover, .pagination-demo-1 .dots a:hover {
2026
+ color: #319fda;
2027
+ }
2028
+ .pagination-demo-1 .active:hover, .pagination-demo-1 .prev:hover, .pagination-demo-1 .next:hover, .pagination-demo-1 .dots:hover {
2029
+ background: none;
2030
+ }
2031
+ .pagination-demo-1 .prev a:hover, .pagination-demo-1 .next a:hover {
2032
+ text-decoration: underline;
2033
+ }
2034
+ .pagination-demo-1 .active a, .pagination-demo-1 .dots a {
2035
+ color: #888888;
2036
+ cursor: default;
2037
+ text-decoration: none;
2038
+ }
2039
+ .pagination-demo-1 .active a:hover, .pagination-demo-1 .dots a:hover {
2040
+ color: #888888;
2041
+ text-decoration: none;
2042
+ }
2043
+ .pagination-demo-1 .disabled {
2044
+ background: none;
2045
+ border: none;
2046
+ }
2047
+ .pagination-demo-1 .disabled:hover {
2048
+ background: none;
2049
+ }
2050
+ .pagination-demo-1 .disabled a {
2051
+ color: #cccccc;
2052
+ text-decoration: none;
2053
+ cursor: not-allowed;
2054
+ }
2055
+ .pagination-demo-1 .disabled a:hover {
2056
+ text-decoration: none;
2057
+ color: #cccccc;
2058
+ }
2059
+
2060
+ .text-input-demo-1 {
2061
+ width: 200px;
2062
+ height: 20px;
2063
+ line-height: 20px;
2064
+ padding: 1px;
2065
+ border: 1px solid #dddddd;
2066
+ border-top: 1px solid #919191;
2067
+ color: #333333;
2068
+ font-size: 11px;
2069
+ -webkit-box-sizing: border-box;
2070
+ -moz-box-sizing: border-box;
2071
+ box-sizing: border-box;
2072
+ -webkit-border-radius: 3px 3px 3px 3px;
2073
+ -moz-border-radius: 3px 3px 3px 3px;
2074
+ -ms-border-radius: 3px 3px 3px 3px;
2075
+ -o-border-radius: 3px 3px 3px 3px;
2076
+ border-radius: 3px 3px 3px 3px;
2077
+ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
2078
+ -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
2079
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
2080
+ }
2081
+ .text-input-demo-1:focus {
2082
+ outline: 0;
2083
+ border: 1px solid #319fda;
2084
+ -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
2085
+ -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
2086
+ box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
2087
+ }
2088
+
2089
+ .select-demo-1 {
2090
+ width: 200px;
2091
+ height: 20px;
2092
+ line-height: 20px;
2093
+ padding: 1px;
2094
+ border: 1px solid #dddddd;
2095
+ border-top: 1px solid #919191;
2096
+ color: #333333;
2097
+ font-size: 11px;
2098
+ -webkit-box-sizing: border-box;
2099
+ -moz-box-sizing: border-box;
2100
+ box-sizing: border-box;
2101
+ -webkit-border-radius: 3px 3px 3px 3px;
2102
+ -moz-border-radius: 3px 3px 3px 3px;
2103
+ -ms-border-radius: 3px 3px 3px 3px;
2104
+ -o-border-radius: 3px 3px 3px 3px;
2105
+ border-radius: 3px 3px 3px 3px;
2106
+ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
2107
+ -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
2108
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
2109
+ }
2110
+ .select-demo-1:focus {
2111
+ outline: 0;
2112
+ border: 1px solid #319fda;
2113
+ -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
2114
+ -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
2115
+ box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px 0 inset, #01a9db 0 0 2px 0;
2116
+ }
2117
+
2118
+ .arrow-demo-1, .arrow-demo-3 {
2119
+ margin: 0 40px 0 0;
2120
+ }
2121
+
2122
+ .arrow-demo-1 {
2123
+ position: relative;
2124
+ height: 1.6em;
2125
+ line-height: 1.6em;
2126
+ display: inline-block;
2127
+ padding: 0 0 0 0.5em;
2128
+ font-style: normal;
2129
+ font-size: 10px;
2130
+ font-size: 0.625rem;
2131
+ background: black;
2132
+ color: white;
2133
+ -moz-border-radius-topleft: 0.1em;
2134
+ -webkit-border-top-left-radius: 0.1em;
2135
+ border-top-left-radius: 0.1em;
2136
+ -moz-border-radius-bottomleft: 0.1em;
2137
+ -webkit-border-bottom-left-radius: 0.1em;
2138
+ border-bottom-left-radius: 0.1em;
2139
+ }
2140
+ .arrow-demo-1:after {
2141
+ content: '';
2142
+ position: absolute;
2143
+ left: 100%;
2144
+ }
2145
+ .ie7 .arrow-demo-1 {
2146
+ padding: 0 0.5em;
2147
+ }
2148
+ .arrow-demo-1:after {
2149
+ border-top: 0.8em solid transparent;
2150
+ border-bottom: 0.8em solid transparent;
2151
+ border-left: 0.8em solid black;
2152
+ }
2153
+
2154
+ .arrow-demo-2 {
2155
+ position: relative;
2156
+ height: 1.6em;
2157
+ line-height: 1.6em;
2158
+ display: inline-block;
2159
+ padding: 0 0.5em 0 0;
2160
+ font-style: normal;
2161
+ font-size: 10px;
2162
+ font-size: 0.625rem;
2163
+ background: black;
2164
+ color: white;
2165
+ -moz-border-radius-topright: 0.1em;
2166
+ -webkit-border-top-right-radius: 0.1em;
2167
+ border-top-right-radius: 0.1em;
2168
+ -moz-border-radius-bottomright: 0.1em;
2169
+ -webkit-border-bottom-right-radius: 0.1em;
2170
+ border-bottom-right-radius: 0.1em;
2171
+ }
2172
+ .arrow-demo-2:after {
2173
+ content: '';
2174
+ position: absolute;
2175
+ right: 100%;
2176
+ }
2177
+ .ie7 .arrow-demo-2 {
2178
+ padding: 0 0.5em;
2179
+ }
2180
+ .arrow-demo-2:after {
2181
+ border-top: 0.8em solid transparent;
2182
+ border-bottom: 0.8em solid transparent;
2183
+ border-right: 0.8em solid black;
2184
+ }
2185
+
2186
+ .arrow-demo-3 {
2187
+ position: relative;
2188
+ height: 1.6em;
2189
+ line-height: 1.6em;
2190
+ display: inline-block;
2191
+ padding: 0 0 0 0.5em;
2192
+ font-style: normal;
2193
+ font-size: 25px;
2194
+ font-size: 1.563rem;
2195
+ background: #5fc8ff;
2196
+ color: white;
2197
+ -moz-border-radius-topleft: 0.1em;
2198
+ -webkit-border-top-left-radius: 0.1em;
2199
+ border-top-left-radius: 0.1em;
2200
+ -moz-border-radius-bottomleft: 0.1em;
2201
+ -webkit-border-bottom-left-radius: 0.1em;
2202
+ border-bottom-left-radius: 0.1em;
2203
+ }
2204
+ .arrow-demo-3:after {
2205
+ content: '';
2206
+ position: absolute;
2207
+ left: 100%;
2208
+ }
2209
+ .ie7 .arrow-demo-3 {
2210
+ padding: 0 0.5em;
2211
+ }
2212
+ .arrow-demo-3:after {
2213
+ border-top: 0.8em solid transparent;
2214
+ border-bottom: 0.8em solid transparent;
2215
+ border-left: 0.8em solid #5fc8ff;
2216
+ }
2217
+
2218
+ .arrow-demo-4 {
2219
+ position: relative;
2220
+ height: 1.6em;
2221
+ line-height: 1.6em;
2222
+ display: inline-block;
2223
+ padding: 0 0.5em 0 0;
2224
+ font-style: normal;
2225
+ font-size: 25px;
2226
+ font-size: 1.563rem;
2227
+ background: #5fc8ff;
2228
+ color: white;
2229
+ -moz-border-radius-topright: 0.1em;
2230
+ -webkit-border-top-right-radius: 0.1em;
2231
+ border-top-right-radius: 0.1em;
2232
+ -moz-border-radius-bottomright: 0.1em;
2233
+ -webkit-border-bottom-right-radius: 0.1em;
2234
+ border-bottom-right-radius: 0.1em;
2235
+ }
2236
+ .arrow-demo-4:after {
2237
+ content: '';
2238
+ position: absolute;
2239
+ right: 100%;
2240
+ }
2241
+ .ie7 .arrow-demo-4 {
2242
+ padding: 0 0.5em;
2243
+ }
2244
+ .arrow-demo-4:after {
2245
+ border-top: 0.8em solid transparent;
2246
+ border-bottom: 0.8em solid transparent;
2247
+ border-right: 0.8em solid #5fc8ff;
2248
+ }
2249
+
2250
+ .container {
2251
+ width: 90%;
2252
+ max-width: 1200px;
2253
+ min-width: 950px;
2254
+ }
2255
+
2256
+ .row-col {
2257
+ width: 100%;
2258
+ }
2259
+ .row-col:before, .row-col:after {
2260
+ content: "";
2261
+ display: table;
2262
+ }
2263
+ .row-col:after {
2264
+ clear: both;
2265
+ }
2266
+ .ie6 .row-col, .ie7 .row-col {
2267
+ zoom: 1;
2268
+ }
2269
+ .row-col [class^="col"] {
2270
+ width: 100%;
2271
+ min-height: 25px;
2272
+ display: block;
2273
+ float: left;
2274
+ margin-left: 2.174%;
2275
+ -webkit-box-sizing: border-box;
2276
+ -moz-box-sizing: border-box;
2277
+ box-sizing: border-box;
2278
+ }
2279
+ .row-col [class^="col"]:first-child {
2280
+ margin-left: 0;
2281
+ }
2282
+ .row-col [class^="col"] img {
2283
+ max-width: 100%;
2284
+ }
2285
+ .row-col .col1 {
2286
+ width: 6.341%;
2287
+ }
2288
+ .ie7 .row-col .col1 {
2289
+ width: 6.249%;
2290
+ }
2291
+ .row-col [class^="col"].offset1 {
2292
+ margin-left: 10.507%;
2293
+ }
2294
+ .row-col [class^="col"].offset1:first-child {
2295
+ margin-left: 8.424%;
2296
+ }
2297
+ .row-col .col2 {
2298
+ width: 14.855%;
2299
+ }
2300
+ .ie7 .row-col .col2 {
2301
+ width: 14.763%;
2302
+ }
2303
+ .row-col [class^="col"].offset2 {
2304
+ margin-left: 19.022%;
2305
+ }
2306
+ .row-col [class^="col"].offset2:first-child {
2307
+ margin-left: 16.938%;
2308
+ }
2309
+ .row-col .col3 {
2310
+ width: 23.37%;
2311
+ }
2312
+ .ie7 .row-col .col3 {
2313
+ width: 23.278%;
2314
+ }
2315
+ .row-col [class^="col"].offset3 {
2316
+ margin-left: 27.536%;
2317
+ }
2318
+ .row-col [class^="col"].offset3:first-child {
2319
+ margin-left: 25.453%;
2320
+ }
2321
+ .row-col .col4 {
2322
+ width: 31.884%;
2323
+ }
2324
+ .ie7 .row-col .col4 {
2325
+ width: 31.792%;
2326
+ }
2327
+ .row-col [class^="col"].offset4 {
2328
+ margin-left: 36.051%;
2329
+ }
2330
+ .row-col [class^="col"].offset4:first-child {
2331
+ margin-left: 33.967%;
2332
+ }
2333
+ .row-col .col5 {
2334
+ width: 40.399%;
2335
+ }
2336
+ .ie7 .row-col .col5 {
2337
+ width: 40.307%;
2338
+ }
2339
+ .row-col [class^="col"].offset5 {
2340
+ margin-left: 44.565%;
2341
+ }
2342
+ .row-col [class^="col"].offset5:first-child {
2343
+ margin-left: 42.482%;
2344
+ }
2345
+ .row-col .col6 {
2346
+ width: 48.913%;
2347
+ }
2348
+ .ie7 .row-col .col6 {
2349
+ width: 48.821%;
2350
+ }
2351
+ .row-col [class^="col"].offset6 {
2352
+ margin-left: 53.08%;
2353
+ }
2354
+ .row-col [class^="col"].offset6:first-child {
2355
+ margin-left: 50.996%;
2356
+ }
2357
+ .row-col .col7 {
2358
+ width: 57.428%;
2359
+ }
2360
+ .ie7 .row-col .col7 {
2361
+ width: 57.336%;
2362
+ }
2363
+ .row-col [class^="col"].offset7 {
2364
+ margin-left: 61.594%;
2365
+ }
2366
+ .row-col [class^="col"].offset7:first-child {
2367
+ margin-left: 59.511%;
2368
+ }
2369
+ .row-col .col8 {
2370
+ width: 65.942%;
2371
+ }
2372
+ .ie7 .row-col .col8 {
2373
+ width: 65.85%;
2374
+ }
2375
+ .row-col [class^="col"].offset8 {
2376
+ margin-left: 70.109%;
2377
+ }
2378
+ .row-col [class^="col"].offset8:first-child {
2379
+ margin-left: 68.025%;
2380
+ }
2381
+ .row-col .col9 {
2382
+ width: 74.457%;
2383
+ }
2384
+ .ie7 .row-col .col9 {
2385
+ width: 74.365%;
2386
+ }
2387
+ .row-col [class^="col"].offset9 {
2388
+ margin-left: 78.623%;
2389
+ }
2390
+ .row-col [class^="col"].offset9:first-child {
2391
+ margin-left: 76.54%;
2392
+ }
2393
+ .row-col .col10 {
2394
+ width: 82.971%;
2395
+ }
2396
+ .ie7 .row-col .col10 {
2397
+ width: 82.879%;
2398
+ }
2399
+ .row-col [class^="col"].offset10 {
2400
+ margin-left: 87.138%;
2401
+ }
2402
+ .row-col [class^="col"].offset10:first-child {
2403
+ margin-left: 85.054%;
2404
+ }
2405
+ .row-col .col11 {
2406
+ width: 91.486%;
2407
+ }
2408
+ .ie7 .row-col .col11 {
2409
+ width: 91.394%;
2410
+ }
2411
+ .row-col [class^="col"].offset11 {
2412
+ margin-left: 95.652%;
2413
+ }
2414
+ .row-col [class^="col"].offset11:first-child {
2415
+ margin-left: 93.569%;
2416
+ }
2417
+ .row-col .col12 {
2418
+ width: 100%;
2419
+ }
2420
+ .row-col [class^="col"].offset12 {
2421
+ margin-left: 104.167%;
2422
+ }
2423
+ .row-col [class^="col"].offset12:first-child {
2424
+ margin-left: 102.083%;
2425
+ }
2426
+
2427
+ .row-col {
2428
+ margin: 10px 0;
2429
+ }
2430
+
2431
+ [class^="col"] {
2432
+ -webkit-border-radius: 5px;
2433
+ -moz-border-radius: 5px;
2434
+ -ms-border-radius: 5px;
2435
+ -o-border-radius: 5px;
2436
+ border-radius: 5px;
2437
+ background: #CCC;
2438
+ }
2439
+
2440
+ [class^="col"] [class^="col"] {
2441
+ background: #AAA;
2442
+ }
2443
+
2444
+ [class^="col"] [class^="col"] [class^="col"] {
2445
+ background: #696969;
2446
+ color: #C0C0C0;
2447
+ }
2448
+
2449
+ .clearfix-demo {
2450
+ background: #58608D;
2451
+ width: 90%;
2452
+ padding: 10px;
2453
+ }
2454
+ .clearfix-demo:before, .clearfix-demo:after {
2455
+ content: "";
2456
+ display: table;
2457
+ }
2458
+ .clearfix-demo:after {
2459
+ clear: both;
2460
+ }
2461
+ .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2462
+ zoom: 1;
2463
+ }
2464
+ .clearfix-demo div {
2465
+ background: white;
2466
+ }
2467
+
2468
+ .despegar-size-1-demo {
2469
+ font-size: 11px;
2470
+ }
2471
+
2472
+ .despegar-size-2-demo {
2473
+ font-size: 13px;
2474
+ }
2475
+
2476
+ .despegar-size-3-demo {
2477
+ font-size: 16px;
2478
+ }
2479
+
2480
+ .despegar-size-4-demo {
2481
+ font-size: 20px;
2482
+ }
2483
+
2484
+ .despegar-size-5-demo {
2485
+ font-size: 24px;
2486
+ }
2487
+
2488
+ .despegar-size-6-demo {
2489
+ font-size: 28px;
2490
+ }
2491
+
2492
+ .despegar-black-demo {
2493
+ padding: 10px;
2494
+ background: black;
2495
+ color: white;
2496
+ }
2497
+
2498
+ .despegar-white-demo {
2499
+ padding: 10px;
2500
+ background: white;
2501
+ }
2502
+
2503
+ .despegar-yellow-demo {
2504
+ padding: 10px;
2505
+ background: #ffff33;
2506
+ }
2507
+
2508
+ .despegar-red-demo {
2509
+ padding: 10px;
2510
+ background: red;
2511
+ }
2512
+
2513
+ .despegar-blue-demo {
2514
+ padding: 10px;
2515
+ background: #013d93;
2516
+ color: white;
2517
+ }
2518
+
2519
+ .despegar-gray-1-demo {
2520
+ padding: 10px;
2521
+ background: #222222;
2522
+ color: white;
2523
+ }
2524
+
2525
+ .despegar-gray-2-demo {
2526
+ padding: 10px;
2527
+ background: #444444;
2528
+ color: white;
2529
+ }
2530
+
2531
+ .despegar-gray-3-demo {
2532
+ padding: 10px;
2533
+ background: #666666;
2534
+ color: white;
2535
+ }
2536
+
2537
+ .despegar-gray-4-demo {
2538
+ padding: 10px;
2539
+ background: #888888;
2540
+ color: white;
2541
+ }
2542
+
2543
+ .despegar-gray-5-demo {
2544
+ padding: 10px;
2545
+ background: #aaaaaa;
2546
+ color: white;
2547
+ }
2548
+
2549
+ .despegar-gray-6-demo {
2550
+ padding: 10px;
2551
+ background: #cccccc;
2552
+ }
2553
+
2554
+ .despegar-gray-7-demo {
2555
+ padding: 10px;
2556
+ background: #eeeeee;
2557
+ }
2558
+
2559
+ .despegar-searchbox-bg-demo {
2560
+ padding: 10px;
2561
+ background: #ffff33;
2562
+ }
2563
+
2564
+ .despegar-title-color-demo {
2565
+ padding: 10px;
2566
+ background: #013d93;
2567
+ color: white;
2568
+ }
2569
+
2570
+ .despegar-titlealt-color-demo {
2571
+ padding: 10px;
2572
+ background: #ff9900;
2573
+ }
2574
+
2575
+ .despegar-link-color-demo {
2576
+ padding: 10px;
2577
+ background: #319fda;
2578
+ }
2579
+
2580
+ .despegar-link-color-hover-demo {
2581
+ padding: 10px;
2582
+ background: #66ccff;
2583
+ }
2584
+
2585
+ .despegar-error-bg-demo {
2586
+ padding: 10px;
2587
+ background: #ffe6e6;
2588
+ }
2589
+
2590
+ .despegar-error-border-demo {
2591
+ padding: 10px;
2592
+ background: red;
2593
+ }
2594
+
2595
+ .despegar-warning-bg-demo {
2596
+ padding: 10px;
2597
+ background: #ffffe1;
2598
+ }
2599
+
2600
+ .despegar-warning-border-demo {
2601
+ padding: 10px;
2602
+ background: #ffcc33;
2603
+ }
2604
+
2605
+ .clusters-demo-1 .cluster {
2606
+ margin-bottom: 15px;
2607
+ border: 1px solid #cccccc;
2608
+ border-top-width: 5px;
2609
+ -webkit-border-radius: 3px;
2610
+ -moz-border-radius: 3px;
2611
+ -ms-border-radius: 3px;
2612
+ -o-border-radius: 3px;
2613
+ border-radius: 3px;
2614
+ }
2615
+ .clusters-demo-1 .cluster:before, .clusters-demo-1 .cluster:after {
2616
+ content: "";
2617
+ display: table;
2618
+ }
2619
+ .clusters-demo-1 .cluster:after {
2620
+ clear: both;
2621
+ }
2622
+ .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2623
+ zoom: 1;
2624
+ }
2625
+ .clusters-demo-1 .cluster .cluster-items-list {
2626
+ padding: 0px;
2627
+ margin: 0px;
2628
+ }
2629
+ .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
2630
+ padding: 0 5px;
2631
+ margin: 0 0 1px 13px;
2632
+ }
2633
+ .clusters-demo-1 .cluster:hover {
2634
+ border-color: #319fda;
2635
+ background-color: #f1f6fc;
2636
+ }
2637
+ .clusters-demo-1 .cluster .cluster-items-list {
2638
+ list-style: none outside none;
2639
+ }
2640
+ .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
2641
+ border: 1px solid transparent;
2642
+ border-top-color: #eeeeee;
2643
+ }
2644
+ .clusters-demo-1 .cluster .cluster-items-list .cluster-item:first-child {
2645
+ border-top-color: transparent;
2646
+ }
2647
+ .clusters-demo-1 .cluster .cluster-items-list .cluster-item:hover {
2648
+ border-color: #319fda;
2649
+ background-color: #f1f6fc;
2650
+ }
2651
+
2652
+ .demo-text {
2653
+ margin: 10px;
2654
+ }
2655
+
2656
+ .text-demo-1 {
2657
+ font-size: 11px;
2658
+ }
2659
+
2660
+ .text-demo-2 {
2661
+ font-size: 13px;
2662
+ }
2663
+
2664
+ .text-demo-3 {
2665
+ font-size: 16px;
2666
+ }
2667
+
2668
+ .text-demo-4 {
2669
+ font-size: 20px;
2670
+ letter-spacing: -1px;
2671
+ }
2672
+
2673
+ .text-demo-5 {
2674
+ font-size: 24px;
2675
+ letter-spacing: -1px;
2676
+ }