├── LedStrip12V.fzz
├── LedStrip12V_bb.jpg
├── webPage
    ├── src
    │   └── css
    │   │   ├── images
    │   │       ├── ajax-loader.gif
    │   │       ├── ajax-loader.png
    │   │       ├── icons-18-black.png
    │   │       ├── icons-18-white.png
    │   │       ├── icons-36-black.png
    │   │       ├── icons-36-white.png
    │   │       └── icon-search-black.png
    │   │   ├── jquery.mobile.structure-1.1.0.css
    │   │   └── jquery.mobile.theme-1.1.0.css
    ├── RGB Slider.json
    └── colors.html
├── README.md
└── LedStrip12V
    ├── LedStrip12V.ino
    └── LedStrip12V.h


/LedStrip12V.fzz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/amiravni/ESP8266_12VLEDS_Websocket_OTA/HEAD/LedStrip12V.fzz


--------------------------------------------------------------------------------
/LedStrip12V_bb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/amiravni/ESP8266_12VLEDS_Websocket_OTA/HEAD/LedStrip12V_bb.jpg


--------------------------------------------------------------------------------
/webPage/src/css/images/ajax-loader.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/amiravni/ESP8266_12VLEDS_Websocket_OTA/HEAD/webPage/src/css/images/ajax-loader.gif


--------------------------------------------------------------------------------
/webPage/src/css/images/ajax-loader.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/amiravni/ESP8266_12VLEDS_Websocket_OTA/HEAD/webPage/src/css/images/ajax-loader.png


--------------------------------------------------------------------------------
/webPage/src/css/images/icons-18-black.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/amiravni/ESP8266_12VLEDS_Websocket_OTA/HEAD/webPage/src/css/images/icons-18-black.png


--------------------------------------------------------------------------------
/webPage/src/css/images/icons-18-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/amiravni/ESP8266_12VLEDS_Websocket_OTA/HEAD/webPage/src/css/images/icons-18-white.png


--------------------------------------------------------------------------------
/webPage/src/css/images/icons-36-black.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/amiravni/ESP8266_12VLEDS_Websocket_OTA/HEAD/webPage/src/css/images/icons-36-black.png


--------------------------------------------------------------------------------
/webPage/src/css/images/icons-36-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/amiravni/ESP8266_12VLEDS_Websocket_OTA/HEAD/webPage/src/css/images/icons-36-white.png


--------------------------------------------------------------------------------
/webPage/src/css/images/icon-search-black.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/amiravni/ESP8266_12VLEDS_Websocket_OTA/HEAD/webPage/src/css/images/icon-search-black.png


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | 
2 | This is the code for a project I made, can be found at:
3 | 
4 | http://www.whatimade.today/esp8266-on-websockets-mdns-ota-and-leds/
5 | 
6 | The webPage folder is a web page which controls the ESP8266 through a websocket
7 | 
8 | The LedStrip12V folder is the code on the ESP8266 which receive data and control the strip
9 | 


--------------------------------------------------------------------------------
/LedStrip12V/LedStrip12V.ino:
--------------------------------------------------------------------------------
 1 | 
 2 | //#define DEBUGGING(...) Serial.println( __VA_ARGS__ )
 3 | //#define DEBUGGING_L(...) Serial.print( __VA_ARGS__ )
 4 | 
 5 | #include "LedStrip12V.h"
 6 | 
 7 | void setup() {
 8 | 
 9 |   Serial.begin(115200);
10 |   pinMode(BLUEPIN, OUTPUT);
11 |   pinMode(REDPIN, OUTPUT);
12 |   pinMode(GREENPIN, OUTPUT);
13 |   WifiConnect();
14 |   WebSocketConnect();
15 |   MDNSConnect();
16 |   HTTPUpdateConnect();
17 | }
18 | 
19 | void loop() {
20 |   if (WiFi.status() != WL_CONNECTED) {
21 |     WifiConnect();
22 |     WebSocketConnect();
23 |     MDNSConnect();
24 |   }
25 |   else {
26 | 
27 |     webSocket.loop();
28 |     if (millis() - lastTimeHost > 10) {
29 |       httpServer.handleClient();
30 |       lastTimeHost = millis();
31 |     }
32 |     if (millis() - lastTimeRefresh > WAIT_RAINBOW && millis() - lastTimeRefreshRainbow > rainbowDelay && rainbowFlag) {
33 |       lastTimeRefreshRainbow = millis();
34 |       writeWheel(cnt++, RGB);
35 |     }
36 |   }
37 | }
38 | 
39 | 


--------------------------------------------------------------------------------
/webPage/RGB Slider.json:
--------------------------------------------------------------------------------
1 | {"type":"Design","zone":null,"children":[{"type":"Page","properties":{"id":"page1"},"children":[{"type":"Header","zone":"top","properties":{"text":"RGB Slider"}},{"type":"Content","zone":"content","children":[{"type":"TextInput","properties":{"id":"text1","label":"WebSocket IP"}},{"type":"Slider","properties":{"id":"slider1","highlight":true,"value":0,"max":1023,"step":5,"label":"Red"}},{"type":"Slider","properties":{"label":"Green","value":0,"max":1023,"step":5,"highlight":true,"id":"slider2",oninput="showValueG(this.value)"}},{"type":"Slider","properties":{"label":"Blue","value":0,"max":1023,"step":5,"highlight":true,"id":"slider3"}},{"type":"Grid","properties":{"columns":3},"children":[{"type":"Block","children":[{"type":"Button","properties":{"id":"Blink","inline":true}}]},{"type":"Block","properties":{"subtype":"b"},"children":[{"type":"Button","properties":{"id":"Reset","inline":true}}]},{"type":"Block","properties":{"subtype":"c"},"children":[{"type":"Button","properties":{"id":"Rainbow","inline":true}}]}]}]},{"type":"Footer","zone":"bottom","properties":{"text":"Made by Amir Avni Using RIB: 01.org"}}]}],"pInfo":{"name":"RGB Slider","accessDate":1448727651009,"device":{"name":"Netbooks","screenWidth":895,"screenHeight":508,"rotating":false},"theme":"Default"}}


--------------------------------------------------------------------------------
/webPage/colors.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html xmlns="http://www.w3.org/1999/xhtml">
  3 |     
  4 |     <head>
  5 |         <title>title</title>
  6 |         <meta name="viewport" content="width=device-width, initial-scale=1" />
  7 |         <script src="lib/jquery-1.6.4.js"></script>
  8 | <script>
  9 |     $(document).bind('mobileinit',function(){
 10 |         $.mobile.changePage.defaults.changeHash = false;
 11 |         $.mobile.hashListeningEnabled = false;
 12 |         $.mobile.pushStateEnabled = false;
 13 |     });
 14 | </script> 	        
 15 |         <script src="lib/jquery.mobile-1.1.0.js"></script>
 16 |         <link href="src/css/jquery.mobile.structure-1.1.0.css" rel="stylesheet"
 17 |         />
 18 |         <link href="src/css/jquery.mobile.theme-1.1.0.css" rel="stylesheet" />
 19 | 
 20 | <script>
 21 | 
 22 | var ipValue;
 23 | var connection;
 24 | 
 25 | function ledFn() {
 26 | 	var toSend = "LED";
 27 | 	connection.send(toSend); 
 28 | };
 29 | 
 30 | function resetFn() {
 31 | 	var toSend = "RESET";
 32 | 	connection.send(toSend); 
 33 | };
 34 | 
 35 | function mod(){
 36 | var text = document.getElementById('ip').value;
 37 | ipValue = text;	
 38 | connection = new WebSocket(ipValue, ['arduino']); 	
 39 | console.log(text)
 40 | console.log("IP value changed to:"+ipValue);
 41 | }	
 42 | 
 43 | function showValueR(newValue)
 44 |                 {
 45 |                         connection.send("x"+newValue);
 46 |                 }	
 47 | 	
 48 | function showValueG(newValue)
 49 |                 {
 50 |                         connection.send("y"+newValue);
 51 |                 }
 52 | function showValueB(newValue)
 53 | 			{
 54 | 					connection.send("z"+newValue);
 55 | 			}	
 56 | function setRainbowSpeed(newValue)
 57 | 			{
 58 | 					connection.send("t"+newValue);
 59 | 			}				
 60 | 
 61 | function hexToRgb(hex) {
 62 |     var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
 63 |     return result ? {
 64 |         r: parseInt(result[1], 16),
 65 |         g: parseInt(result[2], 16),
 66 |         b: parseInt(result[3], 16)
 67 |     } : null;
 68 | }			
 69 | 			
 70 | function sendColor(newValue)
 71 | {
 72 | 		var RGBColor = hexToRgb(newValue);
 73 | 		console.log(RGBColor);
 74 | 		showValueR(Math.round(RGBColor.r/255*1023));
 75 | 		showValueG(Math.round(RGBColor.g/255*1023));
 76 | 		showValueB(Math.round(RGBColor.b/255*1023));
 77 | }
 78 | 
 79 | function rainbowFn() {
 80 | 	var toSend = "RAINBOW";
 81 | 	connection.send(toSend); 
 82 | };
 83 | 				
 84 | 				
 85 | </script>
 86 |       </head>  
 87 |     <body>
 88 | 
 89 |         <div data-role="page" id="page1">
 90 |             <div data-role="header">
 91 |                 <h1>RGB Slider</h1>
 92 |             </div>
 93 |             <div data-role="content">
 94 |                 <div data-role="fieldcontain">
 95 |                     <label for="text1">WebSocket IP</label>
 96 |                     <input type="text" id="ip" value="ws://10.0.0.10:81/" onblur='mod()' />
 97 |                 </div>
 98 | 					 <script>mod()</script>
 99 |                 <div data-role="fieldcontain" id="slider1">
100 |                     <label for="slider1-range">Red</label>
101 |                     <input type="range" id="slider1-range" value="0" min="0" max="1023" step="5" onchange="showValueR(this.value)"
102 |                     data-highlight="true" />
103 |                 </div>
104 |                 <div data-role="fieldcontain" id="slider2">
105 |                     <label for="slider2-range">Green</label>
106 |                     <input type="range" id="slider2-range" value="0" min="0" max="1023" onchange="showValueG(this.value)"
107 |                     step="5" data-highlight="true" />
108 |                 </div>
109 |                 <div data-role="fieldcontain" id="slider3">
110 |                     <label for="slider3-range">Blue</label>
111 |                     <input type="range" id="slider3-range" value="0" min="0" max="1023" onchange="showValueB(this.value)"
112 |                     step="5" data-highlight="true" />
113 |                 </div>
114 | 				 <div data-role="fieldcontain" id="slider3">
115 | 				 <label for="slider3-range">Pick Any Color</label>
116 | 					<input type="color" id="html5colorpicker" onchange="sendColor(this.value)" value="#ff0000" style="width:85%;">
117 | 				</div> 
118 |                 <div class="ui-grid-b">
119 |                     <div class="ui-block-a">
120 |                         <a data-role="button" id="Blink" onclick="ledFn()" data-inline="true">Blink</a>
121 |                     </div>
122 |                     <div class="ui-block-b">
123 |                         <a data-role="button" id="Reset" onclick="resetFn()" data-inline="true">Reset</a>
124 |                     </div>
125 |                     <div class="ui-block-c">
126 |                         <a data-role="button" id="Rainbow" onclick="rainbowFn()" data-inline="true">Rainbow</a>
127 |                     </div>
128 |                 </div>
129 |                <div data-role="fieldcontain" id="slider3">
130 |                     <label for="slider3-range">Rainbow Speed</label>
131 |                     <input type="range" id="slider3-range" value="0" min="10" max="2000" onchange="setRainbowSpeed(this.value)"
132 |                     step="5" data-highlight="true" />
133 |                 </div>			
134 |             </div>
135 |             <div data-role="footer">
136 |                 <h1>Made by Amir Avni Using RIB: 01.org</h1>
137 |             </div>
138 |         </div>
139 |     </body>
140 | 
141 | </html>
142 | 


--------------------------------------------------------------------------------
/LedStrip12V/LedStrip12V.h:
--------------------------------------------------------------------------------
  1 | #define REFRESH_RAINBOW 500
  2 | #define WAIT_RAINBOW 10000
  3 | #define BLUEPIN 13
  4 | #define REDPIN 12
  5 | #define GREENPIN 14
  6 | #define SSID_ME "YourSSID"
  7 | #define PW_ME "YourPW"
  8 | #define HOST_ME "esp8266Color"
  9 | 
 10 | #ifndef DEBUGGING
 11 | #define DEBUGGING(...)
 12 | #endif
 13 | #ifndef DEBUGGING_L
 14 | #define DEBUGGING_L(...)
 15 | #endif
 16 | 
 17 | #include <ESP8266WiFi.h>
 18 | #include <WiFiClient.h>
 19 | #include <ESP8266WebServer.h>
 20 | #include <ESP8266mDNS.h>
 21 | #include <ESP8266HTTPUpdateServer.h>
 22 | #include <Arduino.h>
 23 | #include <WebSocketsServer.h>
 24 | #include <Hash.h>
 25 | 
 26 | //Globals
 27 | WebSocketsServer webSocket = WebSocketsServer(81);
 28 | ESP8266WebServer httpServer(80);
 29 | ESP8266HTTPUpdateServer httpUpdater;
 30 | const char* host = HOST_ME;
 31 | const char* ssid     = SSID_ME;
 32 | const char* password = PW_ME;
 33 | unsigned long lastTimeHost = 0;
 34 | unsigned long lastTimeRefresh = 0;
 35 | unsigned long lastTimeRefreshRainbow = 0;
 36 | boolean rainbowFlag = 1;
 37 | int RGB[3];
 38 | int cnt = 0;
 39 | int rainbowDelay = REFRESH_RAINBOW;
 40 | 
 41 | //Wheel - return HUE[iii] in RGB
 42 | void Wheel(int WheelPos, int* RGB) {
 43 |   WheelPos = WheelPos % 256;
 44 | 
 45 |   if (WheelPos < 85) {
 46 |     RGB[0] = WheelPos * 3;
 47 |     RGB[1] = 255 - WheelPos * 3;
 48 |     RGB[2] = 0;
 49 |   }
 50 |   else if (WheelPos < 170) {
 51 |     WheelPos -= 85;
 52 |     RGB[2] = WheelPos * 3;
 53 |     RGB[0] = 255 - WheelPos * 3;
 54 |     RGB[1] = 0;
 55 |   }
 56 |   else if (WheelPos < 255) {
 57 |     WheelPos -= 170;
 58 |     RGB[1] = WheelPos * 3;
 59 |     RGB[2] = 255 - WheelPos * 3;
 60 |     RGB[0] = 0;
 61 | 
 62 |   }
 63 |   else
 64 |   {
 65 |     WheelPos -= 255;
 66 |     RGB[0] = WheelPos * 3;
 67 |     RGB[1] = 255 - WheelPos * 3;
 68 |     RGB[2] = 0;
 69 |   }
 70 | }
 71 | 
 72 | // Write wheel to leds
 73 | void writeWheel(int WheelPos, int* RGB) {
 74 |   Wheel(WheelPos, RGB);
 75 |   analogWrite(REDPIN, map(RGB[0], 0, 255, 0, 1023));
 76 |   analogWrite(GREENPIN, map(RGB[1], 0, 255, 0, 1023));
 77 |   analogWrite(BLUEPIN, map(RGB[2], 0, 255, 0, 1023));
 78 | }
 79 | 
 80 | 
 81 | // WebSOcket Events
 82 | void webSocketEvent(uint8_t num, WStype_t type, uint8_t * payload, size_t length) {
 83 | 
 84 |   switch (type) {
 85 |     case WStype_DISCONNECTED:
 86 |       break;
 87 |     case WStype_CONNECTED:
 88 |       {
 89 |         IPAddress ip = webSocket.remoteIP(num);
 90 |       }
 91 |       break;
 92 |       
 93 |     case WStype_TEXT:
 94 |       {
 95 |         lastTimeRefresh = millis();
 96 | 
 97 |         String text = String((char *) &payload[0]);
 98 |         if (text == "LED") {
 99 |           digitalWrite(13, HIGH);
100 |           delay(500);
101 |           digitalWrite(13, LOW);
102 |           Serial.println("led just lit");
103 |           webSocket.sendTXT(num, "led just lit", length);
104 |         }
105 | 
106 |         if (text.startsWith("x")) {
107 |           String xVal = (text.substring(text.indexOf("x") + 1, text.length()));
108 |           int xInt = xVal.toInt();
109 |           analogWrite(REDPIN, xInt);
110 |           DEBUGGING(xVal);
111 |         }
112 | 
113 |         if (text.startsWith("y")) {
114 |           String yVal = (text.substring(text.indexOf("y") + 1, text.length()));
115 |           int yInt = yVal.toInt();
116 |           analogWrite(GREENPIN, yInt);
117 |           DEBUGGING(yVal);
118 |         }
119 | 
120 |         if (text.startsWith("z")) {
121 |           String zVal = (text.substring(text.indexOf("z") + 1, text.length()));
122 |           int zInt = zVal.toInt();
123 |           analogWrite(BLUEPIN, zInt);
124 |           DEBUGGING(zVal);
125 |         }
126 |         if (text.startsWith("t")) {
127 |           String tVal = (text.substring(text.indexOf("t") + 1, text.length()));
128 |           rainbowDelay = tVal.toInt();
129 |           lastTimeRefreshRainbow = 0;
130 |           lastTimeRefresh = 0;
131 |           DEBUGGING(tVal);        
132 |         }        
133 |         if (text == "RESET") {
134 |           rainbowFlag = 0;
135 |           analogWrite(BLUEPIN, LOW);
136 |           analogWrite(REDPIN, LOW);
137 |           analogWrite(GREENPIN, LOW);
138 |           DEBUGGING("reset");
139 | 
140 |         }
141 |         if (text == "RAINBOW") {
142 |           rainbowFlag = 1;
143 |           lastTimeRefreshRainbow = 0;
144 |           lastTimeRefresh = 0;
145 |        /*   for (int iii = 0; iii < 256; iii++) {
146 |             writeWheel(iii, RGB);
147 |             delay(10);
148 |           }*/
149 |           DEBUGGING("rainbow");
150 |         }
151 |       }
152 |       break;
153 | 
154 |     case WStype_BIN:
155 |       hexdump(payload, length);
156 |       // echo data back to browser
157 |       webSocket.sendBIN(num, payload, length);
158 |       break;
159 |   }
160 | }
161 | 
162 | 
163 | // Wifi Connection
164 | void WifiConnect() {
165 | 
166 |  // WiFi.mode(WIFI_AP_STA);
167 |   WiFi.begin(ssid, password);
168 | 
169 |   while (WiFi.status() != WL_CONNECTED) {
170 |     delay(100);
171 |   }
172 |   DEBUGGING("Connected");
173 |   DEBUGGING(WiFi.localIP());
174 | 
175 | }
176 | 
177 | // WebSocket Connection
178 | void WebSocketConnect() {
179 |   webSocket.begin();
180 |   webSocket.onEvent(webSocketEvent);
181 | }
182 | 
183 | // MDNS 
184 | void MDNSConnect() {
185 |   if (!MDNS.begin(host)) {
186 |    DEBUGGING("Error setting up MDNS responder!");
187 |     while (1) {
188 |       delay(1000);
189 |     }
190 |   }
191 |   DEBUGGING("mDNS responder started");
192 |   MDNS.addService("ws", "tcp", 81);
193 |   MDNS.addService("http", "tcp", 80);
194 | }
195 | 
196 | // HTTP updater connection
197 | void HTTPUpdateConnect() {
198 |   httpUpdater.setup(&httpServer);
199 |   httpServer.begin();
200 |   DEBUGGING_L("HTTPUpdateServer ready! Open http://");
201 |   DEBUGGING_L(host);
202 |   DEBUGGING(".local/update in your browser\n");
203 | }
204 | 
205 | 
206 | 


--------------------------------------------------------------------------------
/webPage/src/css/jquery.mobile.structure-1.1.0.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | * jQuery Mobile Framework 1.1.0 db342b1f315c282692791aa870455901fdb46a55
  3 | * http://jquerymobile.com
  4 | *
  5 | * Copyright 2011 (c) jQuery Project
  6 | * Dual licensed under the MIT or GPL Version 2 licenses.
  7 | * http://jquery.org/license
  8 | *
  9 | */
 10 | 
 11 | .ui-mobile, .ui-mobile body { height: 99.9%; }
 12 | .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
 13 | .ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
 14 | .ui-mobile-viewport {  margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 15 | body.ui-mobile-viewport,
 16 | div.ui-mobile-viewport { overflow-x: hidden; }
 17 | .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; }
 18 | .ui-mobile .ui-page-active { display: block; overflow: visible; }
 19 | .ui-page { outline: none; }
 20 | @media screen and (orientation: portrait){
 21 | .ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
 22 | }
 23 | @media screen and (orientation: landscape){
 24 | .ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
 25 | }
 26 | .ui-loading .ui-loader { display: block; }
 27 | .ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; box-shadow: 0 1px 1px -1px #fff; left: 50%; border:0; }
 28 | .ui-loader-default { background: none; opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
 29 | .ui-loader-verbose { width: 200px; opacity: .88; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
 30 | .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
 31 | .ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
 32 | .ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }
 33 | .ui-loader-verbose .ui-icon { margin: 0 auto 10px; opacity: .75; }
 34 | .ui-loader-textonly { padding: 15px; margin-left: -115px;  }
 35 | .ui-loader-textonly .ui-icon { display: none; }
 36 | .ui-loader-fakefix { position: absolute; }
 37 | .ui-mobile-rendering > * { visibility: hidden; }
 38 | .ui-bar, .ui-body { position: relative; padding: .4em 15px;  overflow: hidden; display: block;  clear:both;  }
 39 | .ui-bar { font-size: 16px; margin: 0; }
 40 | .ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
 41 | .ui-header, .ui-footer { position: relative; border-left-width: 0; border-right-width: 0; }
 42 | .ui-header .ui-btn-left,
 43 | .ui-header .ui-btn-right,
 44 | .ui-footer .ui-btn-left,
 45 | .ui-footer .ui-btn-right { position: absolute; top: 3px; }
 46 | .ui-header .ui-btn-left,
 47 | .ui-footer .ui-btn-left { left: 5px; }
 48 | .ui-header .ui-btn-right,
 49 | .ui-footer .ui-btn-right { right: 5px; }
 50 | .ui-footer .ui-btn-icon-notext,
 51 | .ui-header .ui-btn-icon-notext { top: 6px; }
 52 | .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em;  padding: 0;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
 53 | .ui-footer .ui-title { margin: .6em 15px .8em;  }
 54 | .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
 55 | .ui-icon { width: 18px; height: 18px; }
 56 | .ui-nojs { position: absolute; left: -9999px; }
 57 | .ui-hide-label label,
 58 | .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
 59 | .ui-mobile-viewport-transitioning,
 60 | .ui-mobile-viewport-transitioning .ui-page {
 61 | 	width: 100%;
 62 | 	height: 100%;
 63 | 	overflow: hidden;
 64 | }
 65 | .in {
 66 | 	-webkit-animation-timing-function: ease-out;
 67 | 	-webkit-animation-duration: 350ms;
 68 | 	-moz-animation-timing-function: ease-out;
 69 | 	-moz-animation-duration: 350ms;
 70 | }
 71 | .out {
 72 | 	-webkit-animation-timing-function: ease-in;
 73 | 	-webkit-animation-duration: 225ms;
 74 | 	-moz-animation-timing-function: ease-in;
 75 | 	-moz-animation-duration: 225;
 76 | }
 77 | @-webkit-keyframes fadein {
 78 |     from { opacity: 0; }
 79 |     to { opacity: 1; }
 80 | }
 81 | @-moz-keyframes fadein {
 82 |     from { opacity: 0; }
 83 |     to { opacity: 1; }
 84 | }
 85 | @-webkit-keyframes fadeout {
 86 |     from { opacity: 1; }
 87 |     to { opacity: 0; }
 88 | }
 89 | @-moz-keyframes fadeout {
 90 |     from { opacity: 1; }
 91 |     to { opacity: 0; }
 92 | }
 93 | .fade.out {
 94 | 	opacity: 0;
 95 | 	-webkit-animation-duration: 125ms;
 96 | 	-webkit-animation-name: fadeout;
 97 | 	-moz-animation-duration: 125ms;
 98 | 	-moz-animation-name: fadeout;
 99 | }
100 | .fade.in {
101 | 	opacity: 1;
102 | 	-webkit-animation-duration: 225ms;
103 | 	-webkit-animation-name: fadein;
104 | 	-moz-animation-duration: 225ms;
105 | 	-moz-animation-name: fadein;
106 | }
107 | .pop {
108 | 	-webkit-transform-origin: 50% 50%;
109 | 	-moz-transform-origin: 50% 50%;
110 | }
111 | .pop.in {
112 | 	-webkit-transform: scale(1);
113 | 	-moz-transform: scale(1);
114 |     opacity: 1;
115 | 	-webkit-animation-name: popin;
116 | 	-moz-animation-name: popin;
117 | 	-webkit-animation-duration: 350ms;
118 | 	-moz-animation-duration: 350ms;
119 | }
120 | .pop.out {
121 | 	-webkit-animation-name: fadeout;
122 | 	-moz-animation-name: fadeout;
123 | 	opacity: 0;
124 | 	-webkit-animation-duration: 100ms;
125 | 	-moz-animation-duration: 100ms;
126 | }
127 | .pop.in.reverse {
128 | 	-webkit-animation-name: fadein;
129 | 	-moz-animation-name: fadein;
130 | }
131 | .pop.out.reverse {
132 | 	-webkit-transform: scale(.8);
133 | 	-moz-transform: scale(.8);
134 | 	-webkit-animation-name: popout;
135 | 	-moz-animation-name: popout;
136 | }
137 | @-webkit-keyframes popin {
138 |     from {
139 |         -webkit-transform: scale(.8);
140 |         opacity: 0;
141 |     }
142 |     to {
143 |         -webkit-transform: scale(1);
144 |         opacity: 1;
145 |     }
146 | }
147 | @-moz-keyframes popin {
148 |     from {
149 |         -moz-transform: scale(.8);
150 |         opacity: 0;
151 |     }
152 |     to {
153 |         -moz-transform: scale(1);
154 |         opacity: 1;
155 |     }
156 | }
157 | @-webkit-keyframes popout {
158 |     from {
159 |         -webkit-transform: scale(1);
160 |         opacity: 1;
161 |     }
162 |     to {
163 |         -webkit-transform: scale(.8);
164 |         opacity: 0;
165 |     }
166 | }
167 | @-moz-keyframes popout {
168 |     from {
169 |         -moz-transform: scale(1);
170 |         opacity: 1;
171 |     }
172 |     to {
173 |         -moz-transform: scale(.8);
174 |         opacity: 0;
175 |     }
176 | }
177 | @-webkit-keyframes slideinfromright {
178 |     from { -webkit-transform: translateX(100%); }
179 |     to { -webkit-transform: translateX(0); }
180 | }
181 | @-moz-keyframes slideinfromright {
182 |     from { -moz-transform: translateX(100%); }
183 |     to { -moz-transform: translateX(0); }
184 | }
185 | @-webkit-keyframes slideinfromleft {
186 |     from { -webkit-transform: translateX(-100%); }
187 |     to { -webkit-transform: translateX(0); }
188 | }
189 | @-moz-keyframes slideinfromleft {
190 |     from { -moz-transform: translateX(-100%); }
191 |     to { -moz-transform: translateX(0); }
192 | }
193 | @-webkit-keyframes slideouttoleft {
194 |     from { -webkit-transform: translateX(0); }
195 |     to { -webkit-transform: translateX(-100%); }
196 | }
197 | @-moz-keyframes slideouttoleft {
198 |     from { -moz-transform: translateX(0); }
199 |     to { -moz-transform: translateX(-100%); }
200 | }
201 | @-webkit-keyframes slideouttoright {
202 |     from { -webkit-transform: translateX(0); }
203 |     to { -webkit-transform: translateX(100%); }
204 | }
205 | @-moz-keyframes slideouttoright {
206 |     from { -moz-transform: translateX(0); }
207 |     to { -moz-transform: translateX(100%); }
208 | }
209 | .slide.out, .slide.in {
210 | 	-webkit-animation-timing-function: ease-out;
211 | 	-webkit-animation-duration: 350ms;
212 | 	-moz-animation-timing-function: ease-out;
213 | 	-moz-animation-duration: 350ms;
214 | }
215 | .slide.out {
216 | 	-webkit-transform: translateX(-100%);
217 | 	-webkit-animation-name: slideouttoleft;
218 | 	-moz-transform: translateX(-100%);
219 | 	-moz-animation-name: slideouttoleft;
220 | }
221 | .slide.in {
222 | 	-webkit-transform: translateX(0);
223 | 	-webkit-animation-name: slideinfromright;
224 | 	-moz-transform: translateX(0);
225 | 	-moz-animation-name: slideinfromright;
226 | }
227 | .slide.out.reverse {
228 | 	-webkit-transform: translateX(100%);
229 | 	-webkit-animation-name: slideouttoright;
230 | 	-moz-transform: translateX(100%);
231 | 	-moz-animation-name: slideouttoright;
232 | }
233 | .slide.in.reverse {
234 | 	-webkit-transform: translateX(0);
235 | 	-webkit-animation-name: slideinfromleft;
236 | 	-moz-transform: translateX(0);
237 | 	-moz-animation-name: slideinfromleft;
238 | }
239 | .slidefade.out {
240 | 	-webkit-transform: translateX(-100%);
241 | 	-webkit-animation-name: slideouttoleft;
242 | 	-moz-transform: translateX(-100%);
243 | 	-moz-animation-name: slideouttoleft;
244 | 	-webkit-animation-duration: 225ms;
245 | 	-moz-animation-duration: 225ms;
246 | }
247 | .slidefade.in {
248 | 	-webkit-transform: translateX(0);
249 | 	-webkit-animation-name: fadein;
250 | 	-moz-transform: translateX(0);
251 | 	-moz-animation-name: fadein;
252 | 	-webkit-animation-duration: 200ms;
253 | 	-moz-animation-duration: 200ms;
254 | }
255 | .slidefade.out.reverse {
256 | 	-webkit-transform: translateX(100%);
257 | 	-webkit-animation-name: slideouttoright;
258 | 	-moz-transform: translateX(100%);
259 | 	-moz-animation-name: slideouttoright;
260 | 	-webkit-animation-duration: 200ms;
261 | 	-moz-animation-duration: 200ms;
262 | }
263 | .slidefade.in.reverse {
264 | 	-webkit-transform: translateX(0);
265 | 	-webkit-animation-name: fadein;
266 | 	-moz-transform: translateX(0);
267 | 	-moz-animation-name: fadein;
268 | 	-webkit-animation-duration: 200ms;
269 | 	-moz-animation-duration: 200ms;
270 | }
271 | .slidedown.out {
272 | 	-webkit-animation-name: fadeout;
273 | 	-moz-animation-name: fadeout;
274 | 	-webkit-animation-duration: 100ms;
275 | 	-moz-animation-duration: 100ms;
276 | }
277 | .slidedown.in {
278 | 	-webkit-transform: translateY(0);
279 | 	-webkit-animation-name: slideinfromtop;
280 | 	-moz-transform: translateY(0);
281 | 	-moz-animation-name: slideinfromtop;
282 | 	-webkit-animation-duration: 250ms;
283 | 	-moz-animation-duration: 250ms;
284 | }
285 | .slidedown.in.reverse {
286 | 	-webkit-animation-name: fadein;
287 | 	-moz-animation-name: fadein;
288 | 	-webkit-animation-duration: 150ms;
289 | 	-moz-animation-duration: 150ms;
290 | }
291 | .slidedown.out.reverse {
292 | 	-webkit-transform: translateY(-100%);
293 | 	-moz-transform: translateY(-100%);
294 | 	-webkit-animation-name: slideouttotop;
295 | 	-moz-animation-name: slideouttotop;
296 | 	-webkit-animation-duration: 200ms;
297 | 	-moz-animation-duration: 200ms;
298 | }
299 | @-webkit-keyframes slideinfromtop {
300 |     from { -webkit-transform: translateY(-100%); }
301 |     to { -webkit-transform: translateY(0); }
302 | }
303 | @-moz-keyframes slideinfromtop {
304 |     from { -moz-transform: translateY(-100%); }
305 |     to { -moz-transform: translateY(0); }
306 | }
307 | @-webkit-keyframes slideouttotop {
308 |     from { -webkit-transform: translateY(0); }
309 |     to { -webkit-transform: translateY(-100%); }
310 | }
311 | @-moz-keyframes slideouttotop {
312 |     from { -moz-transform: translateY(0); }
313 |     to { -moz-transform: translateY(-100%); }
314 | }
315 | .slideup.out {
316 | 	-webkit-animation-name: fadeout;
317 | 	-moz-animation-name: fadeout;
318 | 	-webkit-animation-duration: 100ms;
319 | 	-moz-animation-duration: 100ms;
320 | }
321 | .slideup.in {
322 | 	-webkit-transform: translateY(0);
323 | 	-webkit-animation-name: slideinfrombottom;
324 | 	-moz-transform: translateY(0);
325 | 	-moz-animation-name: slideinfrombottom;
326 | 	-webkit-animation-duration: 250ms;
327 | 	-moz-animation-duration: 250ms;
328 | }
329 | .slideup.in.reverse {
330 | 	-webkit-animation-name: fadein;
331 | 	-moz-animation-name: fadein;
332 | 	-webkit-animation-duration: 150ms;
333 | 	-moz-animation-duration: 150ms;
334 | }
335 | .slideup.out.reverse {
336 | 	-webkit-transform: translateY(100%);
337 | 	-moz-transform: translateY(100%);
338 | 	-webkit-animation-name: slideouttobottom;
339 | 	-moz-animation-name: slideouttobottom;
340 | 	-webkit-animation-duration: 200ms;
341 | 	-moz-animation-duration: 200ms;
342 | }
343 | @-webkit-keyframes slideinfrombottom {
344 |     from { -webkit-transform: translateY(100%); }
345 |     to { -webkit-transform: translateY(0); }
346 | }
347 | @-moz-keyframes slideinfrombottom {
348 |     from { -moz-transform: translateY(100%); }
349 |     to { -moz-transform: translateY(0); }
350 | }
351 | @-webkit-keyframes slideouttobottom {
352 |     from { -webkit-transform: translateY(0); }
353 |     to { -webkit-transform: translateY(100%); }
354 | }
355 | @-moz-keyframes slideouttobottom {
356 |     from { -moz-transform: translateY(0); }
357 |     to { -moz-transform: translateY(100%); }
358 | }
359 | .viewport-flip {
360 | 	-webkit-perspective: 1000;
361 | 	-moz-perspective: 1000;
362 | 	position: absolute;
363 | }
364 | .flip {
365 | 	-webkit-backface-visibility:hidden;
366 | 	-webkit-transform:translateX(0); 
367 | 	-moz-backface-visibility:hidden;
368 | 	-moz-transform:translateX(0);
369 | }
370 | .flip.out {
371 | 	-webkit-transform: rotateY(-90deg) scale(.9);
372 | 	-webkit-animation-name: flipouttoleft;
373 | 	-webkit-animation-duration: 175ms;
374 | 	-moz-transform: rotateY(-90deg) scale(.9);
375 | 	-moz-animation-name: flipouttoleft;
376 | 	-moz-animation-duration: 175ms;
377 | }
378 | .flip.in {
379 | 	-webkit-animation-name: flipintoright;
380 | 	-webkit-animation-duration: 225ms;
381 | 	-moz-animation-name: flipintoright;
382 | 	-moz-animation-duration: 225ms;
383 | }
384 | .flip.out.reverse {
385 | 	-webkit-transform: rotateY(90deg) scale(.9);
386 | 	-webkit-animation-name: flipouttoright;
387 | 	-moz-transform: rotateY(90deg) scale(.9);
388 | 	-moz-animation-name: flipouttoright;
389 | }
390 | .flip.in.reverse {
391 | 	-webkit-animation-name: flipintoleft;
392 | 	-moz-animation-name: flipintoleft;
393 | }
394 | @-webkit-keyframes flipouttoleft {
395 |     from { -webkit-transform: rotateY(0); }
396 |     to { -webkit-transform: rotateY(-90deg) scale(.9); }
397 | }
398 | @-moz-keyframes flipouttoleft {
399 |     from { -moz-transform: rotateY(0); }
400 |     to { -moz-transform: rotateY(-90deg) scale(.9); }
401 | }
402 | @-webkit-keyframes flipouttoright {
403 |     from { -webkit-transform: rotateY(0) ; }
404 |     to { -webkit-transform: rotateY(90deg) scale(.9); }
405 | }
406 | @-moz-keyframes flipouttoright {
407 |     from { -moz-transform: rotateY(0); }
408 |     to { -moz-transform: rotateY(90deg) scale(.9); }
409 | }
410 | @-webkit-keyframes flipintoleft {
411 |     from { -webkit-transform: rotateY(-90deg) scale(.9); }
412 |     to { -webkit-transform: rotateY(0); }
413 | }
414 | @-moz-keyframes flipintoleft {
415 |     from { -moz-transform: rotateY(-90deg) scale(.9); }
416 |     to { -moz-transform: rotateY(0); }
417 | }
418 | @-webkit-keyframes flipintoright {
419 |     from { -webkit-transform: rotateY(90deg) scale(.9); }
420 |     to { -webkit-transform: rotateY(0); }
421 | }
422 | @-moz-keyframes flipintoright {
423 |     from { -moz-transform: rotateY(90deg) scale(.9); }
424 |     to { -moz-transform: rotateY(0); }
425 | }
426 | .viewport-turn {
427 | 	-webkit-perspective: 1000;
428 | 	-moz-perspective: 1000;
429 | 	position: absolute;
430 | }
431 | .turn {
432 | 	-webkit-backface-visibility:hidden;
433 | 	-webkit-transform:translateX(0); 
434 | 	-webkit-transform-origin: 0;
435 | 	
436 | 	-moz-backface-visibility:hidden;
437 | 	-moz-transform:translateX(0); 
438 | 	-moz-transform-origin: 0;
439 | }
440 | .turn.out {
441 | 	-webkit-transform: rotateY(-90deg) scale(.9);
442 | 	-webkit-animation-name: flipouttoleft;
443 | 	-moz-transform: rotateY(-90deg) scale(.9);
444 | 	-moz-animation-name: flipouttoleft;
445 | 	-webkit-animation-duration: 125ms;
446 | 	-moz-animation-duration: 125ms;
447 | }
448 | .turn.in {
449 | 	-webkit-animation-name: flipintoright;
450 | 	-moz-animation-name: flipintoright;
451 | 	-webkit-animation-duration: 250ms;
452 | 	-moz-animation-duration: 250ms;
453 | 	
454 | }
455 | .turn.out.reverse {
456 | 	-webkit-transform: rotateY(90deg) scale(.9);
457 | 	-webkit-animation-name: flipouttoright;
458 | 	-moz-transform: rotateY(90deg) scale(.9);
459 | 	-moz-animation-name: flipouttoright;
460 | }
461 | .turn.in.reverse {
462 | 	-webkit-animation-name: flipintoleft;
463 | 	-moz-animation-name: flipintoleft;
464 | }
465 | @-webkit-keyframes flipouttoleft {
466 |     from { -webkit-transform: rotateY(0); }
467 |     to { -webkit-transform: rotateY(-90deg) scale(.9); }
468 | }
469 | @-moz-keyframes flipouttoleft {
470 |     from { -moz-transform: rotateY(0); }
471 |     to { -moz-transform: rotateY(-90deg) scale(.9); }
472 | }
473 | @-webkit-keyframes flipouttoright {
474 |     from { -webkit-transform: rotateY(0) ; }
475 |     to { -webkit-transform: rotateY(90deg) scale(.9); }
476 | }
477 | @-moz-keyframes flipouttoright {
478 |     from { -moz-transform: rotateY(0); }
479 |     to { -moz-transform: rotateY(90deg) scale(.9); }
480 | }
481 | @-webkit-keyframes flipintoleft {
482 |     from { -webkit-transform: rotateY(-90deg) scale(.9); }
483 |     to { -webkit-transform: rotateY(0); }
484 | }
485 | @-moz-keyframes flipintoleft {
486 |     from { -moz-transform: rotateY(-90deg) scale(.9); }
487 |     to { -moz-transform: rotateY(0); }
488 | }
489 | @-webkit-keyframes flipintoright {
490 |     from { -webkit-transform: rotateY(90deg) scale(.9); }
491 |     to { -webkit-transform: rotateY(0); }
492 | }
493 | @-moz-keyframes flipintoright {
494 |     from { -moz-transform: rotateY(90deg) scale(.9); }
495 |     to { -moz-transform: rotateY(0); }
496 | }
497 | .flow {
498 | 	-webkit-transform-origin: 50% 30%;
499 | 	-moz-transform-origin: 50% 30%;	
500 | 	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
501 | 	-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
502 | }
503 | .ui-dialog.flow {
504 | 	-webkit-transform-origin: none;
505 | 	-moz-transform-origin: none;	
506 | 	-webkit-box-shadow: none;
507 | 	-moz-box-shadow: none;
508 | }
509 | .flow.out {
510 | 	-webkit-transform: translateX(-100%) scale(.7);
511 | 	-webkit-animation-name: flowouttoleft;
512 | 	-webkit-animation-timing-function: ease;
513 | 	-webkit-animation-duration: 350ms;
514 | 	-moz-transform: translateX(-100%) scale(.7);
515 | 	-moz-animation-name: flowouttoleft;
516 | 	-moz-animation-timing-function: ease;
517 | 	-moz-animation-duration: 350ms;
518 | }
519 | .flow.in {
520 | 	-webkit-transform: translateX(0) scale(1);
521 | 	-webkit-animation-name: flowinfromright;
522 | 	-webkit-animation-timing-function: ease;
523 | 	-webkit-animation-duration: 350ms;
524 | 	-moz-transform: translateX(0) scale(1);
525 | 	-moz-animation-name: flowinfromright;
526 | 	-moz-animation-timing-function: ease;
527 | 	-moz-animation-duration: 350ms;
528 | }
529 | .flow.out.reverse {
530 | 	-webkit-transform: translateX(100%);
531 | 	-webkit-animation-name: flowouttoright;
532 | 	-moz-transform: translateX(100%);
533 | 	-moz-animation-name: flowouttoright;
534 | }
535 | .flow.in.reverse {
536 | 	-webkit-animation-name: flowinfromleft;
537 | 	-moz-animation-name: flowinfromleft;
538 | }
539 | @-webkit-keyframes flowouttoleft {
540 |     0% { -webkit-transform: translateX(0) scale(1); }
541 | 	60%, 70% { -webkit-transform: translateX(0) scale(.7); }
542 |     100% { -webkit-transform: translateX(-100%) scale(.7); }
543 | }
544 | @-moz-keyframes flowouttoleft {
545 |     0% { -moz-transform: translateX(0) scale(1); }
546 | 	60%, 70% { -moz-transform: translateX(0) scale(.7); }
547 |     100% { -moz-transform:  translateX(-100%) scale(.7); }
548 | }
549 | @-webkit-keyframes flowouttoright {
550 |     0% { -webkit-transform: translateX(0) scale(1); }
551 | 	60%, 70% { -webkit-transform: translateX(0) scale(.7); }
552 |     100% { -webkit-transform:  translateX(100%) scale(.7); }
553 | }
554 | @-moz-keyframes flowouttoright {
555 |     0% { -moz-transform: translateX(0) scale(1); }
556 | 	60%, 70% { -moz-transform: translateX(0) scale(.7); }
557 |     100% { -moz-transform:  translateX(100%) scale(.7); }
558 | }
559 | @-webkit-keyframes flowinfromleft {
560 |     0% { -webkit-transform: translateX(-100%) scale(.7); }
561 | 	30%, 40% { -webkit-transform: translateX(0) scale(.7); }
562 |     100% { -webkit-transform: translateX(0) scale(1); }
563 | }
564 | @-moz-keyframes flowinfromleft {
565 |     0% { -moz-transform: translateX(-100%) scale(.7); }
566 | 	30%, 40% { -moz-transform: translateX(0) scale(.7); }
567 |     100% { -moz-transform: translateX(0) scale(1); }
568 | }
569 | @-webkit-keyframes flowinfromright {
570 |     0% { -webkit-transform: translateX(100%) scale(.7); }
571 | 	30%, 40% { -webkit-transform: translateX(0) scale(.7); }
572 |     100% { -webkit-transform: translateX(0) scale(1); }
573 | }
574 | @-moz-keyframes flowinfromright {
575 |     0% { -moz-transform: translateX(100%) scale(.7); }
576 | 	30%, 40% { -moz-transform: translateX(0) scale(.7); }
577 |     100% { -moz-transform: translateX(0) scale(1); }
578 | }
579 | .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
580 | .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;}
581 | .ui-grid-solo .ui-block-a { width: 100%; float: none; }
582 | .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
583 | .ui-grid-a .ui-block-a { clear: left; }
584 | .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
585 | .ui-grid-b .ui-block-a { clear: left; }
586 | .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%; }
587 | .ui-grid-c .ui-block-a { clear: left; }
588 | .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%; }
589 | .ui-grid-d .ui-block-a { clear: left; }
590 | .ui-header-fixed,
591 | .ui-footer-fixed {
592 | 	left: 0;
593 | 	right: 0;
594 | 	width: 100%;
595 | 	position: fixed;
596 | 	z-index: 1000;
597 | }
598 | .ui-header-fixed {
599 | 	top: 0;
600 | }
601 | .ui-footer-fixed {
602 | 	bottom: 0;
603 | }
604 | .ui-header-fullscreen,
605 | .ui-footer-fullscreen {
606 | 	opacity: .9;
607 | }
608 | .ui-page-header-fixed {
609 | 	padding-top: 2.5em;
610 | }
611 | .ui-page-footer-fixed {
612 | 	padding-bottom: 3em;
613 | }
614 | .ui-page-header-fullscreen .ui-content,
615 | .ui-page-footer-fullscreen .ui-content {
616 | 	padding: 0;
617 | }
618 | .ui-fixed-hidden {
619 | 	position: absolute;
620 | }
621 | .ui-page-header-fullscreen .ui-fixed-hidden,
622 | .ui-page-footer-fullscreen .ui-fixed-hidden {
623 | 	left: -99999em;
624 | }
625 | .ui-header-fixed .ui-btn,
626 | .ui-footer-fixed .ui-btn { 
627 | 	z-index: 10;
628 | }
629 | .ui-navbar { overflow: hidden;  }
630 | .ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
631 | .ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
632 | .ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
633 | .ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
634 | .ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; max-width: 100%; }
635 | .ui-navbar li .ui-btn {  margin-right: -1px; }
636 | .ui-navbar li .ui-btn:last-child { margin-right: 0; }
637 | .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
638 | .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
639 | .ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
640 | .ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
641 | .ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
642 | .ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px;  }
643 | .ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
644 | .ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
645 | .ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
646 | .ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
647 | .ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
648 | .ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
649 | .ui-btn { display: block; text-align: center; cursor:pointer;  position: relative; margin: .5em 5px; padding: 0; }
650 | .ui-mini { margin: .25em 5px; }
651 | .ui-btn-inner { padding: .6em 20px; min-width: .75em; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
652 | .ui-btn input, .ui-btn button { z-index: 2; }
653 | .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; }
654 | .ui-btn-block { display: block; }
655 | .ui-header .ui-btn,
656 | .ui-footer .ui-btn { display: inline-block; margin: 0; }
657 | .ui-header .ui-btn-inner,
658 | .ui-footer .ui-btn-inner,
659 | .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
660 | .ui-header .ui-fullsize .ui-btn-inner,
661 | .ui-footer .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 25px; }
662 | .ui-btn-icon-notext { width: 24px; height: 24px; }
663 | .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
664 | .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; }
665 | .ui-btn-text { position: relative; z-index: 1; width: 100%; }
666 | .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
667 | .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
668 | .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
669 | .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
670 | .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
671 | .ui-header .ui-btn-icon-left .ui-btn-inner,
672 | .ui-footer .ui-btn-icon-left .ui-btn-inner,
673 | .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
674 | .ui-header .ui-btn-icon-right .ui-btn-inner,
675 | .ui-footer .ui-btn-icon-right .ui-btn-inner,
676 | .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
677 | .ui-header .ui-btn-icon-top .ui-btn-inner,
678 | .ui-footer .ui-btn-icon-top .ui-btn-inner,
679 | .ui-mini .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
680 | .ui-header .ui-btn-icon-bottom .ui-btn-inner,
681 | .ui-footer .ui-btn-icon-bottom .ui-btn-inner,
682 | .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
683 | .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
684 | .ui-btn-icon-left .ui-btn-inner .ui-icon, .ui-btn-icon-right .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
685 | .ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%;  margin-left: -9px; }
686 | .ui-btn-icon-left .ui-icon { left: 10px; }
687 | .ui-btn-icon-right .ui-icon { right: 10px; }
688 | .ui-btn-icon-top .ui-icon { top: 10px; }
689 | .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
690 | .ui-header .ui-btn-icon-left .ui-icon,
691 | .ui-footer .ui-btn-icon-left .ui-icon,
692 | .ui-mini.ui-btn-icon-left .ui-icon,
693 | .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
694 | .ui-header .ui-btn-icon-right .ui-icon,
695 | .ui-footer .ui-btn-icon-right .ui-icon,
696 | .ui-mini.ui-btn-icon-right .ui-icon,
697 | .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
698 | .ui-header .ui-btn-icon-top .ui-icon,
699 | .ui-footer .ui-btn-icon-top .ui-icon,
700 | .ui-mini.ui-btn-icon-top .ui-icon,
701 | .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
702 | .ui-header .ui-btn-icon-bottom .ui-icon,
703 | .ui-footer .ui-btn-icon-bottom .ui-icon,
704 | .ui-mini.ui-btn-icon-bottom .ui-icon,
705 | .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
706 | .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=.0001); font-size: 1px; border: none; text-indent: -9999px; }
707 | .ui-collapsible { margin: .5em 0; }
708 | .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
709 | .ui-collapsible-heading a { text-align: left; margin: 0;  }
710 | .ui-collapsible-heading .ui-btn-inner,
711 | .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
712 | .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-left: 12px; padding-right: 40px; }
713 | .ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
714 | .ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; }
715 | .ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
716 | .ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
717 | .ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
718 | .ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
719 | .ui-collapsible-content {
720 | 	display: block;
721 | 	margin:  0 -8px;
722 | 	padding: 10px 16px;
723 | 	border-top:  none;      
724 | 	background-image: none; 
725 | 	font-weight: normal;    
726 | }
727 | .ui-collapsible-content-collapsed { display: none; }
728 | .ui-collapsible-set { margin: .5em 0; }
729 | .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
730 | .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: 0em 0 .5em; zoom: 1; }
731 | .ui-bar .ui-controlgroup { margin: 0 .3em; }
732 | .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
733 | .ui-controlgroup-controls { display: block; width: 100%;}
734 | .ui-controlgroup li { list-style: none; }
735 | .ui-controlgroup-vertical .ui-btn,
736 | .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0;  }
737 | .ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
738 | .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
739 | .ui-controlgroup-horizontal { padding: 0; }
740 | .ui-controlgroup-horizontal .ui-btn-inner { text-align:center; }
741 | .ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -6px 0 0; }
742 | .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; clear: none; margin: 0 -1px 0 0; }
743 | .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
744 | .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
745 | .ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
746 | .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px;  }
747 | @media all and (min-width: 450px){
748 | 	.ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0;  }
749 | 	.ui-field-contain .ui-controlgroup-controls { width: 60%; display: inline-block; }
750 | 	.ui-field-contain .ui-controlgroup .ui-select { width: 100%; } 
751 | 	.ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
752 | }	
753 | .ui-dialog {
754 | 	 background: none !important; 
755 | }
756 | .ui-dialog-contain { width: 92.5%; max-width: 500px; margin: 10% auto 15px auto; padding: 0; }
757 | .ui-dialog .ui-header {
758 | 	margin-top: 15%;
759 | 	border: none;
760 | 	overflow: hidden;
761 | }
762 | .ui-dialog .ui-header, 
763 | .ui-dialog .ui-content, 
764 | .ui-dialog .ui-footer { 
765 | 	display: block;
766 | 	position: relative; 
767 | 	width: auto;
768 | }
769 | .ui-dialog .ui-header, 
770 | .ui-dialog .ui-footer  { 
771 | 	z-index: 10; 
772 | 	padding: 0;
773 | }
774 | .ui-dialog .ui-footer {
775 | 	padding: 0 15px; 
776 | }
777 | .ui-dialog .ui-content { 
778 | 	padding: 15px; 
779 | }
780 | .ui-dialog { 
781 | 	margin-top: -15px;  
782 | }
783 | .ui-checkbox, .ui-radio { position: relative; clear: both; margin: .2em 0 .5em; z-index: 1;  }
784 | .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
785 | .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
786 | .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
787 | .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; }
788 | .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
789 | .ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; }
790 | .ui-checkbox .ui-btn-icon-top .ui-btn-inner,.ui-radio .ui-btn-icon-top .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
791 | .ui-checkbox .ui-btn-icon-bottom .ui-btn-inner, .ui-radio .ui-btn-icon-bottom .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
792 | .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
793 | .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
794 | .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
795 | .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
796 | .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
797 | .ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
798 | .ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
799 | .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
800 | .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
801 | .ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px;  margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
802 | .ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
803 | .ui-field-contain:first-child { border-top-width: 0; }
804 | .ui-header .ui-field-contain-left,
805 | .ui-header .ui-field-contain-right {
806 | 	position: absolute;
807 | 	top: 0;
808 | 	width: 25%;
809 | }
810 | .ui-header .ui-field-contain-left {
811 | 	left: 1em;
812 | }
813 | .ui-header .ui-field-contain-right {
814 | 	right: 1em;
815 | }
816 | @media all and (min-width: 450px){
817 | 	.ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
818 | }
819 | .ui-select { display: block; position: relative; }
820 | .ui-select select { position: absolute; left: -9999px; top: -9999px; }
821 | .ui-select .ui-btn { overflow: hidden; opacity: 1; margin: 0; }
822 | .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%;  min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; }
823 | .ui-select .ui-disabled { opacity: .3; }
824 | @-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
825 | .ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
826 | .ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } 
827 | .ui-select .ui-btn-icon-right .ui-icon { right: 15px;  }
828 | .ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px;  }
829 | label.ui-select { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; }
830 | .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
831 |  }
832 | .ui-select .ui-btn-text { text-overflow: ellipsis; }
833 | .ui-selectmenu { position: absolute; padding: 0; z-index: 1100 !important; width: 80%; max-width: 350px; padding: 6px; }
834 | .ui-selectmenu .ui-listview { margin: 0; }
835 | .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
836 | .ui-selectmenu-hidden { top: -9999px; left: -9999px; }
837 | .ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 99; }
838 | .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
839 | .ui-selectmenu-list .ui-li .ui-icon { display: block; }
840 | .ui-li.ui-selectmenu-placeholder { display: none; }
841 | .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
842 | @media all and (min-width: 450px){	
843 | 	.ui-field-contain label.ui-select { vertical-align: top;  display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
844 | 	.ui-field-contain .ui-select { width: 60%; display: inline-block; }
845 | }	
846 | .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
847 | label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
848 | input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%; outline: 0; }
849 | .ui-header input.ui-input-text,
850 | .ui-footer input.ui-input-text { margin-left: 1.25%; padding: .4em 1%; width: 95.5% } 
851 |  input.ui-input-text { -webkit-appearance: none; }
852 | textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
853 | .ui-input-search { padding: 0 30px; background-image: none; position: relative; }
854 | .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
855 | .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
856 | .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
857 | .ui-mini .ui-input-clear { right: -3px; }
858 | .ui-input-search .ui-input-clear-hidden { display: none; }
859 | input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
860 | textarea.ui-mini { height: 45px; }
861 | @media all and (min-width: 450px){
862 | 	.ui-field-contain label.ui-input-text  { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0 }
863 | 	.ui-field-contain input.ui-input-text, 
864 | 	.ui-field-contain textarea.ui-input-text, 
865 | 	.ui-field-contain .ui-input-search { width: 60%; display: inline-block; } 
866 | 	.ui-field-contain .ui-input-search { width: 50%; }
867 | 	.ui-hide-label input.ui-input-text, 
868 | 	.ui-hide-label textarea.ui-input-text, 
869 | 	.ui-hide-label .ui-input-search { padding: .4em; width: 97%; } 
870 | 	.ui-input-search input.ui-input-text { width: 98%;  }
871 | }
872 | .ui-listview { margin: 0; counter-reset: listnumbering; }
873 | .ui-content .ui-listview { margin: -15px; }
874 | .ui-content .ui-listview-inset { margin: 1em 0;  }
875 | .ui-listview, .ui-li { list-style:none; padding:0; }
876 | .ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
877 | .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
878 | .ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold;  }
879 | .ui-li-divider { counter-reset: listnumbering;  }
880 | ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; }
881 | ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } 
882 | .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
883 | .ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
884 | .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
885 | .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px .7em 15px; display: block; }
886 | .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 60px; padding-left: 100px; }
887 | .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon {  min-height: 20px; padding-left: 40px; }
888 | .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count { padding-right: 45px; }
889 | .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 30px; }
890 | .ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
891 | .ui-li-has-count .ui-btn-text { padding-right: 15px; }
892 | .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
893 | .ui-li-desc {  font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
894 | .ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
895 | .ui-listview .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
896 | .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
897 | .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
898 | @media all and (min-width: 480px){
899 | 	 .ui-li-aside { width: 45%; }
900 | }	 
901 | .ui-li-divider { cursor: default; }
902 | .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
903 | .ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 48px; }
904 | .ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
905 | .ui-li-has-alt .ui-li-count { right: 55px; }
906 | .ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
907 | .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;}
908 | .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
909 | .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px;  }
910 | .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
911 | .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
912 | .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
913 | .ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
914 | .ui-li.ui-screen-hidden{display:none;}
915 | @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
916 |     .ui-li .ui-btn-text { overflow:  visible; }
917 | }
918 | label.ui-slider { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; }
919 | input.ui-slider-input,
920 | .ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; }
921 | select.ui-slider-switch { display: none; }
922 | div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
923 | div.ui-slider-mini { height: 12px; margin-left: 10px; }
924 | div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
925 | .ui-controlgroup a.ui-slider-handle, a.ui-slider-handle { position: absolute; z-index: 1;  top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; outline: 0; }
926 | a.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
927 | div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
928 | div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; }
929 | @media all and (min-width: 450px){
930 | 	.ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
931 | 	.ui-field-contain div.ui-slider { width: 43%; }
932 | 	.ui-field-contain div.ui-slider-switch { width: 5.5em; }
933 | }	
934 | div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
935 | a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
936 | div.ui-slider-switch .ui-slider-handle {  margin-top: 1px;  }
937 | .ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }
938 | div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }
939 | div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; }
940 | div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; }
941 | div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; }
942 | span.ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; white-space: nowrap; }
943 | .ui-slider-mini span.ui-slider-label { font-size: 14px; }
944 | span.ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; }
945 | span.ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em;}
946 | .ui-slider-inline { width: 120px; display: inline-block; }
947 | 


--------------------------------------------------------------------------------
/webPage/src/css/jquery.mobile.theme-1.1.0.css:
--------------------------------------------------------------------------------
   1 | /*
   2 | * jQuery Mobile Framework 1.1.0 db342b1f315c282692791aa870455901fdb46a55
   3 | * http://jquerymobile.com
   4 | *
   5 | * Copyright 2011 (c) jQuery Project
   6 | * Dual licensed under the MIT or GPL Version 2 licenses.
   7 | * http://jquery.org/license
   8 | *
   9 | */
  10 | /* Swatches */
  11 | 
  12 | /* A
  13 | -----------------------------------------------------------------------------------------------------------*/
  14 | 
  15 | .ui-bar-a {
  16 | 	border: 1px solid 		#333 /*{a-bar-border}*/;
  17 | 	background: 			#111111 /*{a-bar-background-color}*/;
  18 | 	color: 					#ffffff /*{a-bar-color}*/;
  19 | 	font-weight: bold;
  20 | 	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
  21 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
  22 | 	background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  23 | 	background-image:    -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
  24 | 	background-image:     -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
  25 | 	background-image:      -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
  26 | 	background-image:         linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
  27 | }
  28 | .ui-bar-a, 
  29 | .ui-bar-a input, 
  30 | .ui-bar-a select, 
  31 | .ui-bar-a textarea, 
  32 | .ui-bar-a button {
  33 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  34 | }
  35 | .ui-bar-a .ui-link-inherit {
  36 | 	color: #fff /*{a-bar-color}*/;
  37 | }
  38 | 
  39 | .ui-bar-a .ui-link {
  40 | 	color: #7cc4e7 /*{a-bar-link-color}*/;
  41 | 	font-weight: bold;
  42 | }
  43 | 
  44 | .ui-bar-a .ui-link:hover {
  45 | 	color: #2489CE /*{a-bar-link-hover}*/;
  46 | }
  47 | 
  48 | .ui-bar-a .ui-link:active {
  49 | 	color: #2489CE /*{a-bar-link-active}*/;
  50 | }
  51 | 
  52 | .ui-bar-a .ui-link:visited {
  53 |     color: #2489CE /*{a-bar-link-visited}*/;
  54 | }
  55 | .ui-body-a,
  56 | .ui-overlay-a {
  57 | 	border: 1px solid 		#444 /*{a-body-border}*/;
  58 | 	background: 			#222 /*{a-body-background-color}*/;
  59 | 	color: 					#fff /*{a-body-color}*/;
  60 | 	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
  61 | 	font-weight: normal;
  62 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
  63 | 	background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  64 | 	background-image:    -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
  65 | 	background-image:     -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
  66 | 	background-image:      -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
  67 | 	background-image:         linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);	
  68 | }
  69 | .ui-overlay-a {
  70 | 	background-image: none;
  71 | 	border-width: 0;
  72 | }
  73 | .ui-body-a,
  74 | .ui-body-a input,
  75 | .ui-body-a select,
  76 | .ui-body-a textarea,
  77 | .ui-body-a button {
  78 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  79 | }
  80 | .ui-body-a .ui-link-inherit {
  81 | 	color: 	#fff /*{a-body-color}*/;
  82 | }
  83 | 
  84 | .ui-body-a .ui-link {
  85 | 	color: #2489CE /*{a-body-link-color}*/;
  86 | 	font-weight: bold;
  87 | }
  88 | 
  89 | .ui-body-a .ui-link:hover {
  90 | 	color: #2489CE /*{a-body-link-hover}*/;
  91 | }
  92 | 
  93 | .ui-body-a .ui-link:active {
  94 | 	color: #2489CE /*{a-body-link-active}*/;
  95 | }
  96 | 
  97 | .ui-body-a .ui-link:visited {
  98 |     color: #2489CE /*{a-body-link-visited}*/;
  99 | }
 100 | 
 101 | .ui-btn-up-a {
 102 | 	border: 1px solid 		#111 /*{a-bup-border}*/;
 103 | 	background: 			#333 /*{a-bup-background-color}*/;
 104 | 	font-weight: bold;
 105 | 	color: 					#fff /*{a-bup-color}*/;
 106 | 	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
 107 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #444444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
 108 | 	background-image: -webkit-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 109 | 	background-image:    -moz-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
 110 | 	background-image:     -ms-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
 111 | 	background-image:      -o-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
 112 | 	background-image:         linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
 113 | }
 114 | .ui-btn-up-a a.ui-link-inherit {
 115 | 	color: 					#fff /*{a-bup-color}*/;
 116 | }
 117 | .ui-btn-hover-a {
 118 | 	border: 1px solid 		#000 /*{a-bhover-border}*/;
 119 | 	background: 			#444444 /*{a-bhover-background-color}*/;
 120 | 	font-weight: bold;
 121 | 	color: 					#fff /*{a-bhover-color}*/;
 122 | 	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
 123 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #555555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
 124 | 	background-image: -webkit-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 125 | 	background-image:    -moz-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
 126 | 	background-image:     -ms-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
 127 | 	background-image:      -o-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
 128 | 	background-image:         linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
 129 | }
 130 | .ui-btn-hover-a a.ui-link-inherit {
 131 | 	color: 					#fff /*{a-bhover-color}*/;
 132 | }
 133 | .ui-btn-down-a {
 134 | 	border: 1px solid 		#000 /*{a-bdown-border}*/;
 135 | 	background: 			#222 /*{a-bdown-background-color}*/;
 136 | 	font-weight: bold;
 137 | 	color: 					#fff /*{a-bdown-color}*/;
 138 | 	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
 139 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
 140 | 	background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 141 | 	background-image:    -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
 142 | 	background-image:     -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
 143 | 	background-image:      -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
 144 | 	background-image:         linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
 145 | }
 146 | .ui-btn-down-a a.ui-link-inherit {
 147 | 	color: 					#fff /*{a-bdown-color}*/;
 148 | }
 149 | .ui-btn-up-a,
 150 | .ui-btn-hover-a,
 151 | .ui-btn-down-a {
 152 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 153 | 	text-decoration: none;
 154 | }
 155 | 
 156 | 
 157 | /* B
 158 | -----------------------------------------------------------------------------------------------------------*/
 159 | .ui-bar-b {
 160 | 	border: 1px solid 		#456f9a /*{b-bar-border}*/;
 161 | 	background: 			#5e87b0 /*{b-bar-background-color}*/;
 162 | 	color: 					#fff /*{b-bar-color}*/;
 163 | 	font-weight: bold;
 164 | 	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
 165 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
 166 | 	background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 167 | 	background-image:    -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
 168 | 	background-image:     -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
 169 | 	background-image:      -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
 170 | 	background-image:         linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
 171 | }
 172 | .ui-bar-b,
 173 | .ui-bar-b input,
 174 | .ui-bar-b select,
 175 | .ui-bar-b textarea,
 176 | .ui-bar-b button {
 177 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 178 | }
 179 | .ui-bar-b .ui-link-inherit {
 180 | 	color: 	#fff /*{b-bar-color}*/;
 181 | }
 182 | .ui-bar-b .ui-link {
 183 | 	color: #ddf0f8 /*{b-bar-link-color}*/;
 184 | 	font-weight: bold;
 185 | }
 186 | 
 187 | .ui-bar-b .ui-link:hover {
 188 | 	color: #ddf0f8 /*{b-bar-link-hover}*/;
 189 | }
 190 | 
 191 | .ui-bar-b .ui-link:active {
 192 | 	color: #ddf0f8 /*{b-bar-link-active}*/;
 193 | }
 194 | 
 195 | .ui-bar-b .ui-link:visited {
 196 |     color: #ddf0f8 /*{b-bar-link-visited}*/;
 197 | }
 198 | .ui-body-b,
 199 | .ui-overlay-b {
 200 | 	border: 1px solid 		#999 /*{b-body-border}*/;
 201 | 	background: 			#f3f3f3 /*{b-body-background-color}*/;
 202 | 	color: 					#222222 /*{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 | 	font-weight: normal;
 205 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
 206 | 	background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 207 | 	background-image:    -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
 208 | 	background-image:     -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
 209 | 	background-image:      -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
 210 | 	background-image:         linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
 211 | }
 212 | .ui-overlay-b {
 213 | 	background-image: none;
 214 | 	border-width: 0;
 215 | }
 216 | .ui-body-b,
 217 | .ui-body-b input,
 218 | .ui-body-b select,
 219 | .ui-body-b textarea,
 220 | .ui-body-b button {
 221 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 222 | }
 223 | .ui-body-b .ui-link-inherit {
 224 | 	color: 	#333333 /*{b-body-color}*/;
 225 | }
 226 | 
 227 | .ui-body-b .ui-link {
 228 | 	color: #2489CE /*{b-body-link-color}*/;
 229 | 	font-weight: bold;
 230 | }
 231 | 
 232 | .ui-body-b .ui-link:hover {
 233 | 	color: #2489CE /*{b-body-link-hover}*/;
 234 | }
 235 | 
 236 | .ui-body-b .ui-link:active {
 237 | 	color: #2489CE /*{b-body-link-active}*/;
 238 | }
 239 | 
 240 | .ui-body-b .ui-link:visited {
 241 |     color: #2489CE /*{b-body-link-visited}*/;
 242 | }
 243 | 
 244 | .ui-btn-up-b {
 245 | 	border: 1px solid 		#044062 /*{b-bup-border}*/;
 246 | 	background: 			#396b9e /*{b-bup-background-color}*/;
 247 | 	font-weight: bold;
 248 | 	color: 					#fff /*{b-bup-color}*/;
 249 | 	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
 250 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
 251 | 	background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 252 | 	background-image:    -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
 253 | 	background-image:     -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
 254 | 	background-image:      -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
 255 | 	background-image:         linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
 256 | }
 257 | .ui-btn-up-b a.ui-link-inherit {
 258 | 	color: 					#fff /*{b-bup-color}*/;
 259 | }
 260 | .ui-btn-hover-b {
 261 | 	border: 1px solid 		#00415e /*{b-bhover-border}*/;
 262 | 	background: 			#4b88b6 /*{b-bhover-background-color}*/;
 263 | 	font-weight: bold;
 264 | 	color: 					#fff /*{b-bhover-color}*/;
 265 | 	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
 266 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
 267 | 	background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 268 | 	background-image:    -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
 269 | 	background-image:     -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
 270 | 	background-image:      -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
 271 | 	background-image:         linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
 272 | }
 273 | .ui-btn-hover-b a.ui-link-inherit {
 274 | 	color: 					#fff /*{b-bhover-color}*/;
 275 | }
 276 | .ui-btn-down-b {
 277 | 	border: 1px solid 		#225377 /*{b-bdown-border}*/;
 278 | 	background: 			#4e89c5 /*{b-bdown-background-color}*/;
 279 | 	font-weight: bold;
 280 | 	color: 					#fff /*{b-bdown-color}*/;
 281 | 	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
 282 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
 283 | 	background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 284 | 	background-image:    -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
 285 | 	background-image:     -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
 286 | 	background-image:      -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
 287 | 	background-image:         linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
 288 | }
 289 | .ui-btn-down-b a.ui-link-inherit {
 290 | 	color: 					#fff /*{b-bdown-color}*/;
 291 | }
 292 | .ui-btn-up-b,
 293 | .ui-btn-hover-b,
 294 | .ui-btn-down-b {
 295 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 296 | 	text-decoration: none;
 297 | }
 298 | 
 299 | 
 300 | /* C
 301 | -----------------------------------------------------------------------------------------------------------*/
 302 | 
 303 | .ui-bar-c {
 304 | 	border: 1px solid 		#B3B3B3 /*{c-bar-border}*/;
 305 | 	background: 			#eeeeee /*{c-bar-background-color}*/;
 306 | 	color: 					#3E3E3E /*{c-bar-color}*/;
 307 | 	font-weight: bold;
 308 | 	text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ 	#fff /*{c-bar-shadow-color}*/;
 309 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
 310 | 	background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 311 | 	background-image:    -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
 312 | 	background-image:     -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
 313 | 	background-image:      -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
 314 | 	background-image:         linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
 315 | }
 316 | 
 317 | .ui-bar-c .ui-link-inherit {
 318 | 	color: 	#3E3E3E /*{c-bar-color}*/;
 319 | }
 320 | .ui-bar-c .ui-link {
 321 | 	color: #7cc4e7 /*{c-bar-link-color}*/;
 322 | 	font-weight: bold;
 323 | }
 324 | 
 325 | .ui-bar-c .ui-link:hover {
 326 | 	color: #2489CE /*{c-bar-link-hover}*/;
 327 | }
 328 | 
 329 | .ui-bar-c .ui-link:active {
 330 | 	color: #2489CE /*{c-bar-link-active}*/;
 331 | }
 332 | 
 333 | .ui-bar-c .ui-link:visited {
 334 |     color: #2489CE /*{c-bar-link-visited}*/;
 335 | }
 336 | 
 337 | .ui-bar-c,
 338 | .ui-bar-c input,
 339 | .ui-bar-c select,
 340 | .ui-bar-c textarea,
 341 | .ui-bar-c button {
 342 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 343 | }
 344 | .ui-body-c,
 345 | .ui-overlay-c {
 346 | 	border: 1px solid 		#aaa /*{c-body-border}*/;
 347 | 	color: 					#333333 /*{c-body-color}*/;
 348 | 	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
 349 | 	background: 			#f9f9f9 /*{c-body-background-color}*/;
 350 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
 351 | 	background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 352 | 	background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */
 353 | 	background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */
 354 | 	background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */
 355 | 	background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/);
 356 | }
 357 | .ui-overlay-c {
 358 | 	background-image: none;
 359 | 	border-width: 0;
 360 | }
 361 | .ui-body-c,
 362 | .ui-body-c input,
 363 | .ui-body-c select,
 364 | .ui-body-c textarea,
 365 | .ui-body-c button {
 366 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 367 | }
 368 | 
 369 | .ui-body-c .ui-link-inherit {
 370 | 	color: 	#333333 /*{c-body-color}*/;
 371 | }
 372 | 
 373 | .ui-body-c .ui-link {
 374 | 	color: #2489CE /*{c-body-link-color}*/;
 375 | 	font-weight: bold;
 376 | }
 377 | 
 378 | .ui-body-c .ui-link:hover {
 379 | 	color: #2489CE /*{c-body-link-hover}*/;
 380 | }
 381 | 
 382 | .ui-body-c .ui-link:active {
 383 | 	color: #2489CE /*{c-body-link-active}*/;
 384 | }
 385 | 
 386 | .ui-body-c .ui-link:visited {
 387 |     color: #2489CE /*{c-body-link-visited}*/;
 388 | }
 389 | 
 390 | .ui-btn-up-c {
 391 | 	border: 1px solid 		#ccc /*{c-bup-border}*/;
 392 | 	background: 			#eee /*{c-bup-background-color}*/;
 393 | 	font-weight: bold;
 394 | 	color: 					#222 /*{c-bup-color}*/;
 395 | 	text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
 396 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
 397 | 	background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 398 | 	background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
 399 | 	background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
 400 | 	background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
 401 | 	background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
 402 | }
 403 | .ui-btn-up-c a.ui-link-inherit {
 404 | 	color: 					#2F3E46 /*{c-bup-color}*/;
 405 | }
 406 | 
 407 | .ui-btn-hover-c {
 408 | 	border: 1px solid 		#bbb /*{c-bhover-border}*/;
 409 | 	background: 			#dfdfdf /*{c-bhover-background-color}*/;
 410 | 	font-weight: bold;
 411 | 	color: 					#222 /*{c-bhover-color}*/;
 412 | 	text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
 413 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
 414 | 	background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 415 | 	background-image:    -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
 416 | 	background-image:     -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
 417 | 	background-image:      -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
 418 | 	background-image:         linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
 419 | }
 420 | .ui-btn-hover-c a.ui-link-inherit {
 421 | 	color: 					#2F3E46 /*{c-bhover-color}*/;
 422 | }
 423 | .ui-btn-down-c {
 424 | 	border: 1px solid 		#bbb /*{c-bdown-border}*/;
 425 | 	background: 			#d6d6d6 /*{c-bdown-background-color}*/;
 426 | 	font-weight: bold;
 427 | 	color: 					#222 /*{c-bdown-color}*/;
 428 | 	text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
 429 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
 430 | 	background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 431 | 	background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
 432 | 	background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
 433 | 	background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
 434 | 	background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
 435 | }
 436 | .ui-btn-down-c a.ui-link-inherit {
 437 | 	color: 					#2F3E46 /*{c-bdown-color}*/;
 438 | }
 439 | .ui-btn-up-c,
 440 | .ui-btn-hover-c,
 441 | .ui-btn-down-c {
 442 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 443 | 	text-decoration: none;
 444 | }
 445 | 
 446 | 
 447 | /* D
 448 | -----------------------------------------------------------------------------------------------------------*/
 449 | 
 450 | .ui-bar-d {
 451 | 	border: 1px solid 		#bbb /*{d-bar-border}*/;
 452 | 	background: 			#bbb /*{d-bar-background-color}*/;
 453 | 	color: 					#333 /*{d-bar-color}*/;
 454 | 	text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
 455 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
 456 | 	background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 457 | 	background-image:    -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
 458 | 	background-image:     -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
 459 | 	background-image:      -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
 460 | 	background-image:         linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
 461 | }
 462 | .ui-bar-d,
 463 | .ui-bar-d input,
 464 | .ui-bar-d select,
 465 | .ui-bar-d textarea,
 466 | .ui-bar-d button {
 467 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 468 | }
 469 | 
 470 | .ui-bar-d .ui-link-inherit {
 471 | 	color: 	#333333 /*{d-bar-color}*/;
 472 | }
 473 | .ui-bar-d .ui-link {
 474 | 	color: #2489CE /*{d-bar-link-color}*/;
 475 | 	font-weight: bold;
 476 | }
 477 | 
 478 | .ui-bar-d .ui-link:hover {
 479 | 	color: #2489CE /*{d-bar-link-hover}*/;
 480 | }
 481 | 
 482 | .ui-bar-d .ui-link:active {
 483 | 	color: #2489CE /*{d-bar-link-active}*/;
 484 | }
 485 | 
 486 | .ui-bar-d .ui-link:visited {
 487 |     color: #2489CE /*{d-bar-link-visited}*/;
 488 | }
 489 | 
 490 | .ui-body-d,
 491 | .ui-overlay-d {
 492 | 	border: 1px solid 		#bbb /*{d-body-border}*/;
 493 | 	color: 					#333333 /*{d-body-color}*/;
 494 | 	text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ 	#fff /*{d-body-shadow-color}*/;
 495 | 	background: 			#ffffff /*{d-body-background-color}*/;
 496 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
 497 | 	background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 498 | 	background-image:    -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
 499 | 	background-image:     -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
 500 | 	background-image:      -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
 501 | 	background-image:         linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
 502 | }
 503 | .ui-overlay-d {
 504 | 	background-image: none;
 505 | 	border-width: 0;
 506 | }
 507 | .ui-body-d,
 508 | .ui-body-d input,
 509 | .ui-body-d select,
 510 | .ui-body-d textarea,
 511 | .ui-body-d button {
 512 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 513 | }
 514 | 
 515 | .ui-body-d .ui-link-inherit {
 516 | 	color: 	#333333 /*{d-body-color}*/;
 517 | }
 518 | 
 519 | .ui-body-d .ui-link {
 520 | 	color: #2489CE /*{d-body-link-color}*/;
 521 | 	font-weight: bold;
 522 | }
 523 | 
 524 | .ui-body-d .ui-link:hover {
 525 | 	color: #2489CE /*{d-body-link-hover}*/;
 526 | }
 527 | 
 528 | .ui-body-d .ui-link:active {
 529 | 	color: #2489CE /*{d-body-link-active}*/;
 530 | }
 531 | 
 532 | .ui-body-d .ui-link:visited {
 533 |     color: #2489CE /*{d-body-link-visited}*/;
 534 | }
 535 | 
 536 | .ui-btn-up-d {
 537 | 	border: 1px solid 		#bbb /*{d-bup-border}*/;
 538 | 	background: 			#fff /*{d-bup-background-color}*/;
 539 | 	font-weight: bold;
 540 | 	color: 					#333 /*{d-bup-color}*/;
 541 | 	text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
 542 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
 543 | 	background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 544 | 	background-image:    -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
 545 | 	background-image:     -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
 546 | 	background-image:      -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
 547 | 	background-image:         linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
 548 | }
 549 | .ui-btn-up-d a.ui-link-inherit {
 550 | 	color: 					#333 /*{d-bup-color}*/;
 551 | }
 552 | .ui-btn-hover-d {
 553 | 	border: 1px solid 		#aaa /*{d-bhover-border}*/;
 554 | 	background: 			#eeeeee /*{d-bhover-background-color}*/;
 555 | 	font-weight: bold;
 556 | 	color: 					#333 /*{d-bhover-color}*/;
 557 | 	cursor: pointer;
 558 | 	text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ 	#fff /*{d-bhover-shadow-color}*/;
 559 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
 560 | 	background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 561 | 	background-image:    -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
 562 | 	background-image:     -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
 563 | 	background-image:      -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
 564 | 	background-image:         linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
 565 | }
 566 | .ui-btn-hover-d a.ui-link-inherit {
 567 | 	color: 					#333 /*{d-bhover-color}*/;
 568 | }
 569 | .ui-btn-down-d {
 570 | 	border: 1px solid 		#aaa /*{d-bdown-border}*/;
 571 | 	background: 			#eee /*{d-bdown-background-color}*/;
 572 | 	font-weight: bold;
 573 | 	color: 					#333 /*{d-bdown-color}*/;
 574 | 	text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ 	#ffffff /*{d-bdown-shadow-color}*/;
 575 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
 576 | 	background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 577 | 	background-image:    -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
 578 | 	background-image:     -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
 579 | 	background-image:      -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
 580 | 	background-image:         linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
 581 | }
 582 | .ui-btn-down-d a.ui-link-inherit {
 583 | 	color: 					#333 /*{d-bdown-color}*/;
 584 | }
 585 | .ui-btn-up-d,
 586 | .ui-btn-hover-d,
 587 | .ui-btn-down-d {
 588 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 589 | 	text-decoration: none;
 590 | }
 591 | 
 592 | 
 593 | /* E
 594 | -----------------------------------------------------------------------------------------------------------*/
 595 | 
 596 | .ui-bar-e {
 597 | 	border: 1px solid 		#F7C942 /*{e-bar-border}*/;
 598 | 	background: 			#fadb4e /*{e-bar-background-color}*/;
 599 | 	color: 					#333 /*{e-bar-color}*/;
 600 | 	text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ 	#fff /*{e-bar-shadow-color}*/;
 601 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
 602 | 	background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 603 | 	background-image:    -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
 604 | 	background-image:     -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
 605 | 	background-image:      -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
 606 | 	background-image:         linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
 607 | }
 608 | .ui-bar-e,
 609 | .ui-bar-e input,
 610 | .ui-bar-e select,
 611 | .ui-bar-e textarea,
 612 | .ui-bar-e button {
 613 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 614 | }
 615 | .ui-bar-e .ui-link-inherit {
 616 | 	color: 	#333333 /*{e-bar-color}*/;
 617 | }
 618 | .ui-bar-e .ui-link {
 619 | 	color: #2489CE /*{e-bar-link-color}*/;
 620 | 	font-weight: bold;
 621 | }
 622 | 
 623 | .ui-bar-e .ui-link:hover {
 624 | 	color: #2489CE /*{e-bar-link-hover}*/;
 625 | }
 626 | 
 627 | .ui-bar-e .ui-link:active {
 628 | 	color: #2489CE /*{e-bar-link-active}*/;
 629 | }
 630 | 
 631 | .ui-bar-e .ui-link:visited {
 632 |     color: #2489CE /*{e-bar-link-visited}*/;
 633 | }
 634 | 
 635 | .ui-body-e,
 636 | .ui-overlay-e {
 637 | 	border: 1px solid 		#F7C942 /*{e-body-border}*/;
 638 | 	color: 					#222222 /*{e-body-color}*/;
 639 | 	text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ 	#fff /*{e-body-shadow-color}*/;
 640 | 	background: 			#fff9df /*{e-body-background-color}*/;
 641 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
 642 | 	background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 643 | 	background-image:    -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
 644 | 	background-image:     -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
 645 | 	background-image:      -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
 646 | 	background-image:         linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
 647 | }
 648 | .ui-overlay-e {
 649 | 	background-image: none;
 650 | 	border-width: 0;
 651 | }
 652 | .ui-body-e,
 653 | .ui-body-e input,
 654 | .ui-body-e select,
 655 | .ui-body-e textarea,
 656 | .ui-body-e button {
 657 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 658 | }
 659 | .ui-body-e .ui-link-inherit {
 660 | 	color: 	#333333 /*{e-body-color}*/;
 661 | }
 662 | 
 663 | .ui-body-e .ui-link {
 664 | 	color: #2489CE /*{e-body-link-color}*/;
 665 | 	font-weight: bold;
 666 | }
 667 | 
 668 | .ui-body-e .ui-link:hover {
 669 | 	color: #2489CE /*{e-body-link-hover}*/;
 670 | }
 671 | 
 672 | .ui-body-e .ui-link:active {
 673 | 	color: #2489CE /*{e-body-link-active}*/;
 674 | }
 675 | 
 676 | .ui-body-e .ui-link:visited {
 677 |     color: #2489CE /*{e-body-link-visited}*/;
 678 | }
 679 | 
 680 | .ui-btn-up-e {
 681 | 	border: 1px solid 		#F4C63f /*{e-bup-border}*/;
 682 | 	background: 			#fadb4e /*{e-bup-background-color}*/;
 683 | 	font-weight: bold;
 684 | 	color: 					#222 /*{e-bup-color}*/;
 685 | 	text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ 	#fff /*{e-bup-shadow-color}*/;
 686 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
 687 | 	background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 688 | 	background-image:    -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
 689 | 	background-image:     -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
 690 | 	background-image:      -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
 691 | 	background-image:         linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
 692 | }
 693 | .ui-btn-up-e a.ui-link-inherit {
 694 | 	color: 					#222 /*{e-bup-color}*/;
 695 | }
 696 | .ui-btn-hover-e {
 697 | 	border: 1px solid 		#F2C43d /*{e-bhover-border}*/;
 698 | 	background: 			#fbe26f /*{e-bhover-background-color}*/;
 699 | 	font-weight: bold;
 700 | 	color: 					#111 /*{e-bhover-color}*/;
 701 | 	text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ 	#fff /*{e-bhover-shadow-color}*/;
 702 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
 703 | 	background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 704 | 	background-image:    -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
 705 | 	background-image:     -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
 706 | 	background-image:      -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
 707 | 	background-image:         linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
 708 | }
 709 | 
 710 | .ui-btn-hover-e a.ui-link-inherit {
 711 | 	color: 					#333 /*{e-bhover-color}*/;
 712 | }
 713 | .ui-btn-down-e {
 714 | 	border: 1px solid 		#F2C43d /*{e-bdown-border}*/;
 715 | 	background: 			#fceda7 /*{e-bdown-background-color}*/;
 716 | 	font-weight: bold;
 717 | 	color: 					#111 /*{e-bdown-color}*/;
 718 | 	text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ 	#ffffff /*{e-bdown-shadow-color}*/;
 719 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
 720 | 	background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 721 | 	background-image:    -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
 722 | 	background-image:     -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
 723 | 	background-image:      -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
 724 | 	background-image:         linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
 725 | }
 726 | .ui-btn-down-e a.ui-link-inherit {
 727 | 	color: 					#333 /*{e-bdown-color}*/;
 728 | }
 729 | .ui-btn-up-e,
 730 | .ui-btn-hover-e,
 731 | .ui-btn-down-e {
 732 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 733 | 	text-decoration: none;
 734 | }
 735 | 
 736 | /* Structure */
 737 | 
 738 | /* links within "buttons" 
 739 | -----------------------------------------------------------------------------------------------------------*/
 740 | 
 741 | a.ui-link-inherit {
 742 | 	text-decoration: none !important;
 743 | }
 744 | 
 745 | 
 746 | /* Active class used as the "on" state across all themes
 747 | -----------------------------------------------------------------------------------------------------------*/
 748 | .ui-btn-active {
 749 | 	border: 1px solid 		#2373a5 /*{global-active-border}*/;
 750 | 	background: 			#5393c5 /*{global-active-background-color}*/;
 751 | 	font-weight: bold;
 752 | 	color: 					#fff /*{global-active-color}*/;
 753 | 	cursor: pointer;
 754 | 	text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
 755 | 	text-decoration: none;
 756 | 	background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
 757 | 	background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
 758 | 	background-image:    -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
 759 | 	background-image:     -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
 760 | 	background-image:      -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
 761 | 	background-image:         linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
 762 | 	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 763 | }
 764 | .ui-btn-active a.ui-link-inherit {
 765 | 	color: 					#fff /*{global-active-color}*/;
 766 | }
 767 | 
 768 | 
 769 | /* button inner top highlight
 770 | -----------------------------------------------------------------------------------------------------------*/
 771 | 
 772 | .ui-btn-inner {
 773 | 	border-top: 1px solid 	#fff;
 774 | 	border-color: 			rgba(255,255,255,.3);
 775 | }
 776 | 
 777 | 
 778 | /* corner rounding classes
 779 | -----------------------------------------------------------------------------------------------------------*/
 780 | 
 781 | .ui-corner-tl {
 782 | 	-moz-border-radius-topleft: 		.6em /*{global-radii-blocks}*/;
 783 | 	-webkit-border-top-left-radius: 	.6em /*{global-radii-blocks}*/;
 784 | 	border-top-left-radius: 			.6em /*{global-radii-blocks}*/;
 785 | }
 786 | .ui-corner-tr {
 787 | 	-moz-border-radius-topright: 		.6em /*{global-radii-blocks}*/;
 788 | 	-webkit-border-top-right-radius: 	.6em /*{global-radii-blocks}*/;
 789 | 	border-top-right-radius: 			.6em /*{global-radii-blocks}*/;
 790 | }
 791 | .ui-corner-bl {
 792 | 	-moz-border-radius-bottomleft: 		.6em /*{global-radii-blocks}*/;
 793 | 	-webkit-border-bottom-left-radius: 	.6em /*{global-radii-blocks}*/;
 794 | 	border-bottom-left-radius: 			.6em /*{global-radii-blocks}*/;
 795 | }
 796 | .ui-corner-br {
 797 | 	-moz-border-radius-bottomright: 	.6em /*{global-radii-blocks}*/;
 798 | 	-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
 799 | 	border-bottom-right-radius: 		.6em /*{global-radii-blocks}*/;
 800 | }
 801 | .ui-corner-top {
 802 | 	-moz-border-radius-topleft: 		.6em /*{global-radii-blocks}*/;
 803 | 	-webkit-border-top-left-radius: 	.6em /*{global-radii-blocks}*/;
 804 | 	border-top-left-radius: 			.6em /*{global-radii-blocks}*/;
 805 | 	-moz-border-radius-topright: 		.6em /*{global-radii-blocks}*/;
 806 | 	-webkit-border-top-right-radius: 	.6em /*{global-radii-blocks}*/;
 807 | 	border-top-right-radius: 			.6em /*{global-radii-blocks}*/;
 808 | }
 809 | .ui-corner-bottom {
 810 | 	-moz-border-radius-bottomleft: 		.6em /*{global-radii-blocks}*/;
 811 | 	-webkit-border-bottom-left-radius: 	.6em /*{global-radii-blocks}*/;
 812 | 	border-bottom-left-radius: 			.6em /*{global-radii-blocks}*/;
 813 | 	-moz-border-radius-bottomright: 	.6em /*{global-radii-blocks}*/;
 814 | 	-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
 815 | 	border-bottom-right-radius: 		.6em /*{global-radii-blocks}*/;
 816 | 	}
 817 | .ui-corner-right {
 818 | 	-moz-border-radius-topright: 		.6em /*{global-radii-blocks}*/;
 819 | 	-webkit-border-top-right-radius: 	.6em /*{global-radii-blocks}*/;
 820 | 	border-top-right-radius: 			.6em /*{global-radii-blocks}*/;
 821 | 	-moz-border-radius-bottomright: 	.6em /*{global-radii-blocks}*/;
 822 | 	-webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
 823 | 	border-bottom-right-radius: 		.6em /*{global-radii-blocks}*/;
 824 | }
 825 | .ui-corner-left {
 826 | 	-moz-border-radius-topleft: 		.6em /*{global-radii-blocks}*/;
 827 | 	-webkit-border-top-left-radius: 	.6em /*{global-radii-blocks}*/;
 828 | 	border-top-left-radius: 			.6em /*{global-radii-blocks}*/;
 829 | 	-moz-border-radius-bottomleft: 		.6em /*{global-radii-blocks}*/;
 830 | 	-webkit-border-bottom-left-radius: 	.6em /*{global-radii-blocks}*/;
 831 | 	border-bottom-left-radius: 			.6em /*{global-radii-blocks}*/;
 832 | }
 833 | .ui-corner-all {
 834 | 	-moz-border-radius: 				.6em /*{global-radii-blocks}*/;
 835 | 	-webkit-border-radius: 				.6em /*{global-radii-blocks}*/;
 836 | 	border-radius: 						.6em /*{global-radii-blocks}*/;
 837 | }
 838 | .ui-corner-none {
 839 | 	-moz-border-radius: 				   0;
 840 | 	-webkit-border-radius: 				   0;
 841 | 	border-radius: 						   0;
 842 | }
 843 | 
 844 | /* Form field separator
 845 | -----------------------------------------------------------------------------------------------------------*/
 846 | .ui-br {
 847 | 	border-bottom: rgb(130,130,130);
 848 | 	border-bottom: rgba(130,130,130,.3);
 849 | 	border-bottom-width: 1px;
 850 | 	border-bottom-style: solid;
 851 | }
 852 | 
 853 | /* Interaction cues
 854 | -----------------------------------------------------------------------------------------------------------*/
 855 | .ui-disabled {
 856 | 	opacity: 							.3;
 857 | }
 858 | .ui-disabled,
 859 | .ui-disabled a {
 860 | 	cursor: default !important;
 861 | 	pointer-events: none;
 862 | }
 863 | .ui-disabled .ui-btn-text {
 864 | 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
 865 | 	filter: alpha(opacity=30);
 866 | 	zoom: 1;
 867 | }
 868 | 
 869 | /* Icons
 870 | -----------------------------------------------------------------------------------------------------------*/
 871 | 
 872 | .ui-icon,
 873 | .ui-icon-searchfield:after {
 874 | 	background: 						#666 /*{global-icon-color}*/;
 875 | 	background: 						rgba(0,0,0,.4) /*{global-icon-disc}*/;
 876 | 	background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
 877 | 	background-repeat: no-repeat;
 878 | 	-moz-border-radius: 				9px;
 879 | 	-webkit-border-radius: 				9px;
 880 | 	border-radius: 						9px;
 881 | }
 882 | 
 883 | 
 884 | /* Alt icon color
 885 | -----------------------------------------------------------------------------------------------------------*/
 886 | 
 887 | .ui-icon-alt {
 888 | 	background: 						#fff;
 889 | 	background: 						rgba(255,255,255,.3);
 890 | 	background-image: url(images/icons-18-black.png);
 891 | 	background-repeat: no-repeat;
 892 | }
 893 | 
 894 | /* HD/"retina" sprite
 895 | -----------------------------------------------------------------------------------------------------------*/
 896 | 
 897 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 898 |        only screen and (min--moz-device-pixel-ratio: 1.5),
 899 |        only screen and (min-resolution: 240dpi) {
 900 | 	
 901 | 	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
 902 | 	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
 903 | 	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
 904 | 	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 
 905 | 	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
 906 | 		background-image: url(images/icons-36-white.png);
 907 | 		-moz-background-size: 776px 18px;
 908 | 		-o-background-size: 776px 18px;
 909 | 		-webkit-background-size: 776px 18px;
 910 | 		background-size: 776px 18px;
 911 | 	}
 912 | 	.ui-icon-alt {
 913 | 		background-image: url(images/icons-36-black.png);
 914 | 	}
 915 | }
 916 | 
 917 | /* plus minus */
 918 | .ui-icon-plus {
 919 | 	background-position: 	-0 50%;
 920 | }
 921 | .ui-icon-minus {
 922 | 	background-position: 	-36px 50%;
 923 | }
 924 | 
 925 | /* delete/close */
 926 | .ui-icon-delete {
 927 | 	background-position: 	-72px 50%;
 928 | }
 929 | 
 930 | /* arrows */
 931 | .ui-icon-arrow-r {
 932 | 	background-position: 	-108px 50%;
 933 | }
 934 | .ui-icon-arrow-l {
 935 | 	background-position: 	-144px 50%;
 936 | }
 937 | .ui-icon-arrow-u {
 938 | 	background-position: 	-180px 50%;
 939 | }
 940 | .ui-icon-arrow-d {
 941 | 	background-position: 	-216px 50%;
 942 | }
 943 | 
 944 | /* misc */
 945 | .ui-icon-check {
 946 | 	background-position: 	-252px 50%;
 947 | }
 948 | .ui-icon-gear {
 949 | 	background-position: 	-288px 50%;
 950 | }
 951 | .ui-icon-refresh {
 952 | 	background-position: 	-324px 50%;
 953 | }
 954 | .ui-icon-forward {
 955 | 	background-position: 	-360px 50%;
 956 | }
 957 | .ui-icon-back {
 958 | 	background-position: 	-396px 50%;
 959 | }
 960 | .ui-icon-grid {
 961 | 	background-position: 	-432px 50%;
 962 | }
 963 | .ui-icon-star {
 964 | 	background-position: 	-468px 50%;
 965 | }
 966 | .ui-icon-alert {
 967 | 	background-position: 	-504px 50%;
 968 | }
 969 | .ui-icon-info {
 970 | 	background-position: 	-540px 50%;
 971 | }
 972 | .ui-icon-home {
 973 | 	background-position: 	-576px 50%;
 974 | }
 975 | .ui-icon-search,
 976 | .ui-icon-searchfield:after {
 977 | 	background-position: 	-612px 50%;
 978 | }
 979 | .ui-icon-checkbox-off {
 980 | 	background-position: 	-684px 50%;
 981 | }
 982 | .ui-icon-checkbox-on {
 983 | 	background-position: 	-648px 50%;
 984 | }
 985 | .ui-icon-radio-off {
 986 | 	background-position: 	-756px 50%;
 987 | }
 988 | .ui-icon-radio-on {
 989 | 	background-position: 	-720px 50%;
 990 | }
 991 | 
 992 | 
 993 | /* checks,radios */
 994 | .ui-checkbox .ui-icon {
 995 | 	-moz-border-radius: 3px;
 996 | 	-webkit-border-radius: 3px;
 997 | 	border-radius: 3px;
 998 | }
 999 | .ui-icon-checkbox-off,
1000 | .ui-icon-radio-off {
1001 | 	background-color: transparent;	
1002 | }
1003 | .ui-checkbox-on .ui-icon,
1004 | .ui-radio-on .ui-icon {
1005 | 	background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
1006 | }
1007 | 
1008 | /* loading icon */
1009 | .ui-icon-loading {
1010 | 	background: url(images/ajax-loader.gif);
1011 | 	background-size: 46px 46px;
1012 | }
1013 | 
1014 | 
1015 | /* Button corner classes
1016 | -----------------------------------------------------------------------------------------------------------*/
1017 | 
1018 | .ui-btn-corner-tl {
1019 | 	-moz-border-radius-topleft: 		1em /*{global-radii-buttons}*/;
1020 | 	-webkit-border-top-left-radius: 	1em /*{global-radii-buttons}*/;
1021 | 	border-top-left-radius: 			1em /*{global-radii-buttons}*/;
1022 | }
1023 | .ui-btn-corner-tr {
1024 | 	-moz-border-radius-topright: 		1em /*{global-radii-buttons}*/;
1025 | 	-webkit-border-top-right-radius: 	1em /*{global-radii-buttons}*/;
1026 | 	border-top-right-radius: 			1em /*{global-radii-buttons}*/;
1027 | }
1028 | .ui-btn-corner-bl {
1029 | 	-moz-border-radius-bottomleft: 		1em /*{global-radii-buttons}*/;
1030 | 	-webkit-border-bottom-left-radius: 	1em /*{global-radii-buttons}*/;
1031 | 	border-bottom-left-radius: 			1em /*{global-radii-buttons}*/;
1032 | }
1033 | .ui-btn-corner-br {
1034 | 	-moz-border-radius-bottomright: 	1em /*{global-radii-buttons}*/;
1035 | 	-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
1036 | 	border-bottom-right-radius: 		1em /*{global-radii-buttons}*/;
1037 | }
1038 | .ui-btn-corner-top {
1039 | 	-moz-border-radius-topleft: 		1em /*{global-radii-buttons}*/;
1040 | 	-webkit-border-top-left-radius: 	1em /*{global-radii-buttons}*/;
1041 | 	border-top-left-radius: 			1em /*{global-radii-buttons}*/;
1042 | 	-moz-border-radius-topright: 		1em /*{global-radii-buttons}*/;
1043 | 	-webkit-border-top-right-radius: 	1em /*{global-radii-buttons}*/;
1044 | 	border-top-right-radius: 			1em /*{global-radii-buttons}*/;
1045 | }
1046 | .ui-btn-corner-bottom {
1047 | 	-moz-border-radius-bottomleft: 		1em /*{global-radii-buttons}*/;
1048 | 	-webkit-border-bottom-left-radius: 	1em /*{global-radii-buttons}*/;
1049 | 	border-bottom-left-radius: 			1em /*{global-radii-buttons}*/;
1050 | 	-moz-border-radius-bottomright: 	1em /*{global-radii-buttons}*/;
1051 | 	-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
1052 | 	border-bottom-right-radius: 		1em /*{global-radii-buttons}*/;
1053 | }
1054 | .ui-btn-corner-right {
1055 | 	 -moz-border-radius-topright: 		1em /*{global-radii-buttons}*/;
1056 | 	-webkit-border-top-right-radius: 	1em /*{global-radii-buttons}*/;
1057 | 	border-top-right-radius: 			1em /*{global-radii-buttons}*/;
1058 | 	-moz-border-radius-bottomright: 	1em /*{global-radii-buttons}*/;
1059 | 	-webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
1060 | 	border-bottom-right-radius: 		1em /*{global-radii-buttons}*/;
1061 | }
1062 | .ui-btn-corner-left {
1063 | 	-moz-border-radius-topleft: 		1em /*{global-radii-buttons}*/;
1064 | 	-webkit-border-top-left-radius: 	1em /*{global-radii-buttons}*/;
1065 | 	border-top-left-radius: 			1em /*{global-radii-buttons}*/;
1066 | 	-moz-border-radius-bottomleft: 		1em /*{global-radii-buttons}*/;
1067 | 	-webkit-border-bottom-left-radius: 	1em /*{global-radii-buttons}*/;
1068 | 	border-bottom-left-radius: 			1em /*{global-radii-buttons}*/;
1069 | }
1070 | .ui-btn-corner-all {
1071 | 	-moz-border-radius: 				1em /*{global-radii-buttons}*/;
1072 | 	-webkit-border-radius: 				1em /*{global-radii-buttons}*/;
1073 | 	border-radius: 						1em /*{global-radii-buttons}*/;
1074 | }
1075 | 
1076 | /* radius clip workaround for cleaning up corner trapping */
1077 | .ui-corner-tl,
1078 | .ui-corner-tr,
1079 | .ui-corner-bl, 
1080 | .ui-corner-br,
1081 | .ui-corner-top,
1082 | .ui-corner-bottom, 
1083 | .ui-corner-right,
1084 | .ui-corner-left,
1085 | .ui-corner-all,
1086 | .ui-btn-corner-tl,
1087 | .ui-btn-corner-tr,
1088 | .ui-btn-corner-bl, 
1089 | .ui-btn-corner-br,
1090 | .ui-btn-corner-top,
1091 | .ui-btn-corner-bottom, 
1092 | .ui-btn-corner-right,
1093 | .ui-btn-corner-left,
1094 | .ui-btn-corner-all {
1095 |   -webkit-background-clip: padding-box;
1096 |      -moz-background-clip: padding;
1097 |           background-clip: padding-box;
1098 | }
1099 | 
1100 | /* Overlay / modal
1101 | -----------------------------------------------------------------------------------------------------------*/
1102 | 
1103 | .ui-overlay {
1104 | 	background: #666;
1105 | 	opacity: .5;
1106 | 	filter: Alpha(Opacity=50);
1107 | 	position: absolute;
1108 | 	width: 100%;
1109 | 	height: 100%;
1110 | }
1111 | .ui-overlay-shadow {
1112 | 	-moz-box-shadow: 0px 0px 12px 			rgba(0,0,0,.6);
1113 | 	-webkit-box-shadow: 0px 0px 12px 		rgba(0,0,0,.6);
1114 | 	box-shadow: 0px 0px 12px 				rgba(0,0,0,.6);
1115 | }
1116 | .ui-shadow {
1117 | 	-moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 			rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1118 | 	-webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 		rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1119 | 	box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ 				rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1120 | }
1121 | .ui-bar-a .ui-shadow,
1122 | .ui-bar-b .ui-shadow ,
1123 | .ui-bar-c .ui-shadow  {
1124 | 	-moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.3);
1125 | 	-webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.3);
1126 | 	box-shadow: 0px 1px 0 					rgba(255,255,255,.3);
1127 | }
1128 | .ui-shadow-inset {
1129 | 	-moz-box-shadow: inset 0px 1px 4px 		rgba(0,0,0,.2);
1130 | 	-webkit-box-shadow: inset 0px 1px 4px 	rgba(0,0,0,.2);
1131 | 	box-shadow: inset 0px 1px 4px 			rgba(0,0,0,.2);
1132 | }
1133 | .ui-icon-shadow {
1134 | 	-moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1135 | 	-webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1136 | 	box-shadow: 0px 1px 0 					rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1137 | }
1138 | 
1139 | /* Focus state - set here for specificity (note: these classes are added by JavaScript)
1140 | -----------------------------------------------------------------------------------------------------------*/
1141 | 
1142 | .ui-btn:focus {
1143 | 	outline: 0;
1144 | }
1145 | 
1146 | .ui-focus,
1147 | .ui-btn:focus {
1148 | 	-moz-box-shadow: 0px 0px 12px 		#387bbe /*{global-active-background-color}*/;
1149 | 	-webkit-box-shadow: 0px 0px 12px 	#387bbe /*{global-active-background-color}*/;
1150 | 	box-shadow: 0px 0px 12px 			#387bbe /*{global-active-background-color}*/;
1151 | }
1152 | 
1153 | /* unset box shadow in browsers that don't do it right
1154 | -----------------------------------------------------------------------------------------------------------*/
1155 | 
1156 | .ui-mobile-nosupport-boxshadow * {
1157 | 	-moz-box-shadow: none !important;
1158 | 	-webkit-box-shadow: none !important;
1159 | 	box-shadow: none !important;
1160 | }
1161 | 
1162 | /* ...and bring back focus */
1163 | .ui-mobile-nosupport-boxshadow .ui-focus,
1164 | .ui-mobile-nosupport-boxshadow .ui-btn:focus {
1165 | 	outline-width: 1px;
1166 | 	outline-style: dotted;
1167 | }
1168 | 


--------------------------------------------------------------------------------