├── .gitignore ├── css ├── custom.css └── jquery.mobile.structure-1.4.0.min.css ├── favicon.ico ├── assets ├── icon.ai └── icon-256x256.PNG ├── images ├── phoenix.jpg ├── startup.png ├── hot-chip.jpg ├── ajax-loader.gif ├── ajax-loader.png ├── broken-bells.jpg ├── icons-18-black.png ├── icons-18-white.png ├── icons-36-black.png ├── icons-36-white.png ├── startup-retina.png ├── startup-tablet-landscape.png └── startup-tablet-portrait.png ├── apple-touch-icon.png ├── robots.txt ├── themes ├── images │ ├── ajax-loader.png │ ├── icons-18-black.png │ ├── icons-18-white.png │ ├── icons-36-black.png │ └── icons-36-white.png ├── jQuery-Mobile-Boilerplate.min.css └── jQuery-Mobile-Boilerplate.css ├── apple-touch-icon-precomposed.png ├── apple-touch-icon-57x57-precomposed.png ├── apple-touch-icon-72x72-precomposed.png ├── apple-touch-icon-114x114-precomposed.png ├── js ├── application.js ├── ios-orientationchange-fix.min.js └── mobileinit.js ├── humans.txt ├── readme.md ├── collapsible-sets.html ├── grids.html ├── collapsibles.html ├── index.html ├── lists.html ├── buttons.html └── forms.html /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store -------------------------------------------------------------------------------- /css/custom.css: -------------------------------------------------------------------------------- 1 | /* 2 | jQuery Mobile Boilerplate 3 | css/custom.css 4 | */ -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/favicon.ico -------------------------------------------------------------------------------- /assets/icon.ai: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/assets/icon.ai -------------------------------------------------------------------------------- /images/phoenix.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/phoenix.jpg -------------------------------------------------------------------------------- /images/startup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/startup.png -------------------------------------------------------------------------------- /apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/apple-touch-icon.png -------------------------------------------------------------------------------- /images/hot-chip.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/hot-chip.jpg -------------------------------------------------------------------------------- /assets/icon-256x256.PNG: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/assets/icon-256x256.PNG -------------------------------------------------------------------------------- /images/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/ajax-loader.gif -------------------------------------------------------------------------------- /images/ajax-loader.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/ajax-loader.png -------------------------------------------------------------------------------- /images/broken-bells.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/broken-bells.jpg -------------------------------------------------------------------------------- /images/icons-18-black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/icons-18-black.png -------------------------------------------------------------------------------- /images/icons-18-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/icons-18-white.png -------------------------------------------------------------------------------- /images/icons-36-black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/icons-36-black.png -------------------------------------------------------------------------------- /images/icons-36-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/icons-36-white.png -------------------------------------------------------------------------------- /images/startup-retina.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/startup-retina.png -------------------------------------------------------------------------------- /robots.txt: -------------------------------------------------------------------------------- 1 | # www.robotstxt.org/ 2 | # www.google.com/support/webmasters/bin/answer.py?hl=en&answer=156449 3 | 4 | User-agent: * 5 | 6 | -------------------------------------------------------------------------------- /themes/images/ajax-loader.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/themes/images/ajax-loader.png -------------------------------------------------------------------------------- /apple-touch-icon-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/apple-touch-icon-precomposed.png -------------------------------------------------------------------------------- /themes/images/icons-18-black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/themes/images/icons-18-black.png -------------------------------------------------------------------------------- /themes/images/icons-18-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/themes/images/icons-18-white.png -------------------------------------------------------------------------------- /themes/images/icons-36-black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/themes/images/icons-36-black.png -------------------------------------------------------------------------------- /themes/images/icons-36-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/themes/images/icons-36-white.png -------------------------------------------------------------------------------- /images/startup-tablet-landscape.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/startup-tablet-landscape.png -------------------------------------------------------------------------------- /images/startup-tablet-portrait.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/images/startup-tablet-portrait.png -------------------------------------------------------------------------------- /apple-touch-icon-57x57-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/apple-touch-icon-57x57-precomposed.png -------------------------------------------------------------------------------- /apple-touch-icon-72x72-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/apple-touch-icon-72x72-precomposed.png -------------------------------------------------------------------------------- /apple-touch-icon-114x114-precomposed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/commadelimited/jQuery-Mobile-Boilerplate/HEAD/apple-touch-icon-114x114-precomposed.png -------------------------------------------------------------------------------- /js/application.js: -------------------------------------------------------------------------------- 1 | /* 2 | jQuery Mobile Boilerplate 3 | application.js 4 | */ 5 | $(document).on("pageinit", function(event){ 6 | // custom code goes here 7 | 8 | 9 | 10 | }); -------------------------------------------------------------------------------- /humans.txt: -------------------------------------------------------------------------------- 1 | /* the humans responsible & colophon */ 2 | /* humanstxt.org */ 3 | 4 | 5 | /* TEAM */ 6 | : 7 | Site: 8 | Twitter: 9 | Location: 10 | 11 | /* THANKS */ 12 | : 13 | 14 | /* SITE */ 15 | Components: jQuery Mobile 16 | Software: -------------------------------------------------------------------------------- /js/ios-orientationchange-fix.min.js: -------------------------------------------------------------------------------- 1 | /*! A fix for the iOS orientationchange zoom bug. Script by @scottjehl, rebound by @wilto.MIT / GPLv2 License.*/(function(a){function m(){d.setAttribute("content",g),h=!0}function n(){d.setAttribute("content",f),h=!1}function o(b){l=b.accelerationIncludingGravity,i=Math.abs(l.x),j=Math.abs(l.y),k=Math.abs(l.z),(!a.orientation||a.orientation===180)&&(i>7||(k>6&&j<8||k<8&&j>6)&&i>5)?h&&n():h||m()}var b=navigator.userAgent;if(!(/iPhone|iPad|iPod/.test(navigator.platform)&&/OS [1-5]_[0-9_]* like Mac OS X/i.test(b)&&b.indexOf("AppleWebKit")>-1))return;var c=a.document;if(!c.querySelector)return;var d=c.querySelector("meta[name=viewport]"),e=d&&d.getAttribute("content"),f=e+",maximum-scale=1",g=e+",maximum-scale=10",h=!0,i,j,k,l;if(!d)return;a.addEventListener("orientationchange",m,!1),a.addEventListener("devicemotion",o,!1)})(this); -------------------------------------------------------------------------------- /js/mobileinit.js: -------------------------------------------------------------------------------- 1 | /* 2 | jQuery Mobile Boilerplate 3 | mobileinit.js 4 | http://jquerymobile.com/demos/1.0.1/docs/api/globalconfig.html 5 | 6 | This file is only required if you need to apply overrides to the 7 | page before anything else has run. It MUST be loaded before 8 | the jQuery Mobile javascript file. 9 | */ 10 | $(document).bind('mobileinit', function(event){ 11 | // apply overrides here 12 | //$.mobile.loadingMessage = "Loading ..."; 13 | //$.mobile.loadingMessageTheme = "a" 14 | //$.mobile.loadingMessageTextVisible = false; 15 | //$.mobile.pageLoadErrorMessage = "Error Loading Page" 16 | //$.mobile.pageLoadErrorMessageTheme = "e" 17 | 18 | // Navigation 19 | //$.mobile.page.prototype.options.backBtnText = "Go back"; 20 | //$.mobile.page.prototype.options.addBackBtn = true; 21 | //$.mobile.page.prototype.options.backBtnTheme = "d"; 22 | 23 | // Page 24 | //$.mobile.page.prototype.options.headerTheme = "a"; // Page header only 25 | //$.mobile.page.prototype.options.contentTheme = "c"; 26 | //$.mobile.page.prototype.options.footerTheme = "a"; 27 | 28 | // Listviews 29 | //$.mobile.listview.prototype.options.headerTheme = "a"; // Header for nested lists 30 | //$.mobile.listview.prototype.options.theme = "c"; // List items / content 31 | //$.mobile.listview.prototype.options.dividerTheme = "d"; // List divider 32 | //$.mobile.listview.prototype.options.splitTheme = "c"; 33 | //$.mobile.listview.prototype.options.countTheme = "c"; 34 | //$.mobile.listview.prototype.options.filterTheme = "c"; 35 | //$.mobile.listview.prototype.options.filterPlaceholder = "Filter data..."; 36 | 37 | //$.mobile.dialog.prototype.options.theme 38 | //$.mobile.selectmenu.prototype.options.menuPageTheme 39 | //$.mobile.selectmenu.prototype.options.overlayTheme 40 | }); -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Welcome to jQuery Mobile Boilerplate 2 | 3 | "What do I need in a new jQuery Mobile project?". This project is meant to be a single place for developers to get started using jQuery Mobile. It includes icon files, robots.txt (and human).txt files, as well as an extensive snippets library that developers can use as reference. 4 | 5 | **Note:** The jQuery team has offered two options for CSS file inclusion. If you're planning on using a custom theme then you only need to include `jquery.mobile.structure-1.4.0.min.css`. 6 | 7 | ## Quick start 8 | 9 | Clone the git repo - `git clone git@github.com:commadelimited/jQuery-Mobile-Boilerplate.git` - or [download it](https://github.com/commadelimited/jQuery-Mobile-Boilerplate/zipball/master) 10 | 11 | **Note:** By default, the links to the CSS and JS files are relative. 12 | 13 | `` 14 | 15 | ## Example 16 | 17 | [View a simple demo ](http://andymatthews.net/code/jquery-mobile-boilerplate/) 18 | 19 | ## Features 20 | 21 | * jQuery Mobile 1.4 Compatible! 22 | * Project ready. Download (or clone) and go! 23 | * Override files for both JS and CSS 24 | * Extensive UI element snippet library. Easy to copy and paste. 25 | 26 | ## Contributing 27 | 28 | You are invited to contribute code and suggestions to this project. The more the merrier. 29 | 30 | ## Project Info 31 | 32 | * Source: http://github.com/commadelimited/jQuery-Mobile-Boilerplate 33 | * Twitter: [http://twitter.com/commadelimited](http://twitter.com/commadelimited) 34 | 35 | ## License 36 | 37 | ### 3rd party libraries: 38 | 39 | * jQuery: MIT/GPL license 40 | * jQuery Mobile: MIT/GPL license 41 | 42 | ### Custom bits: 43 | 44 | Public domain 45 | 46 | [![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/commadelimited/jquery-mobile-boilerplate/trend.png)](https://bitdeli.com/free "Bitdeli Badge") 47 | -------------------------------------------------------------------------------- /collapsible-sets.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | jQuery Mobile Boilerplate 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
32 | Home 33 |

Collapsible Sets

34 |
35 | 36 |
37 | 38 | 39 | 40 | 41 |

Collapsible Sets

42 | 43 |
44 |
45 |

Section 1

46 |

I'm the collapsible content in a set so this feels like an accordion.

47 |
48 |
49 |

Section 2

50 |

I'm the collapsible content in a set so this feels like an accordion.

51 |
52 |
53 |

Section 3

54 |

I'm the collapsible content in a set so this feels like an accordion.

55 | 56 |
57 |
58 | 59 |

Theming Sets

60 | 61 |
62 |
63 |

Section 1

64 |

I'm the collapsible content in a set so this feels like an accordion.

65 |
66 |
67 |

Section 2

68 |

I'm the collapsible content in a set so this feels like an accordion.

69 |
70 |
71 |

Section 3

72 |

I'm the collapsible content in a set so this feels like an accordion.

73 | 74 |
75 |
76 | 77 | 78 | 79 | 80 |
81 | 82 |
83 |

© 2012 - jQuery Mobile Boilerplate

84 |
85 | 86 |
87 | 88 | -------------------------------------------------------------------------------- /grids.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | jQuery Mobile Boilerplate - Grids 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
32 | Home 33 |

Grids

34 |
35 | 36 |
37 | 38 | 39 | 40 | 41 | 42 |

2 Column Grid

43 | 44 |
45 |
46 |
47 |
48 | 49 |

3 Column Grid

50 | 51 |
52 |
Block A
53 |
Block B
54 |
Block C
55 |
56 | 57 |

4 Column Grid

58 | 59 |
60 |
Block A
61 |
Block B
62 |
Block C
63 |
Block D
64 |
65 | 66 |

5 Column Grid

67 | 68 |
69 |
A
70 |
B
71 |
C
72 |
D
73 |
E
74 |
75 | 76 |

Multi-row grids

77 | 78 |
79 |
A
80 |
B
81 |
A
82 |
B
83 |
84 | 85 | 86 | 87 | 88 | 89 |
90 | 91 |
92 |

© 2012 - jQuery Mobile Boilerplate

93 |
94 | 95 |
96 | 97 | -------------------------------------------------------------------------------- /collapsibles.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | jQuery Mobile Boilerplate - Collapsibles Content 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
32 | Home 33 |

Collapsible Content

34 |
35 | 36 |
37 | 38 | 39 | 40 | 41 |

Collapsible Content Blocks

42 | 43 |
44 |

Content header

45 |

I'm the content that shows/hides when you click the header just above me.

46 |
47 | 48 |

Default to open

49 | 50 |
51 |

Content header

52 |

I'm the content that shows/hides when you click the header just above me.

53 |
54 | 55 |

Themed

56 | 57 |
58 |

Content header

59 |

I'm the content that shows/hides when you click the header just above me.

60 |
61 | 62 |

Themed - content only

63 | 64 |
65 |

Content header

66 |

I'm the content that shows/hides when you click the header just above me.

67 |
68 | 69 |

Nested Collapsibles

70 | 71 |
72 |

Outer header

73 |

I'm the content inside the main collapsible.

74 | 75 |
76 |

I'm a nested collapsible with a child collapsible

77 |

I'm a child collapsible.

78 |
79 |

Nested inside again.

80 |

Three levels deep now.

81 |
82 |
83 | 84 |
85 |

Collapsed list

86 | 91 |
92 |
93 | 94 | 95 | 96 |
97 | 98 |
99 |

© 2012 - jQuery Mobile Boilerplate

100 |
101 | 102 |
103 | 104 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | jQuery Mobile Boilerplate 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 |
45 | 46 |
47 |

jQuery Mobile Boilerplate 1.2

48 |
49 | 50 |
51 | 52 | 61 | 62 |
63 | 64 |
65 |

© 2012 - jQuery Mobile Boilerplate

66 |
67 | 68 |
69 | 70 | -------------------------------------------------------------------------------- /lists.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | jQuery Mobile Boilerplate - Listviews 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 |
29 | Home 30 |

Listsviews

31 |
32 | 33 |
34 | 35 | 36 | 37 | 38 | 39 |

Basic Listview

40 | 41 |
    42 |
  • Robert Heinlein
    • 43 |
  • SM Stirling
    • 44 |
  • Julian May
    • 45 |
  • JRR Tolkien
    • 46 |
  • Piers Anthony
    • 47 |
48 | 49 |

Linked List

50 | 51 | 56 | 57 |

Nested Lists

58 | 59 |

60 | Nested listviews were deprecated in jQuery Mobile 1.3 and were removed in 1.4. For those wishing to use the 1.3 behaivor there is a plugin available at https://github.com/arschmitz/jquery-mobile-nestedlists/. With this plugin you can just drop it in after the jQuery mobile script to be able to use jQuery mobile 1.3 style nested listviews. You can use the same markup all you need to do is drop in the script. 61 |

62 | 63 |

Numbered List

64 | 65 |
    66 |
  1. Robert Heinlein
    2. 67 |
  2. SM Stirling
    3. 68 |
  3. Julian May
    4. 69 |
70 | 71 |

Split-Button List

72 | 73 | 95 | 96 |

List Dividers

97 | 98 |
    99 |
  • Men
    • 100 |
  • Robert Heinlein
    • 101 |
  • SM Stirling
    • 102 |
  • JRR Tolkien
    • 103 |
  • Piers Anthony
    • 104 |
  • Women
    • 105 |
  • Julian May
    • 106 |
107 | 108 |

Search Filter

109 | 110 |
    111 |
  • Men
    • 112 |
  • Robert Heinlein
    • 113 |
  • SM Stirling
    • 114 |
  • JRR Tolkien
    • 115 |
  • Piers Anthony
    • 116 |
  • Women
    • 117 |
  • Julian May
    • 118 |
119 | 120 |

Count Bubbles

121 | 122 |
    123 |
  • 124 | Robert Heinlein 125 | 32 126 |
    • 127 |
  • 128 | SM Stirling 129 | 15 130 |
    • 131 |
  • 132 | JRR Tolkien 133 | 9 134 |
    • 135 |
  • 136 | Piers Anthony 137 | 42 138 |
    • 139 |
  • 140 | Julian May 141 | 27 142 |
    • 143 |
144 | 145 | 146 | 147 | 148 |
149 | 150 |
151 |

© 2012 - jQuery Mobile Boilerplate

152 |
153 | 154 |
155 | 156 | -------------------------------------------------------------------------------- /buttons.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | jQuery Mobile Boilerplate - Buttons 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
32 | Home 33 |

Buttons

34 |
35 | 36 |
37 | 38 | 39 | 40 | 41 |

Simple Button

42 | 43 | Link button 44 | 45 |

Icon Buttons

46 | 47 |

Left arrow - data-icon="arrow-l"

48 | My button 49 |

Right arrow - data-icon="arrow-r"

50 | My button 51 |

Up arrow - data-icon="arrow-u"

52 | My button 53 |

Down arrow - data-icon="arrow-d"

54 | My button 55 |

Delete - data-icon="delete"

56 | My button 57 |

Plus - data-icon="plus"

58 | My button 59 |

Minus - data-icon="minus"

60 | My button 61 |

Check - data-icon="check"

62 | My button 63 |

Gear - data-icon="gear"

64 | My button 65 |

Refresh - data-icon="refresh"

66 | My button 67 |

Forward - data-icon="forward"

68 | My button 69 |

Back - data-icon="back"

70 | My button 71 |

Grid - data-icon="grid"

72 | My button 73 |

Star - data-icon="star"

74 | My button 75 |

Alert - data-icon="alert"

76 | My button 77 |

Info - data-icon="info"

78 | My button 79 |

Home - data-icon="home"

80 | My button 81 |

Search - data-icon="search"

82 | My button 83 | 84 |

Icon positioning

85 | 86 |

Right aligned:

87 | Delete 88 | 89 |

Top aligned

90 | Delete 91 | 92 |

Bottom aligned

93 | Delete 94 | 95 |

Icon-only button (no text):

96 | Delete 97 | 98 |

Inline buttons

99 | 100 | Cancel 101 | Save 102 | 103 |

Grouped buttons

104 | 105 |
106 | One 107 | Two 108 | Three 109 |
110 | 111 |
112 | One 113 | Two 114 | Three 115 |
116 | 117 |
118 | One 119 | Two 120 | Three 121 |
122 | 123 |
124 | One 125 | Two 126 | Three 127 |
128 | 129 | 130 | 131 | 132 | 133 | 134 |
135 | 136 |
137 |

© 2012 - jQuery Mobile Boilerplate

138 |
139 | 140 |
141 | 142 | -------------------------------------------------------------------------------- /forms.html: -------------------------------------------------------------------------------- 1 | 5 | 6 | 7 | 8 | jQuery Mobile Boilerplate - Forms & Elements 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
32 | Home 33 |

Forms & Elements

34 |
35 | 36 |
37 | 38 | 39 | 40 | 41 |
42 | 43 |

Form elements

44 | 45 |

This page contains various progressive-enhancement driven form controls. Native elements are sometimes hidden from view, but their values are maintained so the form can be submitted normally.

46 | 47 |

Browsers that don't support the custom controls will still deliver a usable experience, because all are based on native form elements.

48 | 49 |
50 | 51 | 52 |
53 | 54 |
55 | 56 | 57 |
58 | 59 |
60 | 61 | 62 |
63 | 64 |
65 | 66 | 70 |
71 | 72 |
73 | 74 | 75 |
76 | 77 |
78 |
79 | Choose as many snacks as you'd like: 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 |
92 |
93 | 94 |
95 |
96 | Font styling: 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 |
106 |
107 | 108 |
109 |
110 | Choose a pet: 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 |
123 |
124 | 125 |
126 |
127 | Layout view: 128 | 129 | 130 | 131 | 132 | 133 | 134 |
135 |
136 | 137 |
138 | 139 | 145 |
146 | 147 |
148 | 149 | 201 |
202 | 203 |
204 | 205 | 212 |
213 | 214 |
215 |
216 |
217 |
218 |
219 |
220 |
221 | 222 | 223 | 224 | 225 |
226 | 227 |
228 |

© 2012 - jQuery Mobile Boilerplate

229 |
230 | 231 |
232 | 233 | -------------------------------------------------------------------------------- /themes/jQuery-Mobile-Boilerplate.min.css: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | * jQuery Mobile Framework 1.0.1 4 | * http://jquerymobile.com 5 | * 6 | * Copyright 2011-2012 (c) jQuery Project 7 | * Dual licensed under the MIT or GPL Version 2 licenses. 8 | * http://jquery.org/license 9 | * 10 | */.ui-bar-a{border:1px solid #B3B3B3 ;background:#FD6125 ;color:#ffffff ;font-weight:bold;text-shadow: 0 1px 1px #000000 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #FD6125 ),to( #FD6125 )); background-image:-webkit-linear-gradient( #FD6125,#FD6125 ); background-image: -moz-linear-gradient( #FD6125,#FD6125 ); background-image: -ms-linear-gradient( #FD6125,#FD6125 ); background-image: -o-linear-gradient( #FD6125,#FD6125 ); background-image: linear-gradient( #FD6125,#FD6125 );}.ui-bar-a .ui-link-inherit{color:#ffffff ;}.ui-bar-a .ui-link{color: #7cc4e7 ;font-weight:bold;}.ui-bar-a .ui-link:hover{color: #2489CE ;}.ui-bar-a .ui-link:active{color: #2489CE ;}.ui-bar-a .ui-link:visited{ color: #2489CE ;}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-a,.ui-dialog.ui-overlay-a{border:1px solid #B3B3B3 ;color:#6D6E71 ;text-shadow: 0 1px 0 #fff ;background:#efefef ;background-image:-webkit-gradient(linear,left top,left bottom,from( #EFEFEF ),to( #EFEFEF )); background-image:-webkit-linear-gradient( #EFEFEF,#EFEFEF ); background-image: -moz-linear-gradient( #EFEFEF,#EFEFEF ); background-image: -ms-linear-gradient( #EFEFEF,#EFEFEF ); background-image: -o-linear-gradient( #EFEFEF,#EFEFEF ); background-image: linear-gradient( #EFEFEF,#EFEFEF );}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-a .ui-link-inherit{color:#6D6E71 ;}.ui-body-a .ui-link{color:#FD6125 ;font-weight:bold;}.ui-body-a .ui-link:hover{color: #2489CE ;}.ui-body-a .ui-link:active{color: #2489CE ;}.ui-body-a .ui-link:visited{ color: #2489CE ;}.ui-btn-up-a{border:1px solid #ccc ;background: #eee ;font-weight:bold;color:#6D6E71 ;text-shadow: 0 1px 1px #f6f6f6 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #fdfdfd ),to( #eee )); background-image:-webkit-linear-gradient( #fdfdfd , #eee ); background-image: -moz-linear-gradient( #fdfdfd , #eee ); background-image: -ms-linear-gradient( #fdfdfd , #eee ); background-image: -o-linear-gradient( #fdfdfd , #eee ); background-image: linear-gradient( #fdfdfd , #eee );}.ui-btn-up-a a.ui-link-inherit{color:#6D6E71 ;}.ui-btn-hover-a{border:1px solid #bbbbbb ;background: #dadada ;font-weight:bold;color:#6D6E71 ;text-shadow: 0 1px 1px #fff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ededed ),to( #dadada )); background-image:-webkit-linear-gradient( #ededed , #dadada ); background-image: -moz-linear-gradient( #ededed , #dadada ); background-image: -ms-linear-gradient( #ededed , #dadada ); background-image: -o-linear-gradient( #ededed , #dadada ); background-image: linear-gradient( #ededed , #dadada );}.ui-btn-hover-a a.ui-link-inherit{color:#6D6E71 ;}.ui-btn-down-a{border:1px solid #808080 ;background: #fdfdfd ;font-weight:bold;color:#6D6E71 ;text-shadow: 0 1px 1px #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #eee ),to( #fdfdfd )); background-image:-webkit-linear-gradient( #eee , #fdfdfd ); background-image: -moz-linear-gradient( #eee , #fdfdfd ); background-image: -ms-linear-gradient( #eee , #fdfdfd ); background-image: -o-linear-gradient( #eee , #fdfdfd ); background-image: linear-gradient( #eee , #fdfdfd );}.ui-btn-down-a a.ui-link-inherit{color:#6D6E71 ;}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{ font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-b{border:1px solid #B3B3B3 ;background:#FD6125 ;color:#ffffff ;font-weight:bold;text-shadow: 0 1px 1px #000000 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #FD6125 ),to( #FD6125 )); background-image:-webkit-linear-gradient( #FD6125,#FD6125 ); background-image: -moz-linear-gradient( #FD6125,#FD6125 ); background-image: -ms-linear-gradient( #FD6125,#FD6125 ); background-image: -o-linear-gradient( #FD6125,#FD6125 ); background-image: linear-gradient( #FD6125,#FD6125 );}.ui-bar-b .ui-link-inherit{color:#ffffff ;}.ui-bar-b .ui-link{color: #7cc4e7 ;font-weight:bold;}.ui-bar-b .ui-link:hover{color: #2489CE ;}.ui-bar-b .ui-link:active{color: #2489CE ;}.ui-bar-b .ui-link:visited{ color: #2489CE ;}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-b,.ui-dialog.ui-overlay-b{border:1px solid #B3B3B3 ;color:#6D6E71 ;text-shadow: 0 1px 0 #fff ;background:#efefef ;background-image:-webkit-gradient(linear,left top,left bottom,from( #EFEFEF ),to( #EFEFEF )); background-image:-webkit-linear-gradient( #EFEFEF,#EFEFEF ); background-image: -moz-linear-gradient( #EFEFEF,#EFEFEF ); background-image: -ms-linear-gradient( #EFEFEF,#EFEFEF ); background-image: -o-linear-gradient( #EFEFEF,#EFEFEF ); background-image: linear-gradient( #EFEFEF,#EFEFEF );}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-b .ui-link-inherit{color:#6D6E71 ;}.ui-body-b .ui-link{color:#FD6125 ;font-weight:bold;}.ui-body-b .ui-link:hover{color: #2489CE ;}.ui-body-b .ui-link:active{color: #2489CE ;}.ui-body-b .ui-link:visited{ color: #2489CE ;}.ui-btn-up-b{border:1px solid #ccc ;background: #eee ;font-weight:bold;color:#6D6E71 ;text-shadow: 0 1px 1px #f6f6f6 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #fdfdfd ),to( #eee )); background-image:-webkit-linear-gradient( #fdfdfd , #eee ); background-image: -moz-linear-gradient( #fdfdfd , #eee ); background-image: -ms-linear-gradient( #fdfdfd , #eee ); background-image: -o-linear-gradient( #fdfdfd , #eee ); background-image: linear-gradient( #fdfdfd , #eee );}.ui-btn-up-b a.ui-link-inherit{color:#6D6E71 ;}.ui-btn-hover-b{border:1px solid #bbbbbb ;background: #dadada ;font-weight:bold;color:#6D6E71 ;text-shadow: 0 1px 1px #fff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ededed ),to( #dadada )); background-image:-webkit-linear-gradient( #ededed , #dadada ); background-image: -moz-linear-gradient( #ededed , #dadada ); background-image: -ms-linear-gradient( #ededed , #dadada ); background-image: -o-linear-gradient( #ededed , #dadada ); background-image: linear-gradient( #ededed , #dadada );}.ui-btn-hover-b a.ui-link-inherit{color:#6D6E71 ;}.ui-btn-down-b{border:1px solid #808080 ;background: #fdfdfd ;font-weight:bold;color:#6D6E71 ;text-shadow: 0 1px 1px #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #eee ),to( #fdfdfd )); background-image:-webkit-linear-gradient( #eee , #fdfdfd ); background-image: -moz-linear-gradient( #eee , #fdfdfd ); background-image: -ms-linear-gradient( #eee , #fdfdfd ); background-image: -o-linear-gradient( #eee , #fdfdfd ); background-image: linear-gradient( #eee , #fdfdfd );}.ui-btn-down-b a.ui-link-inherit{color:#6D6E71 ;}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{ font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-c{border:1px solid #B3B3B3 ;background:#FD6125 ;color:#ffffff ;font-weight:bold;text-shadow: 0 1px 1px #000000 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #FD6125 ),to( #FD6125 )); background-image:-webkit-linear-gradient( #FD6125,#FD6125 ); background-image: -moz-linear-gradient( #FD6125,#FD6125 ); background-image: -ms-linear-gradient( #FD6125,#FD6125 ); background-image: -o-linear-gradient( #FD6125,#FD6125 ); background-image: linear-gradient( #FD6125,#FD6125 );}.ui-bar-c .ui-link-inherit{color:#ffffff ;}.ui-bar-c .ui-link{color: #7cc4e7 ;font-weight:bold;}.ui-bar-c .ui-link:hover{color: #2489CE ;}.ui-bar-c .ui-link:active{color: #2489CE ;}.ui-bar-c .ui-link:visited{ color: #2489CE ;}.ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-c,.ui-dialog.ui-overlay-c{border:1px solid #B3B3B3 ;color:#6D6E71 ;text-shadow: 0 1px 0 #fff ;background:#efefef ;background-image:-webkit-gradient(linear,left top,left bottom,from( #EFEFEF ),to( #EFEFEF )); background-image:-webkit-linear-gradient( #EFEFEF,#EFEFEF ); background-image: -moz-linear-gradient( #EFEFEF,#EFEFEF ); background-image: -ms-linear-gradient( #EFEFEF,#EFEFEF ); background-image: -o-linear-gradient( #EFEFEF,#EFEFEF ); background-image: linear-gradient( #EFEFEF,#EFEFEF );}.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{ font-family:Helvetica,Arial,sans-serif ;}.ui-body-c .ui-link-inherit{color:#6D6E71 ;}.ui-body-c .ui-link{color:#FD6125 ;font-weight:bold;}.ui-body-c .ui-link:hover{color: #2489CE ;}.ui-body-c .ui-link:active{color: #2489CE ;}.ui-body-c .ui-link:visited{ color: #2489CE ;}.ui-btn-up-c{border:1px solid #ccc ;background: #eee ;font-weight:bold;color:#6D6E71 ;text-shadow: 0 1px 1px #f6f6f6 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #fdfdfd ),to( #eee )); background-image:-webkit-linear-gradient( #fdfdfd , #eee ); background-image: -moz-linear-gradient( #fdfdfd , #eee ); background-image: -ms-linear-gradient( #fdfdfd , #eee ); background-image: -o-linear-gradient( #fdfdfd , #eee ); background-image: linear-gradient( #fdfdfd , #eee );}.ui-btn-up-c a.ui-link-inherit{color:#6D6E71 ;}.ui-btn-hover-c{border:1px solid #bbbbbb ;background: #dadada ;font-weight:bold;color:#6D6E71 ;text-shadow: 0 1px 1px #fff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ededed ),to( #dadada )); background-image:-webkit-linear-gradient( #ededed , #dadada ); background-image: -moz-linear-gradient( #ededed , #dadada ); background-image: -ms-linear-gradient( #ededed , #dadada ); background-image: -o-linear-gradient( #ededed , #dadada ); background-image: linear-gradient( #ededed , #dadada );}.ui-btn-hover-c a.ui-link-inherit{color:#6D6E71 ;}.ui-btn-down-c{border:1px solid #808080 ;background: #fdfdfd ;font-weight:bold;color:#6D6E71 ;text-shadow: 0 1px 1px #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #eee ),to( #fdfdfd )); background-image:-webkit-linear-gradient( #eee , #fdfdfd ); background-image: -moz-linear-gradient( #eee , #fdfdfd ); background-image: -ms-linear-gradient( #eee , #fdfdfd ); background-image: -o-linear-gradient( #eee , #fdfdfd ); background-image: linear-gradient( #eee , #fdfdfd );}.ui-btn-down-c a.ui-link-inherit{color:#6D6E71 ;}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{ font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}a.ui-link-inherit{text-decoration:none !important;}.ui-btn-active{border:1px solid #FD6125 ;background:#fea777 ;font-weight:bold;color:#ffffff ;cursor:pointer;text-shadow: 0 -1px 1px #000000 ;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from( #FEA777 ),to( #FEA777 )); background-image:-webkit-linear-gradient( #FEA777,#FEA777 ); background-image: -moz-linear-gradient( #FEA777,#FEA777 ); background-image: -ms-linear-gradient( #FEA777,#FEA777 ); background-image: -o-linear-gradient( #FEA777,#FEA777 ); background-image: linear-gradient( #FEA777,#FEA777 ); font-family:Helvetica,Arial,sans-serif ;}.ui-btn-active a.ui-link-inherit{color:#ffffff ;}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3);}.ui-corner-tl{-moz-border-radius-topleft: .6em ;-webkit-border-top-left-radius: .6em ;border-top-left-radius: .6em ;}.ui-corner-tr{-moz-border-radius-topright: .6em ;-webkit-border-top-right-radius: .6em ;border-top-right-radius: .6em ;}.ui-corner-bl{-moz-border-radius-bottomleft: .6em ;-webkit-border-bottom-left-radius: .6em ;border-bottom-left-radius: .6em ;}.ui-corner-br{-moz-border-radius-bottomright: .6em ;-webkit-border-bottom-right-radius: .6em ;border-bottom-right-radius: .6em ;}.ui-corner-top{-moz-border-radius-topleft: .6em ;-webkit-border-top-left-radius: .6em ;border-top-left-radius: .6em ;-moz-border-radius-topright: .6em ;-webkit-border-top-right-radius: .6em ;border-top-right-radius: .6em ;}.ui-corner-bottom{-moz-border-radius-bottomleft: .6em ;-webkit-border-bottom-left-radius: .6em ;border-bottom-left-radius: .6em ;-moz-border-radius-bottomright: .6em ;-webkit-border-bottom-right-radius: .6em ;border-bottom-right-radius: .6em ;}.ui-corner-right{-moz-border-radius-topright: .6em ;-webkit-border-top-right-radius: .6em ;border-top-right-radius: .6em ;-moz-border-radius-bottomright: .6em ;-webkit-border-bottom-right-radius: .6em ;border-bottom-right-radius: .6em ;}.ui-corner-left{-moz-border-radius-topleft: .6em ;-webkit-border-top-left-radius: .6em ;border-top-left-radius: .6em ;-moz-border-radius-bottomleft: .6em ;-webkit-border-bottom-left-radius: .6em ;border-bottom-left-radius: .6em ;}.ui-corner-all{-moz-border-radius: .6em ;-webkit-border-radius: .6em ;border-radius: .6em ;}.ui-corner-none{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}.ui-disabled{opacity:.3;}.ui-disabled,.ui-disabled a{pointer-events:none;cursor:default;}.ui-icon,.ui-icon-searchfield:after{background: #666 ;background: rgba(0,0,0,.4) ;background-image: url(images/icons-18-white.png) ;background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;}.ui-icon-alt{background:#fff;background:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png);-moz-background-size:776px 18px;-o-background-size:776px 18px;-webkit-background-size:776px 18px;background-size:776px 18px;}.ui-icon-alt{background-image:url(images/icons-36-black.png);}}.ui-icon-plus{background-position:-0 50%;}.ui-icon-minus{background-position:-36px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-180px 50%;}.ui-icon-arrow-d{background-position:-216px 50%;}.ui-icon-check{background-position:-252px 50%;}.ui-icon-gear{background-position:-288px 50%;}.ui-icon-refresh{background-position:-324px 50%;}.ui-icon-forward{background-position:-360px 50%;}.ui-icon-back{background-position:-396px 50%;}.ui-icon-grid{background-position:-432px 50%;}.ui-icon-star{background-position:-468px 50%;}.ui-icon-alert{background-position:-504px 50%;}.ui-icon-info{background-position:-540px 50%;}.ui-icon-home{background-position:-576px 50%;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-612px 50%;}.ui-icon-checkbox-off{background-position:-684px 50%;}.ui-icon-checkbox-on{background-position:-648px 50%;}.ui-icon-radio-off{background-position:-756px 50%;}.ui-icon-radio-on{background-position:-720px 50%;}.ui-checkbox .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent;}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#fea777 ; }.ui-icon-loading{background-image:url(images/ajax-loader.png);width:40px;height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-size:35px 35px;}.ui-btn-corner-tl{-moz-border-radius-topleft: 1em ;-webkit-border-top-left-radius: 1em ;border-top-left-radius: 1em ;}.ui-btn-corner-tr{-moz-border-radius-topright: 1em ;-webkit-border-top-right-radius: 1em ;border-top-right-radius: 1em ;}.ui-btn-corner-bl{-moz-border-radius-bottomleft: 1em ;-webkit-border-bottom-left-radius: 1em ;border-bottom-left-radius: 1em ;}.ui-btn-corner-br{-moz-border-radius-bottomright: 1em ;-webkit-border-bottom-right-radius: 1em ;border-bottom-right-radius: 1em ;}.ui-btn-corner-top{-moz-border-radius-topleft: 1em ;-webkit-border-top-left-radius: 1em ;border-top-left-radius: 1em ;-moz-border-radius-topright: 1em ;-webkit-border-top-right-radius: 1em ;border-top-right-radius: 1em ;}.ui-btn-corner-bottom{-moz-border-radius-bottomleft: 1em ;-webkit-border-bottom-left-radius: 1em ;border-bottom-left-radius: 1em ;-moz-border-radius-bottomright: 1em ;-webkit-border-bottom-right-radius: 1em ;border-bottom-right-radius: 1em ;}.ui-btn-corner-right{-moz-border-radius-topright: 1em ;-webkit-border-top-right-radius: 1em ;border-top-right-radius: 1em ;-moz-border-radius-bottomright: 1em ;-webkit-border-bottom-right-radius: 1em ;border-bottom-right-radius: 1em ;}.ui-btn-corner-left{-moz-border-radius-topleft: 1em ;-webkit-border-top-left-radius: 1em ;border-top-left-radius: 1em ;-moz-border-radius-bottomleft: 1em ;-webkit-border-bottom-left-radius: 1em ;border-bottom-left-radius: 1em ;}.ui-btn-corner-all{-moz-border-radius: 1em ;-webkit-border-radius: 1em ;border-radius: 1em ;}.ui-corner-tl,.ui-corner-tr,.ui-corner-bl,.ui-corner-br,.ui-corner-top,.ui-corner-bottom,.ui-corner-right,.ui-corner-left,.ui-corner-all,.ui-btn-corner-tl,.ui-btn-corner-tr,.ui-btn-corner-bl,.ui-btn-corner-br,.ui-btn-corner-top,.ui-btn-corner-bottom,.ui-btn-corner-right,.ui-btn-corner-left,.ui-btn-corner-all{ -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box;}.ui-overlay{background:#666;opacity:.5;filter:Alpha(Opacity=50);position:absolute;width:100%;height:100%;}.ui-overlay-shadow{-moz-box-shadow:0px 0px 12px rgba(0,0,0,.6);-webkit-box-shadow:0px 0px 12px rgba(0,0,0,.6);box-shadow:0px 0px 12px rgba(0,0,0,.6);}.ui-shadow{-moz-box-shadow:0px 1px 4px rgba(0,0,0,.3) ;-webkit-box-shadow:0px 1px 4px rgba(0,0,0,.3) ;box-shadow:0px 1px 4px rgba(0,0,0,.3) ;}.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow {-moz-box-shadow:0px 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0px 1px 0 rgba(255,255,255,.3);box-shadow:0px 1px 0 rgba(255,255,255,.3);}.ui-shadow-inset{-moz-box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);}.ui-icon-shadow{-moz-box-shadow:0px 1px 0 rgba(255,255,255,.4);-webkit-box-shadow:0px 1px 0 rgba(255,255,255,.4);box-shadow:0px 1px 0 rgba(255,255,255,.4);}.ui-focus{-moz-box-shadow:0px 0px 12px #fea777 ;-webkit-box-shadow:0px 0px 12px #fea777 ;box-shadow:0px 0px 12px #fea777 ;}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}.ui-mobile-nosupport-boxshadow .ui-focus{outline-width:2px;} -------------------------------------------------------------------------------- /themes/jQuery-Mobile-Boilerplate.css: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | * jQuery Mobile Framework 1.0.1 4 | * http://jquerymobile.com 5 | * 6 | * Copyright 2011-2012 (c) jQuery Project 7 | * Dual licensed under the MIT or GPL Version 2 licenses. 8 | * http://jquery.org/license 9 | * 10 | */ 11 | /* Swatches */ 12 | 13 | /* A 14 | -----------------------------------------------------------------------------------------------------------*/ 15 | 16 | .ui-bar-a { 17 | border: 1px solid #B3B3B3 /*{a-bar-border}*/; 18 | background: #FD6125 /*{a-bar-background-color}*/; 19 | color: #ffffff /*{a-bar-color}*/; 20 | font-weight: bold; 21 | text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/; 22 | background-image: -webkit-gradient(linear, left top, left bottom, from( #FD6125 /*{a-bar-background-start}*/), to( #FD6125 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ 23 | background-image: -webkit-linear-gradient( #FD6125 /*{a-bar-background-start}*/, #FD6125 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ 24 | background-image: -moz-linear-gradient( #FD6125 /*{a-bar-background-start}*/, #FD6125 /*{a-bar-background-end}*/); /* FF3.6 */ 25 | background-image: -ms-linear-gradient( #FD6125 /*{a-bar-background-start}*/, #FD6125 /*{a-bar-background-end}*/); /* IE10 */ 26 | background-image: -o-linear-gradient( #FD6125 /*{a-bar-background-start}*/, #FD6125 /*{a-bar-background-end}*/); /* Opera 11.10+ */ 27 | background-image: linear-gradient( #FD6125 /*{a-bar-background-start}*/, #FD6125 /*{a-bar-background-end}*/); 28 | } 29 | 30 | .ui-bar-a .ui-link-inherit { 31 | color: #ffffff /*{a-bar-color}*/; 32 | } 33 | .ui-bar-a .ui-link { 34 | color: #7cc4e7 /*{a-bar-link-color}*/; 35 | font-weight: bold; 36 | } 37 | 38 | .ui-bar-a .ui-link:hover { 39 | color: #2489CE /*{a-bar-link-hover}*/; 40 | } 41 | 42 | .ui-bar-a .ui-link:active { 43 | color: #2489CE /*{a-bar-link-active}*/; 44 | } 45 | 46 | .ui-bar-a .ui-link:visited { 47 | color: #2489CE /*{a-bar-link-visited}*/; 48 | } 49 | 50 | .ui-bar-a, 51 | .ui-bar-a input, 52 | .ui-bar-a select, 53 | .ui-bar-a textarea, 54 | .ui-bar-a button { 55 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 56 | } 57 | .ui-body-a, 58 | .ui-dialog.ui-overlay-a { 59 | border: 1px solid #B3B3B3 /*{a-body-border}*/; 60 | color: #6D6E71 /*{a-body-color}*/; 61 | text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #fff /*{a-body-shadow-color}*/; 62 | background: #efefef /*{a-body-background-color}*/; 63 | background-image: -webkit-gradient(linear, left top, left bottom, from( #EFEFEF /*{a-body-background-start}*/), to( #EFEFEF /*{a-body-background-end}*/)); /* Saf4+, Chrome */ 64 | background-image: -webkit-linear-gradient( #EFEFEF /*{a-body-background-start}*/, #EFEFEF /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ 65 | background-image: -moz-linear-gradient( #EFEFEF /*{a-body-background-start}*/, #EFEFEF /*{a-body-background-end}*/); /* FF3.6 */ 66 | background-image: -ms-linear-gradient( #EFEFEF /*{a-body-background-start}*/, #EFEFEF /*{a-body-background-end}*/); /* IE10 */ 67 | background-image: -o-linear-gradient( #EFEFEF /*{a-body-background-start}*/, #EFEFEF /*{a-body-background-end}*/); /* Opera 11.10+ */ 68 | background-image: linear-gradient( #EFEFEF /*{a-body-background-start}*/, #EFEFEF /*{a-body-background-end}*/); 69 | } 70 | .ui-body-a, 71 | .ui-body-a input, 72 | .ui-body-a select, 73 | .ui-body-a textarea, 74 | .ui-body-a button { 75 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 76 | } 77 | 78 | .ui-body-a .ui-link-inherit { 79 | color: #6D6E71 /*{a-body-color}*/; 80 | } 81 | 82 | .ui-body-a .ui-link { 83 | color: #FD6125 /*{a-body-link-color}*/; 84 | font-weight: bold; 85 | } 86 | 87 | .ui-body-a .ui-link:hover { 88 | color: #2489CE /*{a-body-link-hover}*/; 89 | } 90 | 91 | .ui-body-a .ui-link:active { 92 | color: #2489CE /*{a-body-link-active}*/; 93 | } 94 | 95 | .ui-body-a .ui-link:visited { 96 | color: #2489CE /*{a-body-link-visited}*/; 97 | } 98 | 99 | .ui-btn-up-a { 100 | border: 1px solid #ccc /*{a-bup-border}*/; 101 | background: #eee /*{a-bup-background-color}*/; 102 | font-weight: bold; 103 | color: #6D6E71 /*{a-bup-color}*/; 104 | text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #f6f6f6 /*{a-bup-shadow-color}*/; 105 | background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{a-bup-background-start}*/), to( #eee /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ 106 | background-image: -webkit-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ 107 | background-image: -moz-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* FF3.6 */ 108 | background-image: -ms-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* IE10 */ 109 | background-image: -o-linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); /* Opera 11.10+ */ 110 | background-image: linear-gradient( #fdfdfd /*{a-bup-background-start}*/, #eee /*{a-bup-background-end}*/); 111 | } 112 | .ui-btn-up-a a.ui-link-inherit { 113 | color: #6D6E71 /*{a-bup-color}*/; 114 | } 115 | 116 | .ui-btn-hover-a { 117 | border: 1px solid #bbbbbb /*{a-bhover-border}*/; 118 | background: #dadada /*{a-bhover-background-color}*/; 119 | font-weight: bold; 120 | color: #6D6E71 /*{a-bhover-color}*/; 121 | text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #fff /*{a-bhover-shadow-color}*/; 122 | background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{a-bhover-background-start}*/), to( #dadada /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */ 123 | background-image: -webkit-linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ 124 | background-image: -moz-linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); /* FF3.6 */ 125 | background-image: -ms-linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); /* IE10 */ 126 | background-image: -o-linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); /* Opera 11.10+ */ 127 | background-image: linear-gradient( #ededed /*{a-bhover-background-start}*/, #dadada /*{a-bhover-background-end}*/); 128 | } 129 | .ui-btn-hover-a a.ui-link-inherit { 130 | color: #6D6E71 /*{a-bhover-color}*/; 131 | } 132 | .ui-btn-down-a { 133 | border: 1px solid #808080 /*{a-bdown-border}*/; 134 | background: #fdfdfd /*{a-bdown-background-color}*/; 135 | font-weight: bold; 136 | color: #6D6E71 /*{a-bdown-color}*/; 137 | text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/; 138 | background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{a-bdown-background-start}*/), to( #fdfdfd /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */ 139 | background-image: -webkit-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ 140 | background-image: -moz-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* FF3.6 */ 141 | background-image: -ms-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* IE10 */ 142 | background-image: -o-linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); /* Opera 11.10+ */ 143 | background-image: linear-gradient( #eee /*{a-bdown-background-start}*/, #fdfdfd /*{a-bdown-background-end}*/); 144 | } 145 | .ui-btn-down-a a.ui-link-inherit { 146 | color: #6D6E71 /*{a-bdown-color}*/; 147 | } 148 | .ui-btn-up-a, 149 | .ui-btn-hover-a, 150 | .ui-btn-down-a { 151 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 152 | text-decoration: none; 153 | } 154 | 155 | /* B 156 | -----------------------------------------------------------------------------------------------------------*/ 157 | 158 | .ui-bar-b { 159 | border: 1px solid #B3B3B3 /*{b-bar-border}*/; 160 | background: #FD6125 /*{b-bar-background-color}*/; 161 | color: #ffffff /*{b-bar-color}*/; 162 | font-weight: bold; 163 | text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #000000 /*{b-bar-shadow-color}*/; 164 | background-image: -webkit-gradient(linear, left top, left bottom, from( #FD6125 /*{b-bar-background-start}*/), to( #FD6125 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */ 165 | background-image: -webkit-linear-gradient( #FD6125 /*{b-bar-background-start}*/, #FD6125 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ 166 | background-image: -moz-linear-gradient( #FD6125 /*{b-bar-background-start}*/, #FD6125 /*{b-bar-background-end}*/); /* FF3.6 */ 167 | background-image: -ms-linear-gradient( #FD6125 /*{b-bar-background-start}*/, #FD6125 /*{b-bar-background-end}*/); /* IE10 */ 168 | background-image: -o-linear-gradient( #FD6125 /*{b-bar-background-start}*/, #FD6125 /*{b-bar-background-end}*/); /* Opera 11.10+ */ 169 | background-image: linear-gradient( #FD6125 /*{b-bar-background-start}*/, #FD6125 /*{b-bar-background-end}*/); 170 | } 171 | 172 | .ui-bar-b .ui-link-inherit { 173 | color: #ffffff /*{b-bar-color}*/; 174 | } 175 | .ui-bar-b .ui-link { 176 | color: #7cc4e7 /*{b-bar-link-color}*/; 177 | font-weight: bold; 178 | } 179 | 180 | .ui-bar-b .ui-link:hover { 181 | color: #2489CE /*{b-bar-link-hover}*/; 182 | } 183 | 184 | .ui-bar-b .ui-link:active { 185 | color: #2489CE /*{b-bar-link-active}*/; 186 | } 187 | 188 | .ui-bar-b .ui-link:visited { 189 | color: #2489CE /*{b-bar-link-visited}*/; 190 | } 191 | 192 | .ui-bar-b, 193 | .ui-bar-b input, 194 | .ui-bar-b select, 195 | .ui-bar-b textarea, 196 | .ui-bar-b button { 197 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 198 | } 199 | .ui-body-b, 200 | .ui-dialog.ui-overlay-b { 201 | border: 1px solid #B3B3B3 /*{b-body-border}*/; 202 | color: #6D6E71 /*{b-body-color}*/; 203 | text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/; 204 | background: #efefef /*{b-body-background-color}*/; 205 | background-image: -webkit-gradient(linear, left top, left bottom, from( #EFEFEF /*{b-body-background-start}*/), to( #EFEFEF /*{b-body-background-end}*/)); /* Saf4+, Chrome */ 206 | background-image: -webkit-linear-gradient( #EFEFEF /*{b-body-background-start}*/, #EFEFEF /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ 207 | background-image: -moz-linear-gradient( #EFEFEF /*{b-body-background-start}*/, #EFEFEF /*{b-body-background-end}*/); /* FF3.6 */ 208 | background-image: -ms-linear-gradient( #EFEFEF /*{b-body-background-start}*/, #EFEFEF /*{b-body-background-end}*/); /* IE10 */ 209 | background-image: -o-linear-gradient( #EFEFEF /*{b-body-background-start}*/, #EFEFEF /*{b-body-background-end}*/); /* Opera 11.10+ */ 210 | background-image: linear-gradient( #EFEFEF /*{b-body-background-start}*/, #EFEFEF /*{b-body-background-end}*/); 211 | } 212 | .ui-body-b, 213 | .ui-body-b input, 214 | .ui-body-b select, 215 | .ui-body-b textarea, 216 | .ui-body-b button { 217 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 218 | } 219 | 220 | .ui-body-b .ui-link-inherit { 221 | color: #6D6E71 /*{b-body-color}*/; 222 | } 223 | 224 | .ui-body-b .ui-link { 225 | color: #FD6125 /*{b-body-link-color}*/; 226 | font-weight: bold; 227 | } 228 | 229 | .ui-body-b .ui-link:hover { 230 | color: #2489CE /*{b-body-link-hover}*/; 231 | } 232 | 233 | .ui-body-b .ui-link:active { 234 | color: #2489CE /*{b-body-link-active}*/; 235 | } 236 | 237 | .ui-body-b .ui-link:visited { 238 | color: #2489CE /*{b-body-link-visited}*/; 239 | } 240 | 241 | .ui-btn-up-b { 242 | border: 1px solid #ccc /*{b-bup-border}*/; 243 | background: #eee /*{b-bup-background-color}*/; 244 | font-weight: bold; 245 | color: #6D6E71 /*{b-bup-color}*/; 246 | text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #f6f6f6 /*{b-bup-shadow-color}*/; 247 | background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{b-bup-background-start}*/), to( #eee /*{b-bup-background-end}*/)); /* Saf4+, Chrome */ 248 | background-image: -webkit-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eee /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ 249 | background-image: -moz-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eee /*{b-bup-background-end}*/); /* FF3.6 */ 250 | background-image: -ms-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eee /*{b-bup-background-end}*/); /* IE10 */ 251 | background-image: -o-linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eee /*{b-bup-background-end}*/); /* Opera 11.10+ */ 252 | background-image: linear-gradient( #fdfdfd /*{b-bup-background-start}*/, #eee /*{b-bup-background-end}*/); 253 | } 254 | .ui-btn-up-b a.ui-link-inherit { 255 | color: #6D6E71 /*{b-bup-color}*/; 256 | } 257 | 258 | .ui-btn-hover-b { 259 | border: 1px solid #bbbbbb /*{b-bhover-border}*/; 260 | background: #dadada /*{b-bhover-background-color}*/; 261 | font-weight: bold; 262 | color: #6D6E71 /*{b-bhover-color}*/; 263 | text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #fff /*{b-bhover-shadow-color}*/; 264 | background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{b-bhover-background-start}*/), to( #dadada /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */ 265 | background-image: -webkit-linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ 266 | background-image: -moz-linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); /* FF3.6 */ 267 | background-image: -ms-linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); /* IE10 */ 268 | background-image: -o-linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); /* Opera 11.10+ */ 269 | background-image: linear-gradient( #ededed /*{b-bhover-background-start}*/, #dadada /*{b-bhover-background-end}*/); 270 | } 271 | .ui-btn-hover-b a.ui-link-inherit { 272 | color: #6D6E71 /*{b-bhover-color}*/; 273 | } 274 | .ui-btn-down-b { 275 | border: 1px solid #808080 /*{b-bdown-border}*/; 276 | background: #fdfdfd /*{b-bdown-background-color}*/; 277 | font-weight: bold; 278 | color: #6D6E71 /*{b-bdown-color}*/; 279 | text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/; 280 | background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{b-bdown-background-start}*/), to( #fdfdfd /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */ 281 | background-image: -webkit-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ 282 | background-image: -moz-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* FF3.6 */ 283 | background-image: -ms-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* IE10 */ 284 | background-image: -o-linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); /* Opera 11.10+ */ 285 | background-image: linear-gradient( #eee /*{b-bdown-background-start}*/, #fdfdfd /*{b-bdown-background-end}*/); 286 | } 287 | .ui-btn-down-b a.ui-link-inherit { 288 | color: #6D6E71 /*{b-bdown-color}*/; 289 | } 290 | .ui-btn-up-b, 291 | .ui-btn-hover-b, 292 | .ui-btn-down-b { 293 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 294 | text-decoration: none; 295 | } 296 | 297 | 298 | 299 | /* C 300 | -----------------------------------------------------------------------------------------------------------*/ 301 | 302 | .ui-bar-c { 303 | border: 1px solid #B3B3B3 /*{c-bar-border}*/; 304 | background: #FD6125 /*{c-bar-background-color}*/; 305 | color: #ffffff /*{c-bar-color}*/; 306 | font-weight: bold; 307 | text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #000000 /*{c-bar-shadow-color}*/; 308 | background-image: -webkit-gradient(linear, left top, left bottom, from( #FD6125 /*{c-bar-background-start}*/), to( #FD6125 /*{c-bar-background-end}*/)); /* Saf4+, Chrome */ 309 | background-image: -webkit-linear-gradient( #FD6125 /*{c-bar-background-start}*/, #FD6125 /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ 310 | background-image: -moz-linear-gradient( #FD6125 /*{c-bar-background-start}*/, #FD6125 /*{c-bar-background-end}*/); /* FF3.6 */ 311 | background-image: -ms-linear-gradient( #FD6125 /*{c-bar-background-start}*/, #FD6125 /*{c-bar-background-end}*/); /* IE10 */ 312 | background-image: -o-linear-gradient( #FD6125 /*{c-bar-background-start}*/, #FD6125 /*{c-bar-background-end}*/); /* Opera 11.10+ */ 313 | background-image: linear-gradient( #FD6125 /*{c-bar-background-start}*/, #FD6125 /*{c-bar-background-end}*/); 314 | } 315 | 316 | .ui-bar-c .ui-link-inherit { 317 | color: #ffffff /*{c-bar-color}*/; 318 | } 319 | .ui-bar-c .ui-link { 320 | color: #7cc4e7 /*{c-bar-link-color}*/; 321 | font-weight: bold; 322 | } 323 | 324 | .ui-bar-c .ui-link:hover { 325 | color: #2489CE /*{c-bar-link-hover}*/; 326 | } 327 | 328 | .ui-bar-c .ui-link:active { 329 | color: #2489CE /*{c-bar-link-active}*/; 330 | } 331 | 332 | .ui-bar-c .ui-link:visited { 333 | color: #2489CE /*{c-bar-link-visited}*/; 334 | } 335 | 336 | .ui-bar-c, 337 | .ui-bar-c input, 338 | .ui-bar-c select, 339 | .ui-bar-c textarea, 340 | .ui-bar-c button { 341 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 342 | } 343 | .ui-body-c, 344 | .ui-dialog.ui-overlay-c { 345 | border: 1px solid #B3B3B3 /*{c-body-border}*/; 346 | color: #6D6E71 /*{c-body-color}*/; 347 | text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/; 348 | background: #efefef /*{c-body-background-color}*/; 349 | background-image: -webkit-gradient(linear, left top, left bottom, from( #EFEFEF /*{c-body-background-start}*/), to( #EFEFEF /*{c-body-background-end}*/)); /* Saf4+, Chrome */ 350 | background-image: -webkit-linear-gradient( #EFEFEF /*{c-body-background-start}*/, #EFEFEF /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ 351 | background-image: -moz-linear-gradient( #EFEFEF /*{c-body-background-start}*/, #EFEFEF /*{c-body-background-end}*/); /* FF3.6 */ 352 | background-image: -ms-linear-gradient( #EFEFEF /*{c-body-background-start}*/, #EFEFEF /*{c-body-background-end}*/); /* IE10 */ 353 | background-image: -o-linear-gradient( #EFEFEF /*{c-body-background-start}*/, #EFEFEF /*{c-body-background-end}*/); /* Opera 11.10+ */ 354 | background-image: linear-gradient( #EFEFEF /*{c-body-background-start}*/, #EFEFEF /*{c-body-background-end}*/); 355 | } 356 | .ui-body-c, 357 | .ui-body-c input, 358 | .ui-body-c select, 359 | .ui-body-c textarea, 360 | .ui-body-c button { 361 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 362 | } 363 | 364 | .ui-body-c .ui-link-inherit { 365 | color: #6D6E71 /*{c-body-color}*/; 366 | } 367 | 368 | .ui-body-c .ui-link { 369 | color: #FD6125 /*{c-body-link-color}*/; 370 | font-weight: bold; 371 | } 372 | 373 | .ui-body-c .ui-link:hover { 374 | color: #2489CE /*{c-body-link-hover}*/; 375 | } 376 | 377 | .ui-body-c .ui-link:active { 378 | color: #2489CE /*{c-body-link-active}*/; 379 | } 380 | 381 | .ui-body-c .ui-link:visited { 382 | color: #2489CE /*{c-body-link-visited}*/; 383 | } 384 | 385 | .ui-btn-up-c { 386 | border: 1px solid #ccc /*{c-bup-border}*/; 387 | background: #eee /*{c-bup-background-color}*/; 388 | font-weight: bold; 389 | color: #6D6E71 /*{c-bup-color}*/; 390 | text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/; 391 | background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{c-bup-background-start}*/), to( #eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */ 392 | background-image: -webkit-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ 393 | background-image: -moz-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */ 394 | background-image: -ms-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */ 395 | background-image: -o-linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */ 396 | background-image: linear-gradient( #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); 397 | } 398 | .ui-btn-up-c a.ui-link-inherit { 399 | color: #6D6E71 /*{c-bup-color}*/; 400 | } 401 | 402 | .ui-btn-hover-c { 403 | border: 1px solid #bbbbbb /*{c-bhover-border}*/; 404 | background: #dadada /*{c-bhover-background-color}*/; 405 | font-weight: bold; 406 | color: #6D6E71 /*{c-bhover-color}*/; 407 | text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/; 408 | background-image: -webkit-gradient(linear, left top, left bottom, from( #ededed /*{c-bhover-background-start}*/), to( #dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */ 409 | background-image: -webkit-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ 410 | background-image: -moz-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */ 411 | background-image: -ms-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */ 412 | background-image: -o-linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */ 413 | background-image: linear-gradient( #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); 414 | } 415 | .ui-btn-hover-c a.ui-link-inherit { 416 | color: #6D6E71 /*{c-bhover-color}*/; 417 | } 418 | .ui-btn-down-c { 419 | border: 1px solid #808080 /*{c-bdown-border}*/; 420 | background: #fdfdfd /*{c-bdown-background-color}*/; 421 | font-weight: bold; 422 | color: #6D6E71 /*{c-bdown-color}*/; 423 | text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/; 424 | background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-bdown-background-start}*/), to( #fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */ 425 | background-image: -webkit-linear-gradient( #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ 426 | background-image: -moz-linear-gradient( #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */ 427 | background-image: -ms-linear-gradient( #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */ 428 | background-image: -o-linear-gradient( #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */ 429 | background-image: linear-gradient( #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); 430 | } 431 | .ui-btn-down-c a.ui-link-inherit { 432 | color: #6D6E71 /*{c-bdown-color}*/; 433 | } 434 | .ui-btn-up-c, 435 | .ui-btn-hover-c, 436 | .ui-btn-down-c { 437 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 438 | text-decoration: none; 439 | } 440 | 441 | 442 | 443 | /* Structure */ 444 | 445 | /* links within "buttons" 446 | -----------------------------------------------------------------------------------------------------------*/ 447 | 448 | a.ui-link-inherit { 449 | text-decoration: none !important; 450 | } 451 | 452 | 453 | /* Active class used as the "on" state across all themes 454 | -----------------------------------------------------------------------------------------------------------*/ 455 | 456 | .ui-btn-active { 457 | border: 1px solid #FD6125 /*{global-active-border}*/; 458 | background: #fea777 /*{global-active-background-color}*/; 459 | font-weight: bold; 460 | color: #ffffff /*{global-active-color}*/; 461 | cursor: pointer; 462 | text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #000000 /*{global-active-shadow-color}*/; 463 | text-decoration: none; 464 | background-image: -webkit-gradient(linear, left top, left bottom, from( #FEA777 /*{global-active-background-start}*/), to( #FEA777 /*{global-active-background-end}*/)); /* Saf4+, Chrome */ 465 | background-image: -webkit-linear-gradient( #FEA777 /*{global-active-background-start}*/, #FEA777 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */ 466 | background-image: -moz-linear-gradient( #FEA777 /*{global-active-background-start}*/, #FEA777 /*{global-active-background-end}*/); /* FF3.6 */ 467 | background-image: -ms-linear-gradient( #FEA777 /*{global-active-background-start}*/, #FEA777 /*{global-active-background-end}*/); /* IE10 */ 468 | background-image: -o-linear-gradient( #FEA777 /*{global-active-background-start}*/, #FEA777 /*{global-active-background-end}*/); /* Opera 11.10+ */ 469 | background-image: linear-gradient( #FEA777 /*{global-active-background-start}*/, #FEA777 /*{global-active-background-end}*/); 470 | font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; 471 | } 472 | .ui-btn-active a.ui-link-inherit { 473 | color: #ffffff /*{global-active-color}*/; 474 | } 475 | 476 | 477 | /* button inner top highlight 478 | -----------------------------------------------------------------------------------------------------------*/ 479 | 480 | .ui-btn-inner { 481 | border-top: 1px solid #fff; 482 | border-color: rgba(255,255,255,.3); 483 | } 484 | 485 | 486 | /* corner rounding classes 487 | -----------------------------------------------------------------------------------------------------------*/ 488 | 489 | .ui-corner-tl { 490 | -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; 491 | -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; 492 | border-top-left-radius: .6em /*{global-radii-blocks}*/; 493 | } 494 | .ui-corner-tr { 495 | -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; 496 | -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; 497 | border-top-right-radius: .6em /*{global-radii-blocks}*/; 498 | } 499 | .ui-corner-bl { 500 | -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; 501 | -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 502 | border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 503 | } 504 | .ui-corner-br { 505 | -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; 506 | -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 507 | border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 508 | } 509 | .ui-corner-top { 510 | -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; 511 | -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; 512 | border-top-left-radius: .6em /*{global-radii-blocks}*/; 513 | -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; 514 | -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; 515 | border-top-right-radius: .6em /*{global-radii-blocks}*/; 516 | } 517 | .ui-corner-bottom { 518 | -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; 519 | -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 520 | border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 521 | -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; 522 | -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 523 | border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 524 | } 525 | .ui-corner-right { 526 | -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; 527 | -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; 528 | border-top-right-radius: .6em /*{global-radii-blocks}*/; 529 | -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; 530 | -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 531 | border-bottom-right-radius: .6em /*{global-radii-blocks}*/; 532 | } 533 | .ui-corner-left { 534 | -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; 535 | -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; 536 | border-top-left-radius: .6em /*{global-radii-blocks}*/; 537 | -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; 538 | -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 539 | border-bottom-left-radius: .6em /*{global-radii-blocks}*/; 540 | } 541 | .ui-corner-all { 542 | -moz-border-radius: .6em /*{global-radii-blocks}*/; 543 | -webkit-border-radius: .6em /*{global-radii-blocks}*/; 544 | border-radius: .6em /*{global-radii-blocks}*/; 545 | } 546 | .ui-corner-none { 547 | -moz-border-radius: 0; 548 | -webkit-border-radius: 0; 549 | border-radius: 0; 550 | } 551 | 552 | /* Interaction cues 553 | -----------------------------------------------------------------------------------------------------------*/ 554 | .ui-disabled { 555 | opacity: .3; 556 | } 557 | .ui-disabled, 558 | .ui-disabled a { 559 | pointer-events: none; 560 | cursor: default; 561 | } 562 | 563 | /* Icons 564 | -----------------------------------------------------------------------------------------------------------*/ 565 | 566 | .ui-icon, 567 | .ui-icon-searchfield:after { 568 | background: #666 /*{global-icon-color}*/; 569 | background: rgba(0,0,0,.4) /*{global-icon-disc}*/; 570 | background-image: url(images/icons-18-white.png) /*{global-icon-set}*/; 571 | background-repeat: no-repeat; 572 | -moz-border-radius: 9px; 573 | -webkit-border-radius: 9px; 574 | border-radius: 9px; 575 | } 576 | 577 | 578 | /* Alt icon color 579 | -----------------------------------------------------------------------------------------------------------*/ 580 | 581 | .ui-icon-alt { 582 | background: #fff; 583 | background: rgba(255,255,255,.3); 584 | background-image: url(images/icons-18-black.png); 585 | background-repeat: no-repeat; 586 | } 587 | 588 | /* HD/"retina" sprite 589 | -----------------------------------------------------------------------------------------------------------*/ 590 | 591 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), 592 | only screen and (min--moz-device-pixel-ratio: 1.5), 593 | only screen and (min-resolution: 240dpi) { 594 | 595 | .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, 596 | .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, 597 | .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, 598 | .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 599 | .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { 600 | background-image: url(images/icons-36-white.png); 601 | -moz-background-size: 776px 18px; 602 | -o-background-size: 776px 18px; 603 | -webkit-background-size: 776px 18px; 604 | background-size: 776px 18px; 605 | } 606 | .ui-icon-alt { 607 | background-image: url(images/icons-36-black.png); 608 | } 609 | } 610 | 611 | /* plus minus */ 612 | .ui-icon-plus { 613 | background-position: -0 50%; 614 | } 615 | .ui-icon-minus { 616 | background-position: -36px 50%; 617 | } 618 | 619 | /* delete/close */ 620 | .ui-icon-delete { 621 | background-position: -72px 50%; 622 | } 623 | 624 | /* arrows */ 625 | .ui-icon-arrow-r { 626 | background-position: -108px 50%; 627 | } 628 | .ui-icon-arrow-l { 629 | background-position: -144px 50%; 630 | } 631 | .ui-icon-arrow-u { 632 | background-position: -180px 50%; 633 | } 634 | .ui-icon-arrow-d { 635 | background-position: -216px 50%; 636 | } 637 | 638 | /* misc */ 639 | .ui-icon-check { 640 | background-position: -252px 50%; 641 | } 642 | .ui-icon-gear { 643 | background-position: -288px 50%; 644 | } 645 | .ui-icon-refresh { 646 | background-position: -324px 50%; 647 | } 648 | .ui-icon-forward { 649 | background-position: -360px 50%; 650 | } 651 | .ui-icon-back { 652 | background-position: -396px 50%; 653 | } 654 | .ui-icon-grid { 655 | background-position: -432px 50%; 656 | } 657 | .ui-icon-star { 658 | background-position: -468px 50%; 659 | } 660 | .ui-icon-alert { 661 | background-position: -504px 50%; 662 | } 663 | .ui-icon-info { 664 | background-position: -540px 50%; 665 | } 666 | .ui-icon-home { 667 | background-position: -576px 50%; 668 | } 669 | .ui-icon-search, 670 | .ui-icon-searchfield:after { 671 | background-position: -612px 50%; 672 | } 673 | .ui-icon-checkbox-off { 674 | background-position: -684px 50%; 675 | } 676 | .ui-icon-checkbox-on { 677 | background-position: -648px 50%; 678 | } 679 | .ui-icon-radio-off { 680 | background-position: -756px 50%; 681 | } 682 | .ui-icon-radio-on { 683 | background-position: -720px 50%; 684 | } 685 | 686 | 687 | /* checks,radios */ 688 | .ui-checkbox .ui-icon { 689 | -moz-border-radius: 3px; 690 | -webkit-border-radius: 3px; 691 | border-radius: 3px; 692 | } 693 | .ui-icon-checkbox-off, 694 | .ui-icon-radio-off { 695 | background-color: transparent; 696 | } 697 | .ui-checkbox-on .ui-icon, 698 | .ui-radio-on .ui-icon { 699 | background-color: #fea777 /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ 700 | } 701 | 702 | /* loading icon */ 703 | .ui-icon-loading { 704 | background-image: url(images/ajax-loader.png); 705 | width: 40px; 706 | height: 40px; 707 | -moz-border-radius: 20px; 708 | -webkit-border-radius: 20px; 709 | border-radius: 20px; 710 | background-size: 35px 35px; 711 | } 712 | 713 | 714 | /* Button corner classes 715 | -----------------------------------------------------------------------------------------------------------*/ 716 | 717 | .ui-btn-corner-tl { 718 | -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; 719 | -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; 720 | border-top-left-radius: 1em /*{global-radii-buttons}*/; 721 | } 722 | .ui-btn-corner-tr { 723 | -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; 724 | -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; 725 | border-top-right-radius: 1em /*{global-radii-buttons}*/; 726 | } 727 | .ui-btn-corner-bl { 728 | -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; 729 | -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 730 | border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 731 | } 732 | .ui-btn-corner-br { 733 | -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; 734 | -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 735 | border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 736 | } 737 | .ui-btn-corner-top { 738 | -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; 739 | -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; 740 | border-top-left-radius: 1em /*{global-radii-buttons}*/; 741 | -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; 742 | -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; 743 | border-top-right-radius: 1em /*{global-radii-buttons}*/; 744 | } 745 | .ui-btn-corner-bottom { 746 | -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; 747 | -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 748 | border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 749 | -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; 750 | -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 751 | border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 752 | } 753 | .ui-btn-corner-right { 754 | -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; 755 | -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; 756 | border-top-right-radius: 1em /*{global-radii-buttons}*/; 757 | -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; 758 | -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 759 | border-bottom-right-radius: 1em /*{global-radii-buttons}*/; 760 | } 761 | .ui-btn-corner-left { 762 | -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; 763 | -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; 764 | border-top-left-radius: 1em /*{global-radii-buttons}*/; 765 | -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; 766 | -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 767 | border-bottom-left-radius: 1em /*{global-radii-buttons}*/; 768 | } 769 | .ui-btn-corner-all { 770 | -moz-border-radius: 1em /*{global-radii-buttons}*/; 771 | -webkit-border-radius: 1em /*{global-radii-buttons}*/; 772 | border-radius: 1em /*{global-radii-buttons}*/; 773 | } 774 | 775 | /* radius clip workaround for cleaning up corner trapping */ 776 | .ui-corner-tl, 777 | .ui-corner-tr, 778 | .ui-corner-bl, 779 | .ui-corner-br, 780 | .ui-corner-top, 781 | .ui-corner-bottom, 782 | .ui-corner-right, 783 | .ui-corner-left, 784 | .ui-corner-all, 785 | .ui-btn-corner-tl, 786 | .ui-btn-corner-tr, 787 | .ui-btn-corner-bl, 788 | .ui-btn-corner-br, 789 | .ui-btn-corner-top, 790 | .ui-btn-corner-bottom, 791 | .ui-btn-corner-right, 792 | .ui-btn-corner-left, 793 | .ui-btn-corner-all { 794 | -webkit-background-clip: padding-box; 795 | -moz-background-clip: padding; 796 | background-clip: padding-box; 797 | } 798 | 799 | /* Overlay / modal 800 | -----------------------------------------------------------------------------------------------------------*/ 801 | 802 | .ui-overlay { 803 | background: #666; 804 | opacity: .5; 805 | filter: Alpha(Opacity=50); 806 | position: absolute; 807 | width: 100%; 808 | height: 100%; 809 | } 810 | .ui-overlay-shadow { 811 | -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); 812 | -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); 813 | box-shadow: 0px 0px 12px rgba(0,0,0,.6); 814 | } 815 | .ui-shadow { 816 | -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; 817 | -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; 818 | box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; 819 | } 820 | .ui-bar-a .ui-shadow, 821 | .ui-bar-b .ui-shadow , 822 | .ui-bar-c .ui-shadow { 823 | -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3); 824 | -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3); 825 | box-shadow: 0px 1px 0 rgba(255,255,255,.3); 826 | } 827 | .ui-shadow-inset { 828 | -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); 829 | -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); 830 | box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); 831 | } 832 | .ui-icon-shadow { 833 | -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4); 834 | -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4); 835 | box-shadow: 0px 1px 0 rgba(255,255,255,.4); 836 | } 837 | 838 | /* Focus state - set here for specificity 839 | -----------------------------------------------------------------------------------------------------------*/ 840 | 841 | .ui-focus { 842 | -moz-box-shadow: 0px 0px 12px #fea777 /*{global-active-background-color}*/; 843 | -webkit-box-shadow: 0px 0px 12px #fea777 /*{global-active-background-color}*/; 844 | box-shadow: 0px 0px 12px #fea777 /*{global-active-background-color}*/; 845 | } 846 | 847 | /* unset box shadow in browsers that don't do it right 848 | -----------------------------------------------------------------------------------------------------------*/ 849 | 850 | .ui-mobile-nosupport-boxshadow * { 851 | -moz-box-shadow: none !important; 852 | -webkit-box-shadow: none !important; 853 | box-shadow: none !important; 854 | } 855 | 856 | /* ...and bring back focus */ 857 | .ui-mobile-nosupport-boxshadow .ui-focus { 858 | outline-width: 2px; 859 | } -------------------------------------------------------------------------------- /css/jquery.mobile.structure-1.4.0.min.css: -------------------------------------------------------------------------------- 1 | /*! jQuery Mobile 1.4.0 | Git HEAD hash: f09aae0 <> 2013-12-19T17:34:22Z | (c) 2010, 2013 jQuery Foundation, Inc. | jquery.org/license */ 2 | 3 | .ui-mobile,.ui-mobile body{height:99.9%}.ui-mobile fieldset,.ui-page{padding:0;margin:0}.ui-mobile a img,.ui-mobile fieldset{border-width:0}.ui-mobile fieldset{min-width:0}@-moz-document url-prefix(){.ui-mobile fieldset{display:table-column;vertical-align:middle}}.ui-mobile-viewport{margin:0;overflow-x:visible;-webkit-text-size-adjust:100%;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body.ui-mobile-viewport,div.ui-mobile-viewport{overflow-x:hidden}.ui-mobile [data-role=page],.ui-mobile [data-role=dialog],.ui-page{top:0;left:0;width:100%;min-height:100%;position:absolute;display:none;border:0}.ui-page{outline:0}.ui-mobile .ui-page-active{display:block;overflow:visible;overflow-x:hidden}@media screen and (orientation:portrait){.ui-mobile .ui-page{min-height:420px}}@media screen and (orientation:landscape){.ui-mobile .ui-page{min-height:300px}}.ui-mobile-rendering>*{visibility:hidden}.ui-nojs{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ui-loading .ui-loader{display:block}.ui-loader{display:none;z-index:9999999;position:fixed;top:50%;left:50%;border:0}.ui-loader-default{background:0;filter:Alpha(Opacity=18);opacity:.18;width:2.875em;height:2.875em;margin-left:-1.4375em;margin-top:-1.4375em}.ui-loader-verbose{width:12.5em;filter:Alpha(Opacity=88);opacity:.88;box-shadow:0 1px 1px -1px #fff;height:auto;margin-left:-6.875em;margin-top:-2.6875em;padding:.625em}.ui-loader-default h1{font-size:0;width:0;height:0;overflow:hidden}.ui-loader-verbose h1{font-size:1em;margin:0;text-align:center}.ui-loader .ui-icon-loading{background-color:#000;display:block;margin:0;width:2.75em;height:2.75em;padding:.0625em;-webkit-border-radius:2.25em;border-radius:2.25em}.ui-loader-verbose .ui-icon-loading{margin:0 auto .625em;filter:Alpha(Opacity=75);opacity:.75}.ui-loader-textonly{padding:.9375em;margin-left:-7.1875em}.ui-loader-textonly .ui-icon-loading{display:none}.ui-loader-fakefix{position:absolute}.ui-bar,.ui-body{position:relative;padding:.4em 1em;overflow:hidden;display:block;clear:both}.ui-bar h1,.ui-bar h2,.ui-bar h3,.ui-bar h4,.ui-bar h5,.ui-bar h6{margin:0;padding:0;font-size:1em;display:inline-block}.ui-header,.ui-footer{border-width:1px 0;border-style:solid;position:relative}.ui-header:empty,.ui-footer:empty{min-height:2.6875em}.ui-header .ui-title,.ui-footer .ui-title{font-size:1em;min-height:1.1em;text-align:center;display:block;margin:0 30%;padding:.7em 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;outline:0!important}.ui-footer .ui-title{margin:0 1em}.ui-content{border-width:0;overflow:visible;overflow-x:hidden;padding:1em}.ui-corner-all>.ui-header:first-child,.ui-corner-all>.ui-content:first-child,.ui-corner-all>.ui-footer:first-child{-webkit-border-top-left-radius:inherit;border-top-left-radius:inherit;-webkit-border-top-right-radius:inherit;border-top-right-radius:inherit}.ui-corner-all>.ui-header:last-child,.ui-corner-all>.ui-content:last-child,.ui-corner-all>.ui-footer:last-child{-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit;-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit}.ui-btn{font-size:16px;margin:.5em 0;padding:.7em 1em;display:block;position:relative;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-btn-icon-notext{padding:0;width:1.75em;height:1.75em;text-indent:-9999px;white-space:nowrap!important}.ui-mini{font-size:12.5px}.ui-mini .ui-btn{font-size:inherit}.ui-header .ui-btn,.ui-footer .ui-btn{font-size:12.5px;display:inline-block;vertical-align:middle}.ui-header .ui-btn-left,.ui-header .ui-btn-right{font-size:12.5px}.ui-mini.ui-btn-icon-notext,.ui-mini .ui-btn-icon-notext,.ui-header .ui-btn-icon-notext,.ui-footer .ui-btn-icon-notext{font-size:16px;padding:0}.ui-btn-inline{display:inline-block;vertical-align:middle;margin-right:.625em}.ui-btn-icon-left{padding-left:2.5em}.ui-btn-icon-right{padding-right:2.5em}.ui-btn-icon-top{padding-top:2.5em}.ui-btn-icon-bottom{padding-bottom:2.5em}.ui-header .ui-btn-icon-top,.ui-footer .ui-btn-icon-top,.ui-header .ui-btn-icon-bottom,.ui-footer .ui-btn-icon-bottom{padding-left:.3125em;padding-right:.3125em}.ui-btn-icon-left:after,.ui-btn-icon-right:after,.ui-btn-icon-top:after,.ui-btn-icon-bottom:after,.ui-btn-icon-notext:after{content:"";position:absolute;display:block;width:22px;height:22px}.ui-btn-icon-notext:after,.ui-btn-icon-left:after,.ui-btn-icon-right:after{top:50%;margin-top:-11px}.ui-btn-icon-left:after{left:.5625em}.ui-btn-icon-right:after{right:.5625em}.ui-mini.ui-btn-icon-left:after,.ui-mini .ui-btn-icon-left:after,.ui-header .ui-btn-icon-left:after,.ui-footer .ui-btn-icon-left:after{left:.37em}.ui-mini.ui-btn-icon-right:after,.ui-mini .ui-btn-icon-right:after,.ui-header .ui-btn-icon-right:after,.ui-footer .ui-btn-icon-right:after{right:.37em}.ui-btn-icon-notext:after,.ui-btn-icon-top:after,.ui-btn-icon-bottom:after{left:50%;margin-left:-11px}.ui-btn-icon-top:after{top:.5625em}.ui-btn-icon-bottom:after{top:auto;bottom:.5625em}.ui-header .ui-btn-left,.ui-header .ui-btn-right,.ui-btn-left>[class*=ui-],.ui-btn-right>[class*=ui-]{margin:0}.ui-btn-left,.ui-btn-right{position:absolute;top:.24em}.ui-btn-left{left:.4em}.ui-btn-right{right:.4em}.ui-btn-icon-notext.ui-btn-left{top:.3125em;left:.3125em}.ui-btn-icon-notext.ui-btn-right{top:.3125em;right:.3125em}button.ui-btn,.ui-controlgroup-controls button.ui-btn-icon-notext{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;width:100%}button.ui-btn-inline{width:auto}button.ui-btn::-moz-focus-inner{border:0}button.ui-btn-icon-notext,.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:1.75em}.ui-mobile label,.ui-controlgroup-label{display:block;margin:0 0 .4em}.ui-hide-label>label,.ui-hide-label .ui-controlgroup-label,.ui-hide-label .ui-rangeslider label,.ui-hidden-accessible{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ui-screen-hidden{display:none!important}.ui-mobile-viewport-transitioning,.ui-mobile-viewport-transitioning .ui-page{width:100%;height:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ui-page-pre-in{opacity:0}.in{-webkit-animation-timing-function:ease-out;-webkit-animation-duration:350ms;-moz-animation-timing-function:ease-out;-moz-animation-duration:350ms;animation-timing-function:ease-out;animation-duration:350ms}.out{-webkit-animation-timing-function:ease-in;-webkit-animation-duration:225ms;-moz-animation-timing-function:ease-in;-moz-animation-duration:225ms;animation-timing-function:ease-in;animation-duration:225ms}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}@-moz-keyframes fadeout{from{opacity:1}to{opacity:0}}@keyframes fadeout{from{opacity:1}to{opacity:0}}.fade.out{opacity:0;-webkit-animation-duration:125ms;-webkit-animation-name:fadeout;-moz-animation-duration:125ms;-moz-animation-name:fadeout;animation-duration:125ms;animation-name:fadeout}.fade.in{opacity:1;-webkit-animation-duration:225ms;-webkit-animation-name:fadein;-moz-animation-duration:225ms;-moz-animation-name:fadein;animation-duration:225ms;animation-name:fadein}.pop{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%}.pop.in{-webkit-transform:scale(1);-webkit-animation-name:popin;-webkit-animation-duration:350ms;-moz-transform:scale(1);-moz-animation-name:popin;-moz-animation-duration:350ms;transform:scale(1);animation-name:popin;animation-duration:350ms;opacity:1}.pop.out{-webkit-animation-name:fadeout;-webkit-animation-duration:100ms;-moz-animation-name:fadeout;-moz-animation-duration:100ms;animation-name:fadeout;animation-duration:100ms;opacity:0}.pop.in.reverse{-webkit-animation-name:fadein;-moz-animation-name:fadein;animation-name:fadein}.pop.out.reverse{-webkit-transform:scale(.8);-webkit-animation-name:popout;-moz-transform:scale(.8);-moz-animation-name:popout;transform:scale(.8);animation-name:popout}@-webkit-keyframes popin{from{-webkit-transform:scale(.8);opacity:0}to{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes popin{from{-moz-transform:scale(.8);opacity:0}to{-moz-transform:scale(1);opacity:1}}@keyframes popin{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes popout{from{-webkit-transform:scale(1);opacity:1}to{-webkit-transform:scale(.8);opacity:0}}@-moz-keyframes popout{from{-moz-transform:scale(1);opacity:1}to{-moz-transform:scale(.8);opacity:0}}@keyframes popout{from{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@-webkit-keyframes slideinfromright{from{-webkit-transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes slideinfromright{from{-moz-transform:translateX(100%)}to{-moz-transform:translateX(0)}}@keyframes slideinfromright{from{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideinfromleft{from{-webkit-transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@-moz-keyframes slideinfromleft{from{-moz-transform:translateX(-100%)}to{-moz-transform:translateX(0)}}@keyframes slideinfromleft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@-webkit-keyframes slideouttoleft{from{-webkit-transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0)}}@-moz-keyframes slideouttoleft{from{-moz-transform:translateX(0)}to{-moz-transform:translateX(-100%)}}@keyframes slideouttoleft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@-webkit-keyframes slideouttoright{from{-webkit-transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0)}}@-moz-keyframes slideouttoright{from{-moz-transform:translateX(0)}to{-moz-transform:translateX(100%)}}@keyframes slideouttoright{from{transform:translateX(0)}to{transform:translateX(100%)}}.slide.out,.slide.in{-webkit-animation-timing-function:ease-out;-webkit-animation-duration:350ms;-moz-animation-timing-function:ease-out;-moz-animation-duration:350ms;animation-timing-function:ease-out;animation-duration:350ms}.slide.out{-webkit-transform:translate3d(-100%,0,0);-webkit-animation-name:slideouttoleft;-moz-transform:translateX(-100%);-moz-animation-name:slideouttoleft;transform:translateX(-100%);animation-name:slideouttoleft}.slide.in{-webkit-transform:translate3d(0,0,0);-webkit-animation-name:slideinfromright;-moz-transform:translateX(0);-moz-animation-name:slideinfromright;transform:translateX(0);animation-name:slideinfromright}.slide.out.reverse{-webkit-transform:translate3d(100%,0,0);-webkit-animation-name:slideouttoright;-moz-transform:translateX(100%);-moz-animation-name:slideouttoright;transform:translateX(100%);animation-name:slideouttoright}.slide.in.reverse{-webkit-transform:translate3d(0,0,0);-webkit-animation-name:slideinfromleft;-moz-transform:translateX(0);-moz-animation-name:slideinfromleft;transform:translateX(0);animation-name:slideinfromleft}.slidefade.out{-webkit-transform:translateX(-100%);-webkit-animation-name:slideouttoleft;-webkit-animation-duration:225ms;-moz-transform:translateX(-100%);-moz-animation-name:slideouttoleft;-moz-animation-duration:225ms;transform:translateX(-100%);animation-name:slideouttoleft;animation-duration:225ms}.slidefade.in{-webkit-transform:translateX(0);-webkit-animation-name:fadein;-webkit-animation-duration:200ms;-moz-transform:translateX(0);-moz-animation-name:fadein;-moz-animation-duration:200ms;transform:translateX(0);animation-name:fadein;animation-duration:200ms}.slidefade.out.reverse{-webkit-transform:translateX(100%);-webkit-animation-name:slideouttoright;-webkit-animation-duration:200ms;-moz-transform:translateX(100%);-moz-animation-name:slideouttoright;-moz-animation-duration:200ms;transform:translateX(100%);animation-name:slideouttoright;animation-duration:200ms}.slidefade.in.reverse{-webkit-transform:translateX(0);-webkit-animation-name:fadein;-webkit-animation-duration:200ms;-moz-transform:translateX(0);-moz-animation-name:fadein;-moz-animation-duration:200ms;transform:translateX(0);animation-name:fadein;animation-duration:200ms}.slidedown.out{-webkit-animation-name:fadeout;-webkit-animation-duration:100ms;-moz-animation-name:fadeout;-moz-animation-duration:100ms;animation-name:fadeout;animation-duration:100ms}.slidedown.in{-webkit-transform:translateY(0);-webkit-animation-name:slideinfromtop;-webkit-animation-duration:250ms;-moz-transform:translateY(0);-moz-animation-name:slideinfromtop;-moz-animation-duration:250ms;transform:translateY(0);animation-name:slideinfromtop;animation-duration:250ms}.slidedown.in.reverse{-webkit-animation-name:fadein;-webkit-animation-duration:150ms;-moz-animation-name:fadein;-moz-animation-duration:150ms;animation-name:fadein;animation-duration:150ms}.slidedown.out.reverse{-webkit-transform:translateY(-100%);-webkit-animation-name:slideouttotop;-webkit-animation-duration:200ms;-moz-transform:translateY(-100%);-moz-animation-name:slideouttotop;-moz-animation-duration:200ms;transform:translateY(-100%);animation-name:slideouttotop;animation-duration:200ms}@-webkit-keyframes slideinfromtop{from{-webkit-transform:translateY(-100%)}to{-webkit-transform:translateY(0)}}@-moz-keyframes slideinfromtop{from{-moz-transform:translateY(-100%)}to{-moz-transform:translateY(0)}}@keyframes slideinfromtop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@-webkit-keyframes slideouttotop{from{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-100%)}}@-moz-keyframes slideouttotop{from{-moz-transform:translateY(0)}to{-moz-transform:translateY(-100%)}}@keyframes slideouttotop{from{transform:translateY(0)}to{transform:translateY(-100%)}}.slideup.out{-webkit-animation-name:fadeout;-webkit-animation-duration:100ms;-moz-animation-name:fadeout;-moz-animation-duration:100ms;animation-name:fadeout;animation-duration:100ms}.slideup.in{-webkit-transform:translateY(0);-webkit-animation-name:slideinfrombottom;-webkit-animation-duration:250ms;-moz-transform:translateY(0);-moz-animation-name:slideinfrombottom;-moz-animation-duration:250ms;transform:translateY(0);animation-name:slideinfrombottom;animation-duration:250ms}.slideup.in.reverse{-webkit-animation-name:fadein;-webkit-animation-duration:150ms;-moz-animation-name:fadein;-moz-animation-duration:150ms;animation-name:fadein;animation-duration:150ms}.slideup.out.reverse{-webkit-transform:translateY(100%);-webkit-animation-name:slideouttobottom;-webkit-animation-duration:200ms;-moz-transform:translateY(100%);-moz-animation-name:slideouttobottom;-moz-animation-duration:200ms;transform:translateY(100%);animation-name:slideouttobottom;animation-duration:200ms}@-webkit-keyframes slideinfrombottom{from{-webkit-transform:translateY(100%)}to{-webkit-transform:translateY(0)}}@-moz-keyframes slideinfrombottom{from{-moz-transform:translateY(100%)}to{-moz-transform:translateY(0)}}@keyframes slideinfrombottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes slideouttobottom{from{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(100%)}}@-moz-keyframes slideouttobottom{from{-moz-transform:translateY(0)}to{-moz-transform:translateY(100%)}}@keyframes slideouttobottom{from{transform:translateY(0)}to{transform:translateY(100%)}}.viewport-flip{-webkit-perspective:1000;-moz-perspective:1000;perspective:1000;position:absolute}.flip{-webkit-backface-visibility:hidden;-webkit-transform:translateX(0);-moz-backface-visibility:hidden;-moz-transform:translateX(0);backface-visibility:hidden;transform:translateX(0)}.flip.out{-webkit-transform:rotateY(-90deg) scale(.9);-webkit-animation-name:flipouttoleft;-webkit-animation-duration:175ms;-moz-transform:rotateY(-90deg) scale(.9);-moz-animation-name:flipouttoleft;-moz-animation-duration:175ms;transform:rotateY(-90deg) scale(.9);animation-name:flipouttoleft;animation-duration:175ms}.flip.in{-webkit-animation-name:flipintoright;-webkit-animation-duration:225ms;-moz-animation-name:flipintoright;-moz-animation-duration:225ms;animation-name:flipintoright;animation-duration:225ms}.flip.out.reverse{-webkit-transform:rotateY(90deg) scale(.9);-webkit-animation-name:flipouttoright;-moz-transform:rotateY(90deg) scale(.9);-moz-animation-name:flipouttoright;transform:rotateY(90deg) scale(.9);animation-name:flipouttoright}.flip.in.reverse{-webkit-animation-name:flipintoleft;-moz-animation-name:flipintoleft;animation-name:flipintoleft}@-webkit-keyframes flipouttoleft{from{-webkit-transform:rotateY(0)}to{-webkit-transform:rotateY(-90deg) scale(.9)}}@-moz-keyframes flipouttoleft{from{-moz-transform:rotateY(0)}to{-moz-transform:rotateY(-90deg) scale(.9)}}@keyframes flipouttoleft{from{transform:rotateY(0)}to{transform:rotateY(-90deg) scale(.9)}}@-webkit-keyframes flipouttoright{from{-webkit-transform:rotateY(0)}to{-webkit-transform:rotateY(90deg) scale(.9)}}@-moz-keyframes flipouttoright{from{-moz-transform:rotateY(0)}to{-moz-transform:rotateY(90deg) scale(.9)}}@keyframes flipouttoright{from{transform:rotateY(0)}to{transform:rotateY(90deg) scale(.9)}}@-webkit-keyframes flipintoleft{from{-webkit-transform:rotateY(-90deg) scale(.9)}to{-webkit-transform:rotateY(0)}}@-moz-keyframes flipintoleft{from{-moz-transform:rotateY(-90deg) scale(.9)}to{-moz-transform:rotateY(0)}}@keyframes flipintoleft{from{transform:rotateY(-90deg) scale(.9)}to{transform:rotateY(0)}}@-webkit-keyframes flipintoright{from{-webkit-transform:rotateY(90deg) scale(.9)}to{-webkit-transform:rotateY(0)}}@-moz-keyframes flipintoright{from{-moz-transform:rotateY(90deg) scale(.9)}to{-moz-transform:rotateY(0)}}@keyframes flipintoright{from{transform:rotateY(90deg) scale(.9)}to{transform:rotateY(0)}}.viewport-turn{-webkit-perspective:200px;-moz-perspective:200px;-ms-perspective:200px;perspective:200px;position:absolute}.turn{-webkit-backface-visibility:hidden;-webkit-transform:translateX(0);-webkit-transform-origin:0;-moz-backface-visibility:hidden;-moz-transform:translateX(0);-moz-transform-origin:0;backface-visibility:hidden;transform:translateX(0);transform-origin:0}.turn.out{-webkit-transform:rotateY(-90deg) scale(.9);-webkit-animation-name:flipouttoleft;-webkit-animation-duration:125ms;-moz-transform:rotateY(-90deg) scale(.9);-moz-animation-name:flipouttoleft;-moz-animation-duration:125ms;transform:rotateY(-90deg) scale(.9);animation-name:flipouttoleft;animation-duration:125ms}.turn.in{-webkit-animation-name:flipintoright;-webkit-animation-duration:250ms;-moz-animation-name:flipintoright;-moz-animation-duration:250ms;animation-name:flipintoright;animation-duration:250ms}.turn.out.reverse{-webkit-transform:rotateY(90deg) scale(.9);-webkit-animation-name:flipouttoright;-moz-transform:rotateY(90deg) scale(.9);-moz-animation-name:flipouttoright;transform:rotateY(90deg) scale(.9);animation-name:flipouttoright}.turn.in.reverse{-webkit-animation-name:flipintoleft;-moz-animation-name:flipintoleft;animation-name:flipintoleft}@-webkit-keyframes flipouttoleft{from{-webkit-transform:rotateY(0)}to{-webkit-transform:rotateY(-90deg) scale(.9)}}@-moz-keyframes flipouttoleft{from{-moz-transform:rotateY(0)}to{-moz-transform:rotateY(-90deg) scale(.9)}}@keyframes flipouttoleft{from{transform:rotateY(0)}to{transform:rotateY(-90deg) scale(.9)}}@-webkit-keyframes flipouttoright{from{-webkit-transform:rotateY(0)}to{-webkit-transform:rotateY(90deg) scale(.9)}}@-moz-keyframes flipouttoright{from{-moz-transform:rotateY(0)}to{-moz-transform:rotateY(90deg) scale(.9)}}@keyframes flipouttoright{from{transform:rotateY(0)}to{transform:rotateY(90deg) scale(.9)}}@-webkit-keyframes flipintoleft{from{-webkit-transform:rotateY(-90deg) scale(.9)}to{-webkit-transform:rotateY(0)}}@-moz-keyframes flipintoleft{from{-moz-transform:rotateY(-90deg) scale(.9)}to{-moz-transform:rotateY(0)}}@keyframes flipintoleft{from{transform:rotateY(-90deg) scale(.9)}to{transform:rotateY(0)}}@-webkit-keyframes flipintoright{from{-webkit-transform:rotateY(90deg) scale(.9)}to{-webkit-transform:rotateY(0)}}@-moz-keyframes flipintoright{from{-moz-transform:rotateY(90deg) scale(.9)}to{-moz-transform:rotateY(0)}}@keyframes flipintoright{from{transform:rotateY(90deg) scale(.9)}to{transform:rotateY(0)}}.flow{-webkit-transform-origin:50% 30%;-webkit-box-shadow:0 0 20px rgba(0,0,0,.4);-moz-transform-origin:50% 30%;-moz-box-shadow:0 0 20px rgba(0,0,0,.4);transform-origin:50% 30%;box-shadow:0 0 20px rgba(0,0,0,.4)}.ui-dialog.flow{-webkit-transform-origin:none;-webkit-box-shadow:none;-moz-transform-origin:none;-moz-box-shadow:none;transform-origin:none;box-shadow:none}.flow.out{-webkit-transform:translateX(-100%) scale(.7);-webkit-animation-name:flowouttoleft;-webkit-animation-timing-function:ease;-webkit-animation-duration:350ms;-moz-transform:translateX(-100%) scale(.7);-moz-animation-name:flowouttoleft;-moz-animation-timing-function:ease;-moz-animation-duration:350ms;transform:translateX(-100%) scale(.7);animation-name:flowouttoleft;animation-timing-function:ease;animation-duration:350ms}.flow.in{-webkit-transform:translateX(0) scale(1);-webkit-animation-name:flowinfromright;-webkit-animation-timing-function:ease;-webkit-animation-duration:350ms;-moz-transform:translateX(0) scale(1);-moz-animation-name:flowinfromright;-moz-animation-timing-function:ease;-moz-animation-duration:350ms;transform:translateX(0) scale(1);animation-name:flowinfromright;animation-timing-function:ease;animation-duration:350ms}.flow.out.reverse{-webkit-transform:translateX(100%);-webkit-animation-name:flowouttoright;-moz-transform:translateX(100%);-moz-animation-name:flowouttoright;transform:translateX(100%);animation-name:flowouttoright}.flow.in.reverse{-webkit-animation-name:flowinfromleft;-moz-animation-name:flowinfromleft;animation-name:flowinfromleft}@-webkit-keyframes flowouttoleft{0%{-webkit-transform:translateX(0) scale(1)}60%,70%{-webkit-transform:translateX(0) scale(.7)}100%{-webkit-transform:translateX(-100%) scale(.7)}}@-moz-keyframes flowouttoleft{0%{-moz-transform:translateX(0) scale(1)}60%,70%{-moz-transform:translateX(0) scale(.7)}100%{-moz-transform:translateX(-100%) scale(.7)}}@keyframes flowouttoleft{0%{transform:translateX(0) scale(1)}60%,70%{transform:translateX(0) scale(.7)}100%{transform:translateX(-100%) scale(.7)}}@-webkit-keyframes flowouttoright{0%{-webkit-transform:translateX(0) scale(1)}60%,70%{-webkit-transform:translateX(0) scale(.7)}100%{-webkit-transform:translateX(100%) scale(.7)}}@-moz-keyframes flowouttoright{0%{-moz-transform:translateX(0) scale(1)}60%,70%{-moz-transform:translateX(0) scale(.7)}100%{-moz-transform:translateX(100%) scale(.7)}}@keyframes flowouttoright{0%{transform:translateX(0) scale(1)}60%,70%{transform:translateX(0) scale(.7)}100%{transform:translateX(100%) scale(.7)}}@-webkit-keyframes flowinfromleft{0%{-webkit-transform:translateX(-100%) scale(.7)}30%,40%{-webkit-transform:translateX(0) scale(.7)}100%{-webkit-transform:translateX(0) scale(1)}}@-moz-keyframes flowinfromleft{0%{-moz-transform:translateX(-100%) scale(.7)}30%,40%{-moz-transform:translateX(0) scale(.7)}100%{-moz-transform:translateX(0) scale(1)}}@keyframes flowinfromleft{0%{transform:translateX(-100%) scale(.7)}30%,40%{transform:translateX(0) scale(.7)}100%{transform:translateX(0) scale(1)}}@-webkit-keyframes flowinfromright{0%{-webkit-transform:translateX(100%) scale(.7)}30%,40%{-webkit-transform:translateX(0) scale(.7)}100%{-webkit-transform:translateX(0) scale(1)}}@-moz-keyframes flowinfromright{0%{-moz-transform:translateX(100%) scale(.7)}30%,40%{-moz-transform:translateX(0) scale(.7)}100%{-moz-transform:translateX(0) scale(1)}}@keyframes flowinfromright{0%{transform:translateX(100%) scale(.7)}30%,40%{transform:translateX(0) scale(.7)}100%{transform:translateX(0) scale(1)}}.ui-field-contain,.ui-mobile fieldset.ui-field-contain{display:block;position:relative;overflow:visible;clear:both;padding:.8em 0}.ui-field-contain>label+[class*=ui-],.ui-field-contain .ui-controlgroup-controls{margin:0}.ui-field-contain:last-child{border-bottom-width:0}@media (min-width:28em){.ui-field-contain,.ui-mobile fieldset.ui-field-contain{padding:0;margin:1em 0;border-bottom-width:0}.ui-field-contain:before,.ui-field-contain:after{content:"";display:table}.ui-field-contain:after{clear:both}.ui-field-contain>label,.ui-field-contain .ui-controlgroup-label,.ui-field-contain>.ui-rangeslider>label{float:left;width:20%;margin:.5em 2% 0 0}.ui-popup .ui-field-contain>label,.ui-popup .ui-field-contain .ui-controlgroup-label,.ui-popup .ui-field-contain>.ui-rangeslider>label{float:none;width:auto;margin:0 0 .4em}.ui-field-contain>label+[class*=ui-],.ui-field-contain .ui-controlgroup-controls{float:left;width:78%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui-hide-label>label+[class*=ui-],.ui-hide-label .ui-controlgroup-controls,.ui-popup .ui-field-contain>label+[class*=ui-],.ui-popup .ui-field-contain .ui-controlgroup-controls{float:none;width:100%}.ui-field-contain>label+.ui-btn-inline{width:auto;margin-right:.625em}}.ui-grid-a,.ui-grid-b,.ui-grid-c,.ui-grid-d,.ui-grid-solo{overflow:hidden}.ui-block-a,.ui-block-b,.ui-block-c,.ui-block-d,.ui-block-e{margin:0;padding:0;border:0;float:left;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ui-block-a{clear:left}ul.ui-grid-a,ul.ui-grid-b,ul.ui-grid-c,ul.ui-grid-d,ul.ui-grid-solo,li.ui-block-a,li.ui-block-b,li.ui-block-c,li.ui-block-d,li.ui-block-e{margin-left:0;margin-right:0;padding:0;list-style:none}[class*=ui-block-]>button.ui-btn,.ui-grid-solo>button.ui-btn{margin-right:0;margin-left:0}[class*=ui-block-]>.ui-btn,[class*=ui-block-]>.ui-select,[class*=ui-block-]>.ui-checkbox,[class*=ui-block-]>.ui-radio,[class*=ui-block-]>button.ui-btn-inline,[class*=ui-block-]>button.ui-btn-icon-notext,.ui-grid-solo>[class*=ui-]{margin-right:.3125em;margin-left:.3125em}.ui-grid-a>.ui-block-a,.ui-grid-a>.ui-block-b{width:50%}.ui-grid-b>.ui-block-a,.ui-grid-b>.ui-block-b,.ui-grid-b>.ui-block-c{width:33.333%}.ui-grid-c>.ui-block-a,.ui-grid-c>.ui-block-b,.ui-grid-c>.ui-block-c,.ui-grid-c>.ui-block-d{width:25%}.ui-grid-d>.ui-block-a,.ui-grid-d>.ui-block-b,.ui-grid-d>.ui-block-c,.ui-grid-d>.ui-block-d,.ui-grid-d>.ui-block-e{width:20%}.ui-grid-solo>.ui-block-a{width:100%;float:none}@media (max-width:35em){.ui-responsive>.ui-block-a,.ui-responsive>.ui-block-b,.ui-responsive>.ui-block-c,.ui-responsive>.ui-block-d,.ui-responsive>.ui-block-e{width:100%;float:none}}.ui-header-fixed,.ui-footer-fixed{left:0;right:0;width:100%;position:fixed;z-index:1000}.ui-header-fixed{top:-1px;padding-top:1px}.ui-header-fixed.ui-fixed-hidden{top:0;padding-top:0}.ui-header-fixed .ui-btn-left,.ui-header-fixed .ui-btn-right{margin-top:1px}.ui-header-fixed.ui-fixed-hidden .ui-btn-left,.ui-header-fixed.ui-fixed-hidden .ui-btn-right{margin-top:0}.ui-footer-fixed{bottom:-1px;padding-bottom:1px}.ui-footer-fixed.ui-fixed-hidden{bottom:0;padding-bottom:0}.ui-header-fullscreen,.ui-footer-fullscreen{filter:Alpha(Opacity=90);opacity:.9}.ui-page-header-fixed{padding-top:2.8125em}.ui-page-footer-fixed{padding-bottom:2.8125em}.ui-page-header-fullscreen>.ui-content,.ui-page-footer-fullscreen>.ui-content{padding:0}.ui-fixed-hidden{position:absolute}.ui-footer-fixed.ui-fixed-hidden{display:none}.ui-page .ui-footer-fixed.ui-fixed-hidden{display:block}.ui-page-header-fullscreen .ui-fixed-hidden,.ui-page-footer-fullscreen .ui-fixed-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ui-header-fixed .ui-btn,.ui-footer-fixed .ui-btn{z-index:10}.ui-android-2x-fixed .ui-li-has-thumb{-webkit-transform:translate3d(0,0,0)}.ui-navbar{max-width:100%}.ui-navbar ul:before,.ui-navbar ul:after{content:"";display:table}.ui-navbar ul:after{clear:both}.ui-navbar ul{list-style:none;margin:0;padding:0;position:relative;display:block;border:0;max-width:100%;overflow:visible}.ui-navbar li .ui-btn{font-size:12.5px;display:block;margin:0;border-right-width:0}.ui-navbar .ui-btn:focus{z-index:1}.ui-navbar li:last-child .ui-btn{margin-right:-4px}.ui-navbar li:last-child .ui-btn:after{margin-right:4px}.ui-content .ui-navbar li:last-child .ui-btn,.ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn{border-right-width:1px;margin-right:0}.ui-content .ui-navbar li:last-child .ui-btn:after,.ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn:after{margin-right:0}.ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn{border-right-width:1px;margin-right:-1px}.ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn:after{margin-right:1px}.ui-navbar .ui-grid-duo .ui-btn{border-top-width:0}.ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,.ui-navbar .ui-grid-duo .ui-block-a:first-child+.ui-block-b .ui-btn{border-top-width:1px}.ui-header .ui-navbar .ui-btn,.ui-footer .ui-navbar .ui-btn{border-top-width:0;border-bottom-width:0}.ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,.ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,.ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child+.ui-block-b .ui-btn,.ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child+.ui-block-b .ui-btn{border-top-width:0}.ui-header .ui-title~.ui-navbar .ui-btn,.ui-footer .ui-title~.ui-navbar .ui-btn,.ui-header .ui-navbar .ui-grid-duo .ui-btn,.ui-footer .ui-navbar .ui-grid-duo .ui-btn,.ui-header .ui-title~.ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,.ui-footer .ui-title~.ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,.ui-header .ui-title~.ui-navbar .ui-grid-duo .ui-block-a:first-child+.ui-block-b .ui-btn,.ui-footer .ui-title~.ui-navbar .ui-grid-duo .ui-block-a:first-child+.ui-block-b .ui-btn{border-top-width:1px}.ui-input-btn input{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;border:0;outline:0;-webkit-border-radius:inherit;border-bottom-radius:inherit;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;background:#fff;background:rgba(255,255,255,0);filter:Alpha(Opacity=0);opacity:.1;font-size:1px;text-indent:-9999px;z-index:2}.ui-input-btn.ui-state-disabled input{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ui-collapsible{margin:0 -1em}.ui-collapsible-inset,.ui-collapsible-set{margin:.5em 0}.ui-collapsible-heading{display:block;margin:0;padding:0;position:relative}.ui-collapsible-heading .ui-btn{text-align:left;margin:0;border-left-width:0;border-right-width:0}.ui-collapsible-heading .ui-btn-icon-top,.ui-collapsible-heading .ui-btn-icon-bottom{text-align:center}.ui-collapsible-inset .ui-collapsible-heading .ui-btn{border-right-width:1px;border-left-width:1px}.ui-collapsible-collapsed+.ui-collapsible:not(.ui-collapsible-inset)>.ui-collapsible-heading .ui-btn{border-top-width:0}.ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn{border-top-width:1px}.ui-collapsible-heading-status{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ui-collapsible-content{display:block;margin:0;padding:.5em 1em}.ui-collapsible-themed-content .ui-collapsible-content{border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:1px;border-style:solid}.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content{border-left-width:1px;border-right-width:1px}.ui-collapsible-inset .ui-collapsible-content{margin:0}.ui-collapsible-content-collapsed{display:none}.ui-collapsible-set>.ui-collapsible.ui-corner-all{-webkit-border-radius:0;border-radius:0}.ui-collapsible-heading,.ui-collapsible-heading>.ui-btn{-webkit-border-radius:inherit;border-radius:inherit}.ui-collapsible-set .ui-collapsible.ui-first-child{-webkit-border-top-right-radius:inherit;border-top-right-radius:inherit;-webkit-border-top-left-radius:inherit;border-top-left-radius:inherit}.ui-collapsible-content,.ui-collapsible-set .ui-collapsible.ui-last-child{-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit}.ui-collapsible-themed-content:not(.ui-collapsible-collapsed)>.ui-collapsible-heading{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.ui-collapsible-set .ui-collapsible{margin:-1px -1em 0}.ui-collapsible-set .ui-collapsible-inset{margin:-1px 0 0}.ui-collapsible-set .ui-collapsible.ui-first-child{margin-top:0}.ui-controlgroup,fieldset.ui-controlgroup{padding:0;margin:.5em 0}.ui-field-contain .ui-controlgroup,.ui-field-contain fieldset.ui-controlgroup{margin:0}.ui-mini .ui-controlgroup-label{font-size:16px}.ui-controlgroup.ui-mini .ui-btn-icon-notext,.ui-controlgroup .ui-mini.ui-btn-icon-notext{font-size:inherit}.ui-controlgroup-controls .ui-btn,.ui-controlgroup-controls .ui-checkbox,.ui-controlgroup-controls .ui-radio,.ui-controlgroup-controls .ui-select{margin:0}.ui-controlgroup-controls .ui-btn:focus,.ui-controlgroup-controls .ui-btn.ui-focus{z-index:1}.ui-controlgroup-controls li{list-style:none}.ui-controlgroup-horizontal .ui-controlgroup-controls{display:inline-block;vertical-align:middle}.ui-controlgroup-horizontal .ui-controlgroup-controls:before,.ui-controlgroup-horizontal .ui-controlgroup-controls:after{content:"";display:table}.ui-controlgroup-horizontal .ui-controlgroup-controls:after{clear:both}.ui-controlgroup-horizontal .ui-controlgroup-controls>.ui-btn,.ui-controlgroup-horizontal .ui-controlgroup-controls li>.ui-btn,.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-checkbox,.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio,.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-select{float:left;clear:none}.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn,.ui-controlgroup-controls .ui-btn-icon-notext{width:auto}.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn-icon-notext,.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn-icon-notext{width:1.5em}.ui-controlgroup-controls .ui-btn-icon-notext{height:auto;padding:.7em 1em}.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn{border-bottom-width:0}.ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child{border-bottom-width:1px}.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn{border-right-width:0}.ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.ui-last-child{border-right-width:1px}.ui-controlgroup-controls .ui-btn-corner-all,.ui-controlgroup-controls .ui-btn.ui-corner-all{-webkit-border-radius:0;border-radius:0}.ui-controlgroup-controls,.ui-controlgroup-controls .ui-radio,.ui-controlgroup-controls .ui-checkbox,.ui-controlgroup-controls .ui-select,.ui-controlgroup-controls li{-webkit-border-radius:inherit;border-radius:inherit}.ui-controlgroup-vertical .ui-btn.ui-first-child{-webkit-border-top-left-radius:inherit;border-top-left-radius:inherit;-webkit-border-top-right-radius:inherit;border-top-right-radius:inherit}.ui-controlgroup-vertical .ui-btn.ui-last-child{-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit;-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit}.ui-controlgroup-horizontal .ui-btn.ui-first-child{-webkit-border-top-left-radius:inherit;border-top-left-radius:inherit;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit}.ui-controlgroup-horizontal .ui-btn.ui-last-child{-webkit-border-top-right-radius:inherit;border-top-right-radius:inherit;-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit}.ui-controlgroup-controls a.ui-shadow:not(:focus),.ui-controlgroup-controls button.ui-shadow:not(:focus),.ui-controlgroup-controls div.ui-shadow:not(.ui-focus){-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.ui-controlgroup-label legend{max-width:100%}.ui-controlgroup-controls>label{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ui-dialog{background:none!important}.ui-dialog-contain{width:92.5%;max-width:500px;margin:10% auto 1em;padding:0;position:relative;top:-1em}.ui-dialog-contain>.ui-header,.ui-dialog-contain>.ui-content,.ui-dialog-contain>.ui-footer{display:block;position:relative;width:auto;margin:0}.ui-dialog-contain>.ui-header{overflow:hidden;z-index:10;padding:0;border-top-width:0}.ui-dialog-contain>.ui-footer{z-index:10;padding:0 1em;border-bottom-width:0}.ui-popup-open .ui-header-fixed,.ui-popup-open .ui-footer-fixed{position:absolute!important}.ui-popup-screen{background-image:url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);top:0;left:0;right:0;bottom:1px;position:absolute;filter:Alpha(Opacity=0);opacity:0;z-index:1099}.ui-popup-screen.in{opacity:.5;filter:Alpha(Opacity=50)}.ui-popup-screen.out{opacity:0;filter:Alpha(Opacity=0)}.ui-popup-container{z-index:1100;display:inline-block;position:absolute;padding:0;outline:0}.ui-popup{position:relative}.ui-popup.ui-body-inherit{border-width:1px;border-style:solid}.ui-popup-hidden{left:0;top:0;position:absolute!important;visibility:hidden}.ui-popup-truncate{height:1px;width:1px;margin:-1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ui-popup.ui-content,.ui-popup .ui-content{overflow:visible}.ui-popup>.ui-header{border-top-width:0}.ui-popup>.ui-footer{border-bottom-width:0}.ui-popup>p,.ui-popup>h1,.ui-popup>h2,.ui-popup>h3,.ui-popup>h4,.ui-popup>h5,.ui-popup>h6{margin:.5em .4375em}.ui-popup>span{display:block;margin:.5em .4375em}.ui-popup-container .ui-content>p,.ui-popup-container .ui-content>h1,.ui-popup-container .ui-content>h2,.ui-popup-container .ui-content>h3,.ui-popup-container .ui-content>h4,.ui-popup-container .ui-content>h5,.ui-popup-container .ui-content>h6{margin:.5em 0}.ui-popup-container .ui-content>span{margin:0}.ui-popup-container .ui-content>p:first-child,.ui-popup-container .ui-content>h1:first-child,.ui-popup-container .ui-content>h2:first-child,.ui-popup-container .ui-content>h3:first-child,.ui-popup-container .ui-content>h4:first-child,.ui-popup-container .ui-content>h5:first-child,.ui-popup-container .ui-content>h6:first-child{margin-top:0}.ui-popup-container .ui-content>p:last-child,.ui-popup-container .ui-content>h1:last-child,.ui-popup-container .ui-content>h2:last-child,.ui-popup-container .ui-content>h3:last-child,.ui-popup-container .ui-content>h4:last-child,.ui-popup-container .ui-content>h5:last-child,.ui-popup-container .ui-content>h6:last-child{margin-bottom:0}.ui-popup>img{max-width:100%;max-height:100%;vertical-align:middle}.ui-popup:not(.ui-content)>img:only-child,.ui-popup:not(.ui-content)>.ui-btn-left:first-child+img:last-child,.ui-popup:not(.ui-content)>.ui-btn-right:first-child+img:last-child{-webkit-border-radius:inherit;border-radius:inherit}.ui-popup iframe{vertical-align:middle}.ui-popup>.ui-btn-left,.ui-popup>.ui-btn-right{position:absolute;top:-11px;margin:0;z-index:1101}.ui-popup>.ui-btn-left{left:-11px}.ui-popup>.ui-btn-right{right:-11px}.ui-popup-arrow-container{width:20px;height:20px}.ui-popup-arrow-container.ui-popup-arrow-l{left:-10px;clip:rect(-1000px,10px,2000px,-1000px)}.ui-popup-arrow-container.ui-popup-arrow-t{top:-10px;clip:rect(-1000px,2000px,10px,-1000px)}.ui-popup-arrow-container.ui-popup-arrow-r{right:-10px;clip:rect(-1000px,2000px,2000px,10px)}.ui-popup-arrow-container.ui-popup-arrow-b{bottom:-10px;clip:rect(10px,2000px,1000px,-1000px)}.ui-popup-arrow-container .ui-popup-arrow{width:28.284271247px;height:28.284271247px;border-width:1px;border-style:solid}.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow{left:-4.142135623px;top:5.857864376px}.ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow{left:-4.142135623px;top:-14.142135623px}.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow{left:5.857864376px;top:-4.142135623px}.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow{left:-14.142135623px;top:-4.142135623px}.ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow{margin-left:-5.857864376269049px;margin-top:-7.0710678118654755px}.ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow{margin-left:-5.857864376269049px;margin-top:-4.142135623730951px}.ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow{margin-left:-7.0710678118654755px;margin-top:-5.857864376269049px}.ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow{margin-left:-4.142135623730951px;margin-top:-5.857864376269049px}.ui-popup-arrow-background{width:20px;height:20px}.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow-background .ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow-background{background-position:0 10px}.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow-background,.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow-background{background-position:10px 0}.ui-popup>.ui-popup-arrow-guide{position:absolute;left:0;right:0;top:0;bottom:0;visibility:hidden}.ui-popup-arrow-container{position:absolute}.ui-popup-arrow{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;overflow:hidden;box-sizing:border-box}.ui-popup-arrow-container.ie .ui-popup-arrow{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.7071067811865474, M12=-.7071067811865477, M21=.7071067811865477, M22=.7071067811865474, SizingMethod='auto expand')}.ui-popup-arrow-background{position:absolute;border:0}.ui-popup-arrow-container.ie .ui-popup-arrow-background{background:0}.ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow-background,.ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow-background{-webkit-transform:rotate(-45deg) scale(1,-1);-moz-transform:rotate(-45deg) scale(1,-1);-ms-transform:rotate(-45deg) scale(1,-1);transform:rotate(-45deg) scale(1,-1)}.ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow-background,.ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow-background{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=-0.7071067811865467, M21=-0.7071067811865467, M22=-0.7071067811865483, SizingMethod='auto expand')";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.7071067811865483, M12=-.7071067811865467, M21=-.7071067811865467, M22=-.7071067811865483, SizingMethod='auto expand')}.ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow-background,.ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow-background{-webkit-transform:rotate(-45deg) scale(-1,1);-moz-transform:rotate(-45deg) scale(-1,1);-ms-transform:rotate(-45deg) scale(-1,1);transform:rotate(-45deg) scale(-1,1)}.ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow-background,.ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow-background{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865483, M12=0.7071067811865467, M21=0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";filter:progid:DXImageTransform.Microsoft.Matrix(M11=-.7071067811865483, M12=.7071067811865467, M21=.7071067811865467, M22=.7071067811865483, SizingMethod='auto expand')}.ui-checkbox,.ui-radio{margin:.5em 0;position:relative}.ui-checkbox .ui-btn,.ui-radio .ui-btn{margin:0;text-align:left;white-space:normal;z-index:2}.ui-controlgroup .ui-checkbox .ui-btn.ui-focus,.ui-controlgroup .ui-radio .ui-btn.ui-focus{z-index:3}.ui-checkbox .ui-btn-icon-top,.ui-radio .ui-btn-icon-top,.ui-checkbox .ui-btn-icon-bottom,.ui-radio .ui-btn-icon-bottom{text-align:center}.ui-controlgroup-horizontal .ui-checkbox .ui-btn:after,.ui-controlgroup-horizontal .ui-radio .ui-btn:after{content:none;display:none}.ui-checkbox input,.ui-radio input{position:absolute;left:.466em;top:50%;width:22px;height:22px;margin:-11px 0 0 0;outline:0!important;z-index:1}.ui-controlgroup-horizontal .ui-checkbox input,.ui-controlgroup-horizontal .ui-radio input{left:50%;margin-left:-9px}.ui-checkbox input:disabled,.ui-radio input:disabled{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ui-select{margin-top:.5em;margin-bottom:.5em;position:relative}.ui-select>select{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ui-select .ui-btn{margin:0;opacity:1}.ui-select .ui-btn select{position:absolute;top:0;left:0;width:100%;min-height:1.5em;min-height:100%;height:3em;max-height:100%;outline:0;-webkit-border-radius:inherit;border-radius:inherit;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;filter:Alpha(Opacity=0);opacity:0;z-index:2}@-moz-document url-prefix(){.ui-select .ui-btn select{opacity:.0001}}.ui-select .ui-state-disabled select{display:none}.ui-select span.ui-state-disabled{filter:Alpha(Opacity=100);opacity:1}.ui-select .ui-btn.ui-select-nativeonly{border-radius:0;border:0}.ui-select .ui-btn.ui-select-nativeonly select{opacity:1;text-indent:0;display:block}.ui-select .ui-li-has-count.ui-btn{padding-right:2.8125em}.ui-select .ui-li-has-count.ui-btn-icon-right{padding-right:4.6875em}.ui-select .ui-btn-icon-right .ui-li-count{right:3.2em}.ui-select .ui-btn>span:not(.ui-li-count){display:block;text-overflow:ellipsis;overflow:hidden!important;white-space:nowrap}.ui-selectmenu.ui-popup{min-width:11em}.ui-selectmenu .ui-dialog-contain{overflow:hidden}.ui-selectmenu .ui-header{margin:0;padding:0;border-width:0}.ui-selectmenu.ui-dialog .ui-header{z-index:1;position:relative}.ui-selectmenu.ui-popup .ui-header{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.ui-selectmenu.ui-popup .ui-header h1:after{content:'.';visibility:hidden}.ui-selectmenu .ui-header .ui-title{margin:0 2.875em}.ui-selectmenu.ui-dialog .ui-content{overflow:visible;z-index:1}.ui-selectmenu .ui-selectmenu-list{margin:0;-webkit-border-radius:inherit;border-radius:inherit}.ui-header:not(.ui-screen-hidden)+.ui-selectmenu-list{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0}.ui-header.ui-screen-hidden+.ui-selectmenu-list li.ui-first-child .ui-btn{border-top-width:0}.ui-selectmenu .ui-selectmenu-list li.ui-last-child .ui-btn{border-bottom-width:0}.ui-selectmenu .ui-btn.ui-li-divider{cursor:default}.ui-selectmenu .ui-selectmenu-placeholder{display:none}.ui-listview,.ui-listview>li{margin:0;padding:0;list-style:none}.ui-content .ui-listview,.ui-panel-inner>.ui-listview{margin:-1em}.ui-content .ui-listview-inset,.ui-panel-inner>.ui-listview-inset{margin:1em 0}.ui-collapsible-content>.ui-listview{margin:-.5em -1em}.ui-collapsible-content>.ui-listview-inset{margin:.5em 0}.ui-listview>li{display:block;position:relative;overflow:visible}.ui-listview>.ui-li-static,.ui-listview>.ui-li-divider,.ui-listview>li>a.ui-btn{margin:0;display:block;position:relative;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-listview>li>.ui-btn:focus{z-index:1}.ui-listview>.ui-li-static,.ui-listview>.ui-li-divider,.ui-listview>li>a.ui-btn{border-width:1px 0 0;border-style:solid}.ui-listview-inset>.ui-li-static,.ui-listview-inset>.ui-li-divider,.ui-listview-inset>li>a.ui-btn{border-right-width:1px;border-left-width:1px}.ui-listview>.ui-li-static.ui-last-child,.ui-listview>.ui-li-divider.ui-last-child,.ui-listview>li.ui-last-child>a.ui-btn{border-bottom-width:1px}.ui-collapsible-content>.ui-listview:not(.ui-listview-inset)>li.ui-first-child,.ui-collapsible-content>.ui-listview:not(.ui-listview-inset)>li.ui-first-child>a.ui-btn{border-top-width:0}.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset)>li.ui-last-child,.ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset)>li.ui-last-child>a.ui-btn{border-bottom-width:0}.ui-listview>li.ui-first-child,.ui-listview>li.ui-first-child>a.ui-btn{-webkit-border-top-right-radius:inherit;border-top-right-radius:inherit;-webkit-border-top-left-radius:inherit;border-top-left-radius:inherit}.ui-listview>li.ui-last-child,.ui-listview>li.ui-last-child>a.ui-btn{-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit;-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit}.ui-listview>li.ui-li-has-alt>a.ui-btn{-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.ui-listview>li.ui-first-child>a.ui-btn+a.ui-btn{-webkit-border-top-left-radius:0;border-top-left-radius:0;-webkit-border-top-right-radius:inherit;border-top-right-radius:inherit}.ui-listview>li.ui-last-child>a.ui-btn+a.ui-btn{-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-border-bottom-right-radius:inherit;border-bottom-right-radius:inherit}.ui-listview>li.ui-first-child img:first-child:not(.ui-li-icon){-webkit-border-top-left-radius:inherit;border-top-left-radius:inherit}.ui-listview>li.ui-last-child img:first-child:not(.ui-li-icon){-webkit-border-bottom-left-radius:inherit;border-bottom-left-radius:inherit}.ui-collapsible-content>.ui-listview:not(.ui-listview-inset){-webkit-border-radius:inherit;border-radius:inherit}.ui-listview>.ui-li-static{padding:.7em 1em}.ui-listview>.ui-li-divider{padding:.5em 1.143em;font-size:14px;font-weight:700;cursor:default;outline:0}.ui-listview>.ui-li-has-count>.ui-btn,.ui-listview>.ui-li-static.ui-li-has-count,.ui-listview>.ui-li-divider.ui-li-has-count{padding-right:2.8125em}.ui-listview>.ui-li-has-count>.ui-btn-icon-right{padding-right:4.6875em}.ui-listview>.ui-li-has-thumb>.ui-btn,.ui-listview>.ui-li-static.ui-li-has-thumb{min-height:3.625em;padding-left:6.25em}.ui-listview>.ui-li-has-icon>.ui-btn,.ui-listview>.ui-li-static.ui-li-has-icon{min-height:1.25em;padding-left:2.5em}.ui-li-count{position:absolute;font-size:12.5px;font-weight:700;text-align:center;border-width:1px;border-style:solid;padding:0 .48em;line-height:1.6em;min-height:1.6em;min-width:.64em;right:.8em;top:50%;margin-top:-.88em}.ui-listview .ui-btn-icon-right .ui-li-count{right:3.2em}.ui-listview .ui-li-has-thumb>img:first-child,.ui-listview .ui-li-has-thumb>.ui-btn>img:first-child,.ui-listview .ui-li-has-thumb .ui-li-thumb{position:absolute;left:0;top:0;max-height:5em;max-width:5em}.ui-listview>.ui-li-has-icon>img:first-child,.ui-listview>.ui-li-has-icon>.ui-btn>img:first-child{position:absolute;left:.625em;top:.9em;max-height:1em;max-width:1em}.ui-listview>li h1,.ui-listview>li h2,.ui-listview>li h3,.ui-listview>li h4,.ui-listview>li h5,.ui-listview>li h6{font-size:1em;font-weight:700;display:block;margin:.45em 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-listview>li p{font-size:.75em;font-weight:400;display:block;margin:.6em 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-listview .ui-li-aside{position:absolute;top:1em;right:3.333em;margin:0;text-align:right}.ui-listview>li.ui-li-has-alt>.ui-btn{margin-right:2.5em;border-right-width:0}.ui-listview>li.ui-li-has-alt>.ui-btn+.ui-btn{position:absolute;width:2.5em;height:100%;min-height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-left-width:1px;top:0;right:0;margin:0;padding:0;z-index:2}.ui-listview-inset>li.ui-li-has-alt>.ui-btn+.ui-btn{border-right-width:1px}.ui-listview>li.ui-li-has-alt>.ui-btn+.ui-btn:focus{z-index:3}ol.ui-listview,ol.ui-listview>.ui-li-divider{counter-reset:listnumbering}ol.ui-listview>li>.ui-btn,ol.ui-listview>li.ui-li-static{vertical-align:middle}ol.ui-listview>li>.ui-btn:before,ol.ui-listview>li.ui-li-static:before,ol.ui-listview>li.ui-field-contain>label:before,ol.ui-listview>li.ui-field-contain>.ui-controlgroup-label:before{display:inline-block;font-size:.9em;font-weight:400;padding-right:.3em;min-width:1.4em;line-height:1.5;vertical-align:middle;counter-increment:listnumbering;content:counter(listnumbering) "."}ol.ui-listview>li.ui-field-contain:before{content:none;display:none}ol.ui-listview>li h1:first-child,ol.ui-listview>li h2:first-child,ol.ui-listview>li h3:first-child,ol.ui-listview>li h4:first-child,ol.ui-listview>li h5:first-child,ol.ui-listview>li h6:first-child,ol.ui-listview>li p:first-child,ol.ui-listview>li img:first-child+*{display:inline-block;vertical-align:middle}ol.ui-listview>li h1:first-child~*,ol.ui-listview>li h2:first-child~*,ol.ui-listview>li h3:first-child~*,ol.ui-listview>li h4:first-child~*,ol.ui-listview>li h5:first-child~*,ol.ui-listview>li h6:first-child~*,ol.ui-listview>li p:first-child~*,ol.ui-listview>li img:first-child+*~*{margin-top:0;text-indent:2.04em}html .ui-filterable+.ui-listview,html .ui-filterable.ui-listview{margin-top:.5em}.ui-collapsible-content>form.ui-filterable{margin-top:-.5em}.ui-collapsible-content>.ui-input-search.ui-filterable{margin-top:0}.ui-collapsible-content>.ui-filterable+.ui-listview:not(.ui-listview-inset)>li.ui-first-child,.ui-collapsible-content>.ui-filterable+.ui-listview:not(.ui-listview-inset)>li.ui-first-child>a.ui-btn,.ui-collapsible-content>.ui-filterable.ui-listview:not(.ui-listview-inset)>li.ui-first-child,.ui-collapsible-content>.ui-filterable.ui-listview:not(.ui-listview-inset)>li.ui-first-child>a.ui-btn{border-top-width:1px}div.ui-slider{height:30px;margin:.5em 0;padding:0;-ms-touch-action:pan-y pinch-zoom double-tap-zoom}div.ui-slider:before,div.ui-slider:after{content:"";display:table}div.ui-slider:after{clear:both}input.ui-slider-input{display:block;float:left;font-size:14px;font-weight:700;margin:0;padding:4px;width:40px;height:20px;line-height:20px;border-width:1px;border-style:solid;outline:0;text-align:center;vertical-align:text-bottom;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}.ui-slider-input::-webkit-outer-spin-button,.ui-slider-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-slider-track{position:relative;overflow:visible;border-width:1px;border-style:solid;height:15px;margin:0 15px 0 68px;top:6px}.ui-slider-track.ui-mini{height:12px;top:8px}.ui-slider-track .ui-slider-bg{height:100%}.ui-slider-track .ui-btn.ui-slider-handle{position:absolute;z-index:1;top:50%;width:28px;height:28px;margin:-15px 0 0 -15px;outline:0;padding:0}.ui-slider-track.ui-mini .ui-slider-handle{height:14px;width:14px;margin:-8px 0 0 -8px}select.ui-slider-switch{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}div.ui-slider-switch{display:inline-block;height:32px;width:5.8em;top:0}div.ui-slider-switch:before,div.ui-slider-switch:after{display:none;clear:none}div.ui-slider-switch.ui-mini{height:29px;top:0}.ui-slider-inneroffset{margin:0 16px;position:relative;z-index:1}.ui-slider-switch.ui-mini .ui-slider-inneroffset{margin:0 15px 0 14px}.ui-slider-switch .ui-btn.ui-slider-handle{margin:1px 0 0 -15px}.ui-slider-switch.ui-mini .ui-slider-handle{width:25px;height:25px;margin:1px 0 0 -13px;padding:0}.ui-slider-handle-snapping{-webkit-transition:left 70ms linear;-moz-transition:left 70ms linear;transition:left 70ms linear}.ui-slider-switch .ui-slider-label{position:absolute;text-align:center;width:100%;overflow:hidden;font-size:16px;top:0;line-height:2;min-height:100%;white-space:nowrap;cursor:pointer}.ui-slider-switch.ui-mini .ui-slider-label{font-size:14px}.ui-slider-switch .ui-slider-label-a{z-index:1;left:0;text-indent:-1.5em}.ui-slider-switch .ui-slider-label-b{z-index:0;right:0;text-indent:1.5em}.ui-slider-track .ui-slider-bg,.ui-slider-switch .ui-slider-label,.ui-slider-switch .ui-slider-inneroffset,.ui-slider-handle{-webkit-border-radius:inherit;border-radius:inherit}.ui-field-contain div.ui-slider-switch{margin:0}@media (min-width:28em){.ui-field-contain div.ui-slider-switch,.ui-field-contain.ui-hide-label div.ui-slider-switch{display:inline-block;width:5.8em}}.ui-slider-popup{width:64px;height:64px;font-size:36px;padding-top:14px;opacity:.8}.ui-slider-popup{position:absolute!important;text-align:center;z-index:100}.ui-slider-track .ui-btn.ui-slider-handle{font-size:.9em;line-height:30px}.ui-rangeslider{margin:.5em 0}.ui-rangeslider:before,.ui-rangeslider:after{content:"";display:table}.ui-rangeslider:after{clear:both}.ui-rangeslider .ui-slider-input.ui-rangeslider-last{float:right}.ui-rangeslider .ui-rangeslider-sliders{position:relative;overflow:visible;height:30px;margin:0 68px}.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track{position:absolute;top:6px;right:0;left:0;margin:0}.ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track{top:8px}.ui-rangeslider .ui-slider-track:first-child .ui-slider-bg{display:none}.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child{background-color:transparent;background:0;border-width:0;height:0}html >body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child{height:15px;border-width:1px}html >body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child{height:12px}div.ui-rangeslider label{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.ui-field-contain .ui-rangeslider input.ui-slider-input,.ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input,.ui-field-contain .ui-rangeslider .ui-rangeslider-sliders,.ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders{margin-top:0;margin-bottom:0}.ui-input-text,.ui-input-search{margin:.5em 0;border-width:1px;border-style:solid}.ui-input-text input,.ui-input-search input,textarea.ui-input-text{padding:.4em;line-height:1.4em;display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;outline:0}.ui-input-text input,.ui-input-search input{margin:0;min-height:2.2em;text-align:left;border:0;background:transparent none;-webkit-appearance:none;-webkit-border-radius:inherit;border-radius:inherit}textarea.ui-input-text{overflow:auto;resize:vertical}.ui-mini .ui-input-text input,.ui-mini .ui-input-search input,.ui-input-text.ui-mini input,.ui-input-search.ui-mini input,.ui-mini textarea.ui-input-text,textarea.ui-mini{font-size:14px}.ui-mini textarea.ui-input-text,textarea.ui-mini{margin:.446em 0}.ui-input-has-clear,.ui-input-search{position:relative}.ui-input-has-clear{padding-right:2.25em}.ui-input-has-clear input{padding-right:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.ui-input-search input{padding-left:1.75em}.ui-input-search:after{position:absolute;left:.3125em;top:50%;margin-top:-7px;content:"";background-position:center center;background-repeat:no-repeat;width:14px;height:14px;filter:Alpha(Opacity=50);opacity:.5}.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear,.ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear{position:absolute;right:0;top:50%;margin:-14px .3125em 0;border:0;background-color:transparent}.ui-input-search .ui-input-clear-hidden,.ui-input-text .ui-input-clear-hidden{display:none}.ui-input-text input::-moz-placeholder,.ui-input-search input::-moz-placeholder,textarea.ui-input-text::-moz-placeholder{color:#aaa}.ui-input-text input:-ms-input-placeholder,.ui-input-search input:-ms-input-placeholder,textarea.ui-input-text:-ms-input-placeholder{color:#aaa}.ui-input-text input[type=number]::-webkit-outer-spin-button{margin:0}.ui-input-text input::-ms-clear,.ui-input-search input::-ms-clear{display:none}.ui-input-text input:focus,.ui-input-search input:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui-textinput-autogrow-resize{-webkit-transition:height .25s;-o-transition:height .25s;-moz-transition:height .25s;transition:height .25s}.ui-flipswitch{display:inline-block;vertical-align:middle;width:5.875em;height:1.875em;border-width:1px;border-style:solid;margin:.5em 0;overflow:hidden;-webkit-transition-property:padding,width,background-color,color,border-color;-moz-transition-property:padding,width,background-color,color,border-color;-o-transition-property:padding,width,background-color,color,border-color;transition-property:padding,width,background-color,color,border-color;-webkit-transition-duration:100ms;-moz-transition-duration:100ms;-o-transition-duration:100ms;transition-duration:100ms;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.ui-flipswitch.ui-flipswitch-active{padding-left:4em;width:1.875em}.ui-flipswitch-input{position:absolute;height:1px;width:1px;margin:-1px;overflow:hidden;clip:rect(1px,1px,1px,1px);border:0;outline:0;filter:Alpha(Opacity=0);opacity:0}.ui-flipswitch .ui-btn.ui-flipswitch-on,.ui-flipswitch .ui-flipswitch-off{float:left;height:1.75em;margin:.0625em;line-height:1.65em}.ui-flipswitch .ui-btn.ui-flipswitch-on{width:1.75em;padding:0;text-indent:-2.6em;text-align:left;border-width:1px;border-style:solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-radius:inherit;overflow:visible;color:inherit;text-shadow:inherit}.ui-flipswitch .ui-flipswitch-off{padding:1px;text-indent:1em}@media (min-width:28em){.ui-field-contain>label+.ui-flipswitch{display:inline-block;width:5.875em;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}.ui-field-contain .ui-flipswitch.ui-flipswitch-active{width:1.875em}}.ui-table{border:0;border-collapse:collapse;padding:0;width:100%}.ui-table th,.ui-table td{line-height:1.5em;text-align:left;padding:.4em .5em;vertical-align:top}.ui-table th .ui-btn,.ui-table td .ui-btn{line-height:normal}.ui-table th{font-weight:700}.ui-table caption{text-align:left;margin-bottom:1.4em;opacity:.5}.ui-table-columntoggle-btn{float:right;margin-bottom:.8em}.ui-table-columntoggle-popup fieldset{margin:0}.ui-table-columntoggle{clear:both}@media only all{th.ui-table-priority-6,td.ui-table-priority-6,th.ui-table-priority-5,td.ui-table-priority-5,th.ui-table-priority-4,td.ui-table-priority-4,th.ui-table-priority-3,td.ui-table-priority-3,th.ui-table-priority-2,td.ui-table-priority-2,th.ui-table-priority-1,td.ui-table-priority-1{display:none}}@media screen and (min-width:20em){.ui-table-columntoggle.ui-responsive th.ui-table-priority-1,.ui-table-columntoggle.ui-responsive td.ui-table-priority-1{display:table-cell}}@media screen and (min-width:30em){.ui-table-columntoggle.ui-responsive th.ui-table-priority-2,.ui-table-columntoggle.ui-responsive td.ui-table-priority-2{display:table-cell}}@media screen and (min-width:40em){.ui-table-columntoggle.ui-responsive th.ui-table-priority-3,.ui-table-columntoggle.ui-responsive td.ui-table-priority-3{display:table-cell}}@media screen and (min-width:50em){.ui-table-columntoggle.ui-responsive th.ui-table-priority-4,.ui-table-columntoggle.ui-responsive td.ui-table-priority-4{display:table-cell}}@media screen and (min-width:60em){.ui-table-columntoggle.ui-responsive th.ui-table-priority-5,.ui-table-columntoggle.ui-responsive td.ui-table-priority-5{display:table-cell}}@media screen and (min-width:70em){.ui-table-columntoggle.ui-responsive th.ui-table-priority-6,.ui-table-columntoggle.ui-responsive td.ui-table-priority-6{display:table-cell}}.ui-table-columntoggle th.ui-table-cell-hidden,.ui-table-columntoggle td.ui-table-cell-hidden,.ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,.ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden{display:none}.ui-table-columntoggle th.ui-table-cell-visible,.ui-table-columntoggle td.ui-table-cell-visible,.ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,.ui-table-columntoggle.ui-responsive td.ui-table-cell-visible{display:table-cell}.ui-table-reflow td .ui-table-cell-label,.ui-table-reflow th .ui-table-cell-label{display:none}@media only all{.ui-table-reflow thead td,.ui-table-reflow thead th{display:none}.ui-table-reflow td,.ui-table-reflow th{text-align:left;display:block}.ui-table-reflow tbody th{margin-top:3em}.ui-table-reflow td .ui-table-cell-label,.ui-table-reflow th .ui-table-cell-label{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em}.ui-table-reflow th .ui-table-cell-label-top,.ui-table-reflow td .ui-table-cell-label-top{display:block;padding:.4em 0;margin:.4em 0;text-transform:uppercase;font-size:.9em;font-weight:400}}@media (min-width:35em){.ui-table-reflow.ui-responsive{display:table-row-group}.ui-table-reflow.ui-responsive td,.ui-table-reflow.ui-responsive th,.ui-table-reflow.ui-responsive tbody th,.ui-table-reflow.ui-responsive tbody td,.ui-table-reflow.ui-responsive thead td,.ui-table-reflow.ui-responsive thead th{display:table-cell;margin:0}.ui-table-reflow.ui-responsive td .ui-table-cell-label,.ui-table-reflow.ui-responsive th .ui-table-cell-label{display:none}}@media (max-width:35em){.ui-table-reflow.ui-responsive td,.ui-table-reflow.ui-responsive th{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;clear:left}}.ui-panel{width:17em;min-height:100%;max-height:none;border-width:0;position:absolute;top:0;display:block}.ui-panel-closed{width:0;max-height:100%;overflow:hidden;visibility:hidden}.ui-panel-fixed{position:fixed;bottom:-1px;padding-bottom:1px}.ui-panel-display-reveal{z-index:1}.ui-panel-display-push{z-index:999}.ui-panel-display-overlay{z-index:1001}.ui-panel-inner{padding:1em}.ui-panel-page-container{overflow-x:visible}.ui-panel-page-container-themed .ui-page-active{background:0}.ui-panel-wrapper{position:relative;min-height:inherit;border:0;overflow-x:hidden;z-index:999}.ui-panel-fixed-toolbar{overflow-x:hidden}.ui-panel-dismiss{position:absolute;top:0;left:0;right:0;height:100%;z-index:1002;display:none}.ui-panel-dismiss-open{display:block}.ui-panel-animate{-webkit-transition:-webkit-transform 300ms ease;-moz-transition:-moz-transform 300ms ease;transition:transform 300ms ease}@media screen and (max-device-width:768px){.ui-page-header-fixed .ui-panel-animate.ui-panel-wrapper,.ui-page-footer-fixed .ui-panel-animate.ui-panel-wrapper,.ui-panel-animate.ui-panel-fixed-toolbar{-ms-transition:none}.ui-panel-animate.ui-panel-fixed-toolbar{-ms-transition:-ms-transform 1ms;-ms-transform:rotate(0deg)}}.ui-panel-animate.ui-panel:not(.ui-panel-display-reveal){-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)}.ui-panel-position-left{left:-17em}.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,.ui-panel-animate.ui-panel-position-left.ui-panel-display-push{left:0;-webkit-transform:translate3d(-17em,0,0);-moz-transform:translate3d(-17em,0,0);transform:translate3d(-17em,0,0)}.ui-panel-position-left.ui-panel-display-reveal,.ui-panel-open.ui-panel-position-left{left:0}.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay,.ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:none}.ui-panel-position-right{right:-17em}.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,.ui-panel-animate.ui-panel-position-right.ui-panel-display-push{right:0;-webkit-transform:translate3d(17em,0,0);-moz-transform:translate3d(17em,0,0);transform:translate3d(17em,0,0)}.ui-panel-position-right.ui-panel-display-reveal,.ui-panel-position-right.ui-panel-open{right:0}.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay,.ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-moz-transform:none}.ui-panel-page-content-position-left{left:17em;right:-17em}.ui-panel-animate.ui-panel-page-content-position-left{left:0;right:0;-webkit-transform:translate3d(17em,0,0);-moz-transform:translate3d(17em,0,0);transform:translate3d(17em,0,0)}.ui-panel-page-content-position-right{left:-17em;right:17em}.ui-panel-animate.ui-panel-page-content-position-right{left:0;right:0;-webkit-transform:translate3d(-17em,0,0);-moz-transform:translate3d(-17em,0,0);transform:translate3d(-17em,0,0)}.ui-panel-dismiss-open.ui-panel-dismiss-position-left{left:17em}.ui-panel-dismiss-open.ui-panel-dismiss-position-right{right:17em}.ui-panel-display-reveal{-webkit-box-shadow:inset -5px 0 5px rgba(0,0,0,.15);-moz-box-shadow:inset -5px 0 5px rgba(0,0,0,.15);box-shadow:inset -5px 0 5px rgba(0,0,0,.15)}.ui-panel-position-right.ui-panel-display-reveal{-webkit-box-shadow:inset 5px 0 5px rgba(0,0,0,.15);-moz-box-shadow:inset 5px 0 5px rgba(0,0,0,.15);box-shadow:inset 5px 0 5px rgba(0,0,0,.15)}.ui-panel-display-overlay{-webkit-box-shadow:5px 0 5px rgba(0,0,0,.15);-moz-box-shadow:5px 0 5px rgba(0,0,0,.15);box-shadow:5px 0 5px rgba(0,0,0,.15)}.ui-panel-position-right.ui-panel-display-overlay{-webkit-box-shadow:-5px 0 5px rgba(0,0,0,.15);-moz-box-shadow:-5px 0 5px rgba(0,0,0,.15);box-shadow:-5px 0 5px rgba(0,0,0,.15)}.ui-panel-open.ui-panel-position-left.ui-panel-display-push{border-right-width:1px;margin-right:-1px}.ui-panel-page-content-position-left.ui-panel-page-content-display-push{margin-left:1px;width:auto}.ui-panel-open.ui-panel-position-right.ui-panel-display-push{border-left-width:1px;margin-left:-1px}.ui-panel-page-content-position-right.ui-panel-page-content-display-push{margin-right:1px;width:auto}@media (min-width:55em){.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left{margin-right:17em}.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right{margin-left:17em}.ui-responsive-panel .ui-panel-page-content-open{width:auto}.ui-responsive-panel .ui-panel-dismiss-display-push,.ui-responsive-panel.ui-page-active~.ui-panel-dismiss-display-push{display:none}}.ui-tabs{position:relative;padding:.2em} --------------------------------------------------------------------------------