Subversion Repositories HomeAutomation

Rev

Rev 1872 | Go to most recent revision | Blame | Last modification | View Log | SVN | RSS feed

  1. /*!
  2.  * jQuery Mobile v1.0b1
  3.  * http://jquerymobile.com/
  4.  *
  5.  * Copyright 2010, jQuery Project
  6.  * Dual licensed under the MIT or GPL Version 2 licenses.
  7.  * http://jquery.org/license
  8.  */
  9. /*
  10. * jQuery Mobile Framework
  11. * Copyright (c) jQuery Project
  12. * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
  13. * Note: Code is in draft form and is subject to change
  14. */
  15.  
  16.  
  17. /* A
  18. -----------------------------------------------------------------------------------------------------------*/
  19.  
  20. .ui-bar-a {
  21.     border: 1px solid       #2A2A2A;
  22.     background:             #111111;
  23.     color:                  #ffffff;
  24.     font-weight: bold;
  25.     text-shadow: 0 -1px 1px #000000;
  26.     background-image: -moz-linear-gradient(top,
  27.                             #3c3c3c,
  28.                             #111111);
  29.     background-image: -webkit-gradient(linear,left top,left bottom,
  30.         color-stop(0,   #3c3c3c),
  31.         color-stop(1,       #111111));
  32.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3c3c3c', EndColorStr='#111111')";
  33. }
  34. .ui-bar-a,
  35. .ui-bar-a input,
  36. .ui-bar-a select,
  37. .ui-bar-a textarea,
  38. .ui-bar-a button {
  39.     font-family: Helvetica, Arial, sans-serif;
  40. }
  41. .ui-bar-a .ui-link-inherit {
  42.     color:                  #fff;
  43. }
  44. .ui-bar-a .ui-link {
  45.     color:                  #7cc4e7;
  46.     font-weight: bold;
  47. }
  48. .ui-body-a {
  49.     border: 1px solid       #2A2A2A;
  50.     background:             #222222;
  51.     color:                  #fff;
  52.      text-shadow: 0 1px 0   #000;
  53.     font-weight: normal;
  54.     background-image: -moz-linear-gradient(top,
  55.                             #666666,
  56.                             #222222);
  57.     background-image: -webkit-gradient(linear,left top,left bottom,
  58.         color-stop(0,       #666666),
  59.         color-stop(1,       #222222));
  60.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222)')";
  61. }
  62. .ui-body-a,
  63. .ui-body-a input,
  64. .ui-body-a select,
  65. .ui-body-a textarea,
  66. .ui-body-a button {
  67.     font-family: Helvetica, Arial, sans-serif;
  68. }
  69. .ui-body-a .ui-link-inherit {
  70.     color:                  #fff;
  71. }
  72. .ui-body-a .ui-link {
  73.     color:                  #2489CE;
  74.     font-weight: bold;
  75. }
  76. .ui-br {
  77.     border-bottom: rgb(130,130,130);
  78.     border-bottom: rgba(130,130,130,.3);
  79.     border-bottom-width: 1px;
  80.     border-bottom-style: solid;
  81. }
  82. .ui-btn-up-a {
  83.     border: 1px solid       #222;
  84.     background:             #333333;
  85.     font-weight: bold;
  86.     color:                  #fff;
  87.     text-shadow: 0 -1px 1px #000;
  88.     background-image: -moz-linear-gradient(top,
  89.                             #555555,
  90.                             #333333);
  91.     background-image: -webkit-gradient(linear,left top,left bottom,
  92.         color-stop(0,       #555555),
  93.         color-stop(1,       #333333));
  94.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#333333')";
  95. }
  96. .ui-btn-up-a a.ui-link-inherit {
  97.     color:                  #fff;
  98. }
  99. .ui-btn-hover-a {
  100.     border: 1px solid       #000;
  101.     background:             #444444;
  102.     font-weight: bold;
  103.     color:                  #fff;
  104.     text-shadow: 0 -1px 1px #000;
  105.     background-image: -moz-linear-gradient(top,
  106.                             #666666,
  107.                             #444444);
  108.     background-image: -webkit-gradient(linear,left top,left bottom,
  109.         color-stop(0,       #666666),
  110.         color-stop(1,       #444444));
  111.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#444444')";
  112. }
  113. .ui-btn-hover-a a.ui-link-inherit {
  114.     color:                  #fff;
  115. }
  116. .ui-btn-down-a {
  117.     border: 1px solid       #000;
  118.     background:             #3d3d3d;
  119.     font-weight: bold;
  120.     color:                  #fff;
  121.     text-shadow: 0 -1px 1px #000;
  122.     background-image: -moz-linear-gradient(top,
  123.                             #333333,
  124.                             #5a5a5a);
  125.     background-image: -webkit-gradient(linear,left top,left bottom,
  126.         color-stop(0,       #333333),
  127.         color-stop(1,       #5a5a5a));
  128.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#5a5a5a')";
  129. }
  130. .ui-btn-down-a a.ui-link-inherit {
  131.     color:                  #fff;
  132. }
  133. .ui-btn-up-a,
  134. .ui-btn-hover-a,
  135. .ui-btn-down-a {
  136.     font-family: Helvetica, Arial, sans-serif;
  137.     text-decoration: none;
  138. }
  139.  
  140.  
  141. /* B
  142. -----------------------------------------------------------------------------------------------------------*/
  143.  
  144. .ui-bar-b {
  145.     border: 1px solid       #456f9a;
  146.     background:             #5e87b0;
  147.     color:                  #fff;
  148.     font-weight: bold;
  149.     text-shadow: 0 -1px 1px #254f7a;
  150.     background-image: -moz-linear-gradient(top,
  151.                             #81a8ce,
  152.                             #5e87b0);
  153.     background-image: -webkit-gradient(linear,left top,left bottom,
  154.         color-stop(0,       #81a8ce),
  155.         color-stop(1,       #5e87b0));
  156.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#81a8ce', EndColorStr='#5e87b0')";
  157. }
  158. .ui-bar-b,
  159. .ui-bar-b input,
  160. .ui-bar-b select,
  161. .ui-bar-b textarea,
  162. .ui-bar-b button {
  163.     font-family: Helvetica, Arial, sans-serif;
  164. }
  165. .ui-bar-b .ui-link-inherit {
  166.     color:                  #fff;
  167. }
  168. .ui-bar-b .ui-link {
  169.     color:                  #7cc4e7;
  170.     font-weight: bold;
  171. }
  172.  
  173. .ui-body-b {
  174.     border: 1px solid       #C6C6C6;
  175.     background:             #cccccc;
  176.     color:                  #333333;
  177.     text-shadow: 0 1px 0    #fff;
  178.     font-weight: normal;
  179.     background-image: -moz-linear-gradient(top,
  180.                             #e6e6e6,
  181.                             #cccccc);
  182.     background-image: -webkit-gradient(linear,left top,left bottom,
  183.         color-stop(0,       #e6e6e6),
  184.         color-stop(1,       #cccccc));
  185.      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#cccccc')";
  186. }
  187. .ui-body-b,
  188. .ui-body-b input,
  189. .ui-body-b select,
  190. .ui-body-b textarea,
  191. .ui-body-b button {
  192.     font-family: Helvetica, Arial, sans-serif;
  193. }
  194. .ui-body-b .ui-link-inherit {
  195.     color:                  #333333;
  196. }
  197. .ui-body-b .ui-link {
  198.     color:                  #2489CE;
  199.     font-weight: bold;
  200. }
  201. .ui-btn-up-b {
  202.     border: 1px solid       #145072;
  203.     background:             #2567ab;
  204.     font-weight: bold;
  205.     color:                  #fff;
  206.     text-shadow: 0 -1px 1px #145072;
  207.     background-image: -moz-linear-gradient(top,
  208.                             #4e89c5,
  209.                             #2567ab);
  210.     background-image: -webkit-gradient(linear,left top,left bottom,
  211.             color-stop(0,   #5f9cc5),
  212.             color-stop(1,   #396b9e));
  213.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e89c5', EndColorStr='#2567ab')";
  214. }
  215. .ui-btn-up-b a.ui-link-inherit {
  216.     color:                  #fff;
  217. }
  218. .ui-btn-hover-b {
  219.     border: 1px solid       #00516e;
  220.     background:             #4b88b6;
  221.     font-weight: bold;
  222.     color:                  #fff;
  223.     text-shadow: 0 -1px 1px #014D68;
  224.     background-image: -moz-linear-gradient(top,
  225.                             #72b0d4,
  226.                             #4b88b6);
  227.     background-image: -webkit-gradient(linear,left top,left bottom,
  228.             color-stop(0,   #72b0d4),
  229.             color-stop(1,   #4b88b6));
  230.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#72b0d4', EndColorStr='#4b88b6')";
  231. }
  232. .ui-btn-hover-b a.ui-link-inherit {
  233.     color:                  #fff;
  234. }
  235. .ui-btn-down-b {
  236.     border: 1px solid       #225377;
  237.     background:             #4e89c5;
  238.     font-weight: bold;
  239.     color:                  #fff;
  240.     text-shadow: 0 -1px 1px #225377;
  241.     background-image: -moz-linear-gradient(top,
  242.                             #396b9e,
  243.                             #4e89c5);
  244.     background-image: -webkit-gradient(linear,left top,left bottom,
  245.         color-stop(0,       #396b9e),
  246.         color-stop(1,       #4e89c5));
  247.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#396b9e', EndColorStr='#4e89c5')";
  248. }
  249. .ui-btn-down-b a.ui-link-inherit {
  250.     color:                  #fff;
  251. }
  252. .ui-btn-up-b,
  253. .ui-btn-hover-b,
  254. .ui-btn-down-b {
  255.     font-family: Helvetica, Arial, sans-serif;
  256.     text-decoration: none;
  257. }
  258.  
  259.  
  260. /* C
  261. -----------------------------------------------------------------------------------------------------------*/
  262.  
  263. .ui-bar-c {
  264.     border: 1px solid       #B3B3B3;
  265.     background:             #e9eaeb;
  266.     color:                  #3E3E3E;
  267.     font-weight: bold;
  268.     text-shadow: 0 1px 1px  #fff;
  269.     background-image: -moz-linear-gradient(top,
  270.                             #f0f0f0,
  271.                             #e9eaeb);
  272.     background-image: -webkit-gradient(linear,left top,left bottom,
  273.             color-stop(0,   #f0f0f0),
  274.             color-stop(1,   #e9eaeb));
  275.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e9eaeb')";
  276. }
  277. .ui-bar-c,
  278. .ui-bar-c input,
  279. .ui-bar-c select,
  280. .ui-bar-c textarea,
  281. .ui-bar-c button {
  282.     font-family: Helvetica, Arial, sans-serif;
  283. }
  284. .ui-body-c {
  285.     border: 1px solid       #B3B3B3;
  286.     color:                  #333333;
  287.     text-shadow: 0 1px 0    #fff;
  288.     background:             #f0f0f0;
  289.     background-image: -moz-linear-gradient(top,
  290.                             #eeeeee,
  291.                             #dddddd);
  292.     background-image: -webkit-gradient(linear,left top,left bottom,
  293.         color-stop(0,       #eeeeee),
  294.         color-stop(1,       #dddddd));
  295.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dddddd')";
  296. }
  297. .ui-body-c,
  298. .ui-body-c input,
  299. .ui-body-c select,
  300. .ui-body-c textarea,
  301. .ui-body-c button {
  302.     font-family: Helvetica, Arial, sans-serif;
  303. }
  304. .ui-body-c .ui-link-inherit {
  305.     color:                  #333333;
  306. }
  307. .ui-body-c .ui-link {
  308.     color:                  #2489CE;
  309.     font-weight: bold;
  310. }
  311.  
  312. .ui-btn-up-c {
  313.     border: 1px solid       #ccc;
  314.     background:             #eee;
  315.     font-weight: bold;
  316.     color:                  #444;
  317.     text-shadow: 0 1px 1px #f6f6f6;
  318.     background-image: -moz-linear-gradient(top,
  319.                             #fefefe,
  320.                             #eeeeee);
  321.     background-image: -webkit-gradient(linear,left top,left bottom,
  322.         color-stop(0,       #fdfdfd),
  323.         color-stop(1,       #eeeeee));
  324.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
  325. }
  326. .ui-btn-up-c a.ui-link-inherit {
  327.     color:                  #2F3E46;
  328. }
  329.  
  330. .ui-btn-hover-c {
  331.     border: 1px solid       #bbb;
  332.     background:             #dadada;
  333.     font-weight: bold;
  334.     color:                  #101010;
  335.     text-shadow: 0 1px 1px  #fff;
  336.     background-image: -moz-linear-gradient(top,
  337.                             #ededed,
  338.                             #dadada);
  339.     background-image: -webkit-gradient(linear,left top,left bottom,
  340.         color-stop(0,       #ededed),
  341.         color-stop(1,       #dadada));
  342.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')";
  343. }
  344. .ui-btn-hover-c a.ui-link-inherit {
  345.     color:                  #2F3E46;
  346. }
  347. .ui-btn-down-c {
  348.     border: 1px solid       #808080;
  349.     background:             #fdfdfd;
  350.     font-weight: bold;
  351.     color:                  #111111;
  352.     text-shadow: 0 1px 1px  #ffffff;
  353.     background-image: -moz-linear-gradient(top,
  354.                             #eeeeee,
  355.                             #fdfdfd);
  356.     background-image: -webkit-gradient(linear,left top,left bottom,
  357.         color-stop(0,       #eeeeee),
  358.         color-stop(1,       #fdfdfd));
  359.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')";
  360. }
  361. .ui-btn-down-c a.ui-link-inherit {
  362.     color:                  #2F3E46;
  363. }
  364. .ui-btn-up-c,
  365. .ui-btn-hover-c,
  366. .ui-btn-down-c {
  367.     font-family: Helvetica, Arial, sans-serif;
  368.     text-decoration: none;
  369. }
  370.  
  371.  
  372. /* D
  373. -----------------------------------------------------------------------------------------------------------*/
  374.  
  375. .ui-bar-d {
  376.     border: 1px solid       #ccc;
  377.     background:             #bbb;
  378.     color:                  #333;
  379.     text-shadow: 0 1px 0 #eee;
  380.     background-image: -moz-linear-gradient(top,
  381.                             #ddd,
  382.                             #bbb);
  383.     background-image: -webkit-gradient(linear,left top,left bottom,
  384.         color-stop(0,       #ddd),
  385.         color-stop(1,       #bbb));
  386.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#bbbbbb')";
  387. }
  388. .ui-bar-d,
  389. .ui-bar-d input,
  390. .ui-bar-d select,
  391. .ui-bar-d textarea,
  392. .ui-bar-d button {
  393.     font-family: Helvetica, Arial, sans-serif;
  394. }
  395. .ui-bar-d .ui-link-inherit {
  396.     color:                  #333;
  397. }
  398. .ui-bar-d .ui-link {
  399.     color:                  #2489CE;
  400.     font-weight: bold;
  401. }
  402. .ui-body-d {
  403.     border: 1px solid       #ccc;
  404.     color:                  #333333;
  405.     text-shadow: 0 1px 0    #fff;
  406.     background:             #ffffff;
  407. }
  408. .ui-body-d,
  409. .ui-body-d input,
  410. .ui-body-d select,
  411. .ui-body-d textarea,
  412. .ui-body-d button {
  413.     font-family: Helvetica, Arial, sans-serif;
  414. }
  415. .ui-body-d .ui-link-inherit {
  416.     color:                  #333333;
  417. }
  418. .ui-body-d .ui-link {
  419.     color:                  #2489CE;
  420.     font-weight: bold;
  421. }
  422. .ui-btn-up-d {
  423.     border: 1px solid       #ccc;
  424.     background:             #fff;
  425.     font-weight: bold;
  426.     color:                  #444;
  427.     text-shadow: 0 1px 1px #fff;
  428. }
  429. .ui-btn-up-d a.ui-link-inherit {
  430.     color:                  #333;
  431. }
  432. .ui-btn-hover-d {
  433.     border: 1px solid       #aaa;
  434.     background:             #eeeeee;
  435.     font-weight: bold;
  436.     color:                  #222;
  437.     cursor: pointer;
  438.     text-shadow: 0 1px 1px  #fff;
  439.     background-image: -moz-linear-gradient(top,
  440.                             #fdfdfd,
  441.                             #eeeeee);
  442.     background-image: -webkit-gradient(linear,left top,left bottom,
  443.         color-stop(0,       #fdfdfd),
  444.         color-stop(1,       #eeeeee));
  445.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
  446. }
  447. .ui-btn-hover-d a.ui-link-inherit {
  448.     color:                  #222;
  449. }
  450. .ui-btn-down-d {
  451.     border: 1px solid       #aaaaaa;
  452.     background:             #ffffff;
  453.     font-weight: bold;
  454.     color:                  #111;
  455.     text-shadow: 0 1px 1px  #ffffff;
  456.     background-image: -moz-linear-gradient(top,
  457.                             #eeeeee,
  458.                             #ffffff);
  459.     background-image: -webkit-gradient(linear,left top,left bottom,
  460.         color-stop(0,       #eeeeee),
  461.         color-stop(1,       #ffffff));
  462.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')";
  463. }
  464. .ui-btn-down-d a.ui-link-inherit {
  465.     color:                  #111;
  466. }
  467. .ui-btn-up-d,
  468. .ui-btn-hover-d,
  469. .ui-btn-down-d {
  470.     font-family: Helvetica, Arial, sans-serif;
  471.     text-decoration: none;
  472. }
  473.  
  474.  
  475. /* E
  476. -----------------------------------------------------------------------------------------------------------*/
  477.  
  478. .ui-bar-e {
  479.     border: 1px solid       #F7C942;
  480.     background:             #fadb4e;
  481.     color:                  #333;
  482.     text-shadow: 0 1px 0    #fff;
  483.     background-image: -moz-linear-gradient(top,
  484.                             #fceda7,
  485.                             #fadb4e);
  486.     background-image: -webkit-gradient(linear,left top,left bottom,
  487.         color-stop(0,       #fceda7),
  488.         color-stop(1,       #fadb4e));
  489.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";
  490. }
  491. .ui-bar-e,
  492. .ui-bar-e input,
  493. .ui-bar-e select,
  494. .ui-bar-e textarea,
  495. .ui-bar-d button {
  496.     font-family: Helvetica, Arial, sans-serif;
  497. }
  498. .ui-bar-e .ui-link-inherit {
  499.     color:                  #333;
  500. }
  501. .ui-bar-e .ui-link {
  502.     color:                  #2489CE;
  503.     font-weight: bold;
  504. }
  505. .ui-body-e {
  506.     border: 1px solid       #F7C942;
  507.     color:                  #333333;
  508.     text-shadow: 0 1px 0    #fff;
  509.     background:             #faeb9e;
  510.     background-image: -moz-linear-gradient(top,
  511.                             #fff,
  512.                             #faeb9e);
  513.     background-image: -webkit-gradient(linear,left top,left bottom,
  514.         color-stop(0,       #fff),
  515.         color-stop(1,       #faeb9e));
  516.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#faeb9e')";
  517. }
  518. .ui-body-e,
  519. .ui-body-e input,
  520. .ui-body-e select,
  521. .ui-body-e textarea,
  522. .ui-body-e button {
  523.     font-family: Helvetica, Arial, sans-serif;
  524. }
  525. .ui-body-e .ui-link-inherit {
  526.     color:                  #333333;
  527. }
  528. .ui-body-e .ui-link {
  529.     color:                  #2489CE;
  530.     font-weight: bold;
  531. }
  532. .ui-btn-up-e {
  533.     border: 1px solid       #F7C942;
  534.     background:             #fadb4e;
  535.     font-weight: bold;
  536.     color:                  #333;
  537.     text-shadow: 0 1px 0    #fff;
  538.     background-image: -moz-linear-gradient(top,
  539.                             #fceda7,
  540.                             #fadb4e);
  541.     background-image: -webkit-gradient(linear,left top,left bottom,
  542.         color-stop(0,       #fceda7),
  543.         color-stop(1,       #fadb4e));
  544.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";
  545. }
  546. .ui-btn-up-e a.ui-link-inherit {
  547.     color:                  #333;
  548. }
  549. .ui-btn-hover-e {
  550.     border: 1px solid       #e79952;
  551.     background:             #fbe26f;
  552.     font-weight: bold;
  553.     color:                  #111;
  554.     text-shadow: 0 1px 1px  #fff;
  555.     background-image: -moz-linear-gradient(top,
  556.                             #fcf0b5,
  557.                             #fbe26f);
  558.     background-image: -webkit-gradient(linear,left top,left bottom,
  559.         color-stop(0,       #fcf0b5),
  560.         color-stop(1,       #fbe26f));
  561.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')";
  562. }
  563.  
  564. .ui-btn-hover-e a.ui-link-inherit {
  565.     color:                  #333;
  566. }
  567. .ui-btn-down-e {
  568.     border: 1px solid       #F7C942;
  569.     background:             #fceda7;
  570.     font-weight: bold;
  571.     color:                  #111;
  572.     text-shadow: 0 1px 1px  #ffffff;
  573.     background-image: -moz-linear-gradient(top,
  574.                             #fadb4e,
  575.                             #fceda7);
  576.     background-image: -webkit-gradient(linear,left top,left bottom,
  577.         color-stop(0,       #fadb4e),
  578.         color-stop(1,       #fceda7));
  579.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fadb4e', EndColorStr='#fceda7')";
  580. }
  581. .ui-btn-down-e a.ui-link-inherit {
  582.     color:                  #333;
  583. }
  584. .ui-btn-up-e,
  585. .ui-btn-hover-e,
  586. .ui-btn-down-e {
  587.     font-family: Helvetica, Arial, sans-serif;
  588.     text-decoration: none;
  589. }
  590.  
  591.  
  592. /* links within "buttons"
  593. -----------------------------------------------------------------------------------------------------------*/
  594.  
  595. a.ui-link-inherit {
  596.     text-decoration: none !important;
  597. }
  598.  
  599.  
  600. /* Active class used as the "on" state across all themes
  601. -----------------------------------------------------------------------------------------------------------*/
  602.  
  603. .ui-btn-active {
  604.     border: 1px solid       #155678;
  605.     background:             #4596ce;
  606.     font-weight: bold;
  607.     color:                  #fff;
  608.     cursor: pointer;
  609.     text-shadow: 0 -1px 1px #145072;
  610.     text-decoration: none;
  611.     background-image: -moz-linear-gradient(top,
  612.                             #85bae4,
  613.                             #5393c5);
  614.     background-image: -webkit-gradient(linear,left top,left bottom,
  615.         color-stop(0,       #85bae4),
  616.         color-stop(1,       #5393c5));
  617.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#85bae4', EndColorStr='#5393c5')";
  618.     outline: none;
  619. }
  620. .ui-btn-active a.ui-link-inherit {
  621.     color:                  #fff;
  622. }
  623.  
  624.  
  625. /* button inner top highlight
  626. -----------------------------------------------------------------------------------------------------------*/
  627.  
  628. .ui-btn-inner {
  629.     border-top: 1px solid   #fff;
  630.     border-color:           rgba(255,255,255,.3);
  631. }
  632.  
  633.  
  634. /* corner rounding classes
  635. -----------------------------------------------------------------------------------------------------------*/
  636.  
  637. .ui-corner-tl {
  638.     -moz-border-radius-topleft:         .6em;
  639.     -webkit-border-top-left-radius:     .6em;
  640.     border-top-left-radius:             .6em;
  641. }
  642. .ui-corner-tr {
  643.     -moz-border-radius-topright:        .6em;
  644.     -webkit-border-top-right-radius:    .6em;
  645.     border-top-right-radius:            .6em;
  646. }
  647. .ui-corner-bl {
  648.     -moz-border-radius-bottomleft:      .6em;
  649.     -webkit-border-bottom-left-radius:  .6em;
  650.     border-bottom-left-radius:          .6em;
  651. }
  652. .ui-corner-br {
  653.     -moz-border-radius-bottomright:     .6em;
  654.     -webkit-border-bottom-right-radius: .6em;
  655.     border-bottom-right-radius:         .6em;
  656. }
  657. .ui-corner-top {
  658.     -moz-border-radius-topleft:         .6em;
  659.     -webkit-border-top-left-radius:     .6em;
  660.     border-top-left-radius:             .6em;
  661.     -moz-border-radius-topright:        .6em;
  662.     -webkit-border-top-right-radius:    .6em;
  663.     border-top-right-radius:            .6em;
  664. }
  665. .ui-corner-bottom {
  666.     -moz-border-radius-bottomleft:      .6em;
  667.     -webkit-border-bottom-left-radius:  .6em;
  668.     border-bottom-left-radius:          .6em;
  669.     -moz-border-radius-bottomright:     .6em;
  670.     -webkit-border-bottom-right-radius: .6em;
  671.     border-bottom-right-radius:         .6em;
  672.     }
  673. .ui-corner-right {
  674.     -moz-border-radius-topright:        .6em;
  675.     -webkit-border-top-right-radius:    .6em;
  676.     border-top-right-radius:            .6em;
  677.     -moz-border-radius-bottomright:     .6em;
  678.     -webkit-border-bottom-right-radius: .6em;
  679.     border-bottom-right-radius:         .6em;
  680. }
  681. .ui-corner-left {
  682.     -moz-border-radius-topleft:         .6em;
  683.     -webkit-border-top-left-radius:     .6em;
  684.     border-top-left-radius:             .6em;
  685.     -moz-border-radius-bottomleft:      .6em;
  686.     -webkit-border-bottom-left-radius:  .6em;
  687.     border-bottom-left-radius:          .6em;
  688. }
  689. .ui-corner-all {
  690.     -moz-border-radius:                 .6em;
  691.     -webkit-border-radius:              .6em;
  692.     border-radius:                      .6em;
  693. }
  694.  
  695.  
  696.  
  697. /* Interaction cues
  698. -----------------------------------------------------------------------------------------------------------*/
  699. .ui-disabled {
  700.     opacity:                            .3;
  701. }
  702. .ui-disabled,
  703. .ui-disabled a {
  704.     cursor: default;
  705. }
  706.  
  707. /* Icons
  708. -----------------------------------------------------------------------------------------------------------*/
  709.  
  710. .ui-icon {
  711.     background:                         #666;
  712.     background:                         rgba(0,0,0,.4);
  713.     background-image: url(images/icons-18-white.png);
  714.     background-repeat: no-repeat;
  715.     -moz-border-radius:                 9px;
  716.     -webkit-border-radius:              9px;
  717.     border-radius:                      9px;
  718. }
  719.  
  720.  
  721. /* Alt icon color
  722. -----------------------------------------------------------------------------------------------------------*/
  723.  
  724. .ui-icon-alt {
  725.     background:                         #fff;
  726.     background:                         rgba(255,255,255,.3);
  727.     background-image: url(images/icons-18-black.png);
  728.     background-repeat: no-repeat;
  729. }
  730.  
  731. /* HD/"retina" sprite
  732. -----------------------------------------------------------------------------------------------------------*/
  733.  
  734. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  735.        only screen and (min--moz-device-pixel-ratio: 1.5),
  736.        only screen and (min-resolution: 240dpi) {
  737.    
  738.     .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
  739.     .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
  740.     .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
  741.     .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
  742.     .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
  743.         background-image: url(images/icons-36-white.png);
  744.         -moz-background-size: 776px 18px;
  745.         -o-background-size: 776px 18px;
  746.         -webkit-background-size: 776px 18px;
  747.         background-size: 776px 18px;
  748.     }
  749.     .ui-icon-alt {
  750.         background-image: url(images/icons-36-black.png);
  751.     }
  752. }
  753.  
  754. /* plus minus */
  755. .ui-icon-plus {
  756.     background-position:    -0 50%;
  757. }
  758. .ui-icon-minus {
  759.     background-position:    -36px 50%;
  760. }
  761.  
  762. /* delete/close */
  763. .ui-icon-delete {
  764.     background-position:    -72px 50%;
  765. }
  766.  
  767. /* arrows */
  768. .ui-icon-arrow-r {
  769.     background-position:    -108px 50%;
  770. }
  771. .ui-icon-arrow-l {
  772.     background-position:    -144px 50%;
  773. }
  774. .ui-icon-arrow-u {
  775.     background-position:    -180px 50%;
  776. }
  777. .ui-icon-arrow-d {
  778.     background-position:    -216px 50%;
  779. }
  780.  
  781. /* misc */
  782. .ui-icon-check {
  783.     background-position:    -252px 50%;
  784. }
  785. .ui-icon-gear {
  786.     background-position:    -288px 50%;
  787. }
  788. .ui-icon-refresh {
  789.     background-position:    -324px 50%;
  790. }
  791. .ui-icon-forward {
  792.     background-position:    -360px 50%;
  793. }
  794. .ui-icon-back {
  795.     background-position:    -396px 50%;
  796. }
  797. .ui-icon-grid {
  798.     background-position:    -432px 50%;
  799. }
  800. .ui-icon-star {
  801.     background-position:    -468px 50%;
  802. }
  803. .ui-icon-alert {
  804.     background-position:    -504px 50%;
  805. }
  806. .ui-icon-info {
  807.     background-position:    -540px 50%;
  808. }
  809. .ui-icon-home {
  810.     background-position:    -576px 50%;
  811. }
  812. .ui-icon-search {
  813.     background-position:    -612px 50%;
  814. }
  815. .ui-icon-checkbox-off {
  816.     background-position:    -684px 50%;
  817. }
  818. .ui-icon-checkbox-on {
  819.     background-position:    -648px 50%;
  820. }
  821. .ui-icon-radio-off {
  822.     background-position:    -756px 50%;
  823. }
  824. .ui-icon-radio-on {
  825.     background-position:    -720px 50%;
  826. }
  827.  
  828.  
  829. /* checks,radios */
  830. .ui-icon-checkbox-off,
  831. .ui-icon-checkbox-on,
  832. .ui-icon-radio-off,
  833. .ui-icon-radio-on {
  834.     background-color: transparent;
  835.     -moz-border-radius: 0;
  836.     -webkit-border-radius: 0;
  837.     border-radius: 0;
  838. }
  839. .ui-icon-searchfield {
  840.     background-image: url(images/icon-search-black.png);
  841.     background-size: 16px 16px;
  842. }
  843.  
  844. /* loading icon */
  845. .ui-icon-loading {
  846.     background-image: url(images/ajax-loader.png);
  847.     width: 40px;
  848.     height: 40px;
  849.     -moz-border-radius: 20px;
  850.     -webkit-border-radius: 20px;
  851.     border-radius: 20px;
  852.     background-size: 35px 35px;
  853. }
  854.  
  855.  
  856. /* Button corner classes
  857. -----------------------------------------------------------------------------------------------------------*/
  858.  
  859. .ui-btn-corner-tl {
  860.     -moz-border-radius-topleft:         1em;
  861.     -webkit-border-top-left-radius:     1em;
  862.     border-top-left-radius:             1em;
  863. }
  864. .ui-btn-corner-tr {
  865.     -moz-border-radius-topright:        1em;
  866.     -webkit-border-top-right-radius:    1em;
  867.     border-top-right-radius:            1em;
  868. }
  869. .ui-btn-corner-bl {
  870.     -moz-border-radius-bottomleft:      1em;
  871.     -webkit-border-bottom-left-radius:  1em;
  872.     border-bottom-left-radius:          1em;
  873. }
  874. .ui-btn-corner-br {
  875.     -moz-border-radius-bottomright:     1em;
  876.     -webkit-border-bottom-right-radius: 1em;
  877.     border-bottom-right-radius:         1em;
  878. }
  879. .ui-btn-corner-top {
  880.     -moz-border-radius-topleft:         1em;
  881.     -webkit-border-top-left-radius:     1em;
  882.     border-top-left-radius:             1em;
  883.     -moz-border-radius-topright:        1em;
  884.     -webkit-border-top-right-radius:    1em;
  885.     border-top-right-radius:            1em;
  886. }
  887. .ui-btn-corner-bottom {
  888.     -moz-border-radius-bottomleft:      1em;
  889.     -webkit-border-bottom-left-radius:  1em;
  890.     border-bottom-left-radius:          1em;
  891.     -moz-border-radius-bottomright:     1em;
  892.     -webkit-border-bottom-right-radius: 1em;
  893.     border-bottom-right-radius:         1em;
  894. }
  895. .ui-btn-corner-right {
  896.      -moz-border-radius-topright:       1em;
  897.     -webkit-border-top-right-radius:    1em;
  898.     border-top-right-radius:            1em;
  899.     -moz-border-radius-bottomright:     1em;
  900.     -webkit-border-bottom-right-radius: 1em;
  901.     border-bottom-right-radius:         1em;
  902. }
  903. .ui-btn-corner-left {
  904.     -moz-border-radius-topleft:         1em;
  905.     -webkit-border-top-left-radius:     1em;
  906.     border-top-left-radius:             1em;
  907.     -moz-border-radius-bottomleft:      1em;
  908.     -webkit-border-bottom-left-radius:  1em;
  909.     border-bottom-left-radius:          1em;
  910. }
  911. .ui-btn-corner-all {
  912.     -moz-border-radius:                 1em;
  913.     -webkit-border-radius:              1em;
  914.     border-radius:                      1em;
  915. }
  916.  
  917. /* radius clip workaround for cleaning up corner trapping */
  918. .ui-corner-tl,
  919. .ui-corner-tr,
  920. .ui-corner-bl,
  921. .ui-corner-br,
  922. .ui-corner-top,
  923. .ui-corner-bottom,
  924. .ui-corner-right,
  925. .ui-corner-left,
  926. .ui-corner-all,
  927. .ui-btn-corner-tl,
  928. .ui-btn-corner-tr,
  929. .ui-btn-corner-bl,
  930. .ui-btn-corner-br,
  931. .ui-btn-corner-top,
  932. .ui-btn-corner-bottom,
  933. .ui-btn-corner-right,
  934. .ui-btn-corner-left,
  935. .ui-btn-corner-all {
  936.   -webkit-background-clip: padding-box;
  937.      -moz-background-clip: padding-box;
  938.           background-clip: padding-box;
  939. }
  940.  
  941. /* Overlay / modal
  942. -----------------------------------------------------------------------------------------------------------*/
  943.  
  944. .ui-overlay {
  945.     background: #666;
  946.     opacity: .5;
  947.     filter: Alpha(Opacity=50);
  948.     position: absolute;
  949.     width: 100%;
  950.     height: 100%;
  951. }
  952. .ui-overlay-shadow {
  953.     -moz-box-shadow: 0px 0px 12px           rgba(0,0,0,.6);
  954.     -webkit-box-shadow: 0px 0px 12px        rgba(0,0,0,.6);
  955.     box-shadow: 0px 0px 12px                rgba(0,0,0,.6);
  956. }
  957. .ui-shadow {
  958.     -moz-box-shadow: 0px 1px 4px            rgba(0,0,0,.3);
  959.     -webkit-box-shadow: 0px 1px 4px         rgba(0,0,0,.3);
  960.     box-shadow: 0px 1px 4px                 rgba(0,0,0,.3);
  961. }
  962. .ui-bar-a .ui-shadow,
  963. .ui-bar-b .ui-shadow ,
  964. .ui-bar-c .ui-shadow  {
  965.     -moz-box-shadow: 0px 1px 0              rgba(255,255,255,.3);
  966.     -webkit-box-shadow: 0px 1px 0           rgba(255,255,255,.3);
  967.     box-shadow: 0px 1px 0                   rgba(255,255,255,.3);
  968. }
  969. .ui-shadow-inset {
  970.     -moz-box-shadow: inset 0px 1px 4px      rgba(0,0,0,.2);
  971.     -webkit-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);
  972.     box-shadow: inset 0px 1px 4px           rgba(0,0,0,.2);
  973. }
  974. .ui-icon-shadow {
  975.     -moz-box-shadow: 0px 1px 0              rgba(255,255,255,.4);
  976.     -webkit-box-shadow: 0px 1px 0           rgba(255,255,255,.4);
  977.     box-shadow: 0px 1px 0                   rgba(255,255,255,.4);
  978. }
  979.  
  980.  
  981. /* Focus state - set here for specificity
  982. -----------------------------------------------------------------------------------------------------------*/
  983.  
  984. .ui-focus {
  985.     -moz-box-shadow: 0px 0px 12px       #387bbe;
  986.     -webkit-box-shadow: 0px 0px 12px    #387bbe;
  987.     box-shadow: 0px 0px 12px            #387bbe;
  988. }
  989.  
  990. /* unset box shadow in browsers that don't do it right
  991. -----------------------------------------------------------------------------------------------------------*/
  992.  
  993. .ui-mobile-nosupport-boxshadow * {
  994.     -moz-box-shadow: none !important;
  995.     -webkit-box-shadow: none !important;
  996.     box-shadow: none !important;
  997. }
  998.  
  999. /* ...and bring back focus */
  1000. .ui-mobile-nosupport-boxshadow .ui-focus {
  1001.     outline-width: 2px;
  1002. }/*
  1003. * jQuery Mobile Framework
  1004. * Copyright (c) jQuery Project
  1005. * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
  1006. * Note: Code is in draft form and is subject to change
  1007. */
  1008.  
  1009. /* some unsets - more probably needed */
  1010. .ui-mobile, .ui-mobile body { height: 100%; }
  1011. .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
  1012. .ui-mobile a img, .ui-mobile fieldset { border: 0; }
  1013.  
  1014. /* responsive page widths */
  1015. .ui-mobile-viewport {  margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  1016.  
  1017. /* "page" containers - full-screen views, one should always be in view post-pageload */
  1018. .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; }
  1019. .ui-mobile .ui-page-active { display: block; overflow: visible; }
  1020.  
  1021. /*orientations from js are available */
  1022. .portrait,
  1023. .portrait .ui-page { min-height: 420px; }
  1024. .landscape,
  1025. .landscape .ui-page  { min-height: 300px; }
  1026.  
  1027. /* loading screen */
  1028. .ui-loading .ui-mobile-viewport { overflow: hidden !important; }
  1029. .ui-loading .ui-loader { display: block; }
  1030. .ui-loading .ui-page { overflow: hidden;  }
  1031. .ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; }
  1032. .ui-loader h1 { font-size: 15px; text-align: center; }
  1033. .ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; }
  1034.  
  1035. /*fouc*/
  1036. .ui-mobile-rendering > * { visibility: hidden; }
  1037.  
  1038. /*headers, content panels*/
  1039. .ui-bar, .ui-body { position: relative; padding: .4em 15px;  overflow: hidden; display: block;  clear:both;  }
  1040. .ui-bar { font-size: 16px; margin: 0; }
  1041. .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; }
  1042.  
  1043. .ui-header, .ui-footer { display: block; }
  1044. .ui-page .ui-header, .ui-page .ui-footer { position: relative; }
  1045. .ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em;  }
  1046. .ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; }
  1047. .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em;  padding: 0;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
  1048.  
  1049. /*content area*/
  1050. .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
  1051. .ui-page-fullscreen .ui-content { padding:0; }
  1052.  
  1053. /* icons sizing */
  1054. .ui-icon { width: 18px; height: 18px; }
  1055.  
  1056. /* fullscreen class on ui-content div */
  1057. .ui-fullscreen {  }
  1058. .ui-fullscreen img { max-width: 100%; }
  1059.  
  1060. /* non-js content hiding */
  1061. .ui-nojs { position: absolute; left: -9999px; }
  1062. /*
  1063. * jQuery Mobile Framework
  1064. * Copyright (c) jQuery Project
  1065. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1066. */
  1067. .spin  {
  1068.     -webkit-transform: rotate(360deg);
  1069.     -webkit-animation-name: spin;
  1070.     -webkit-animation-duration: 1s;
  1071.     -webkit-animation-iteration-count:  infinite;
  1072. }
  1073. @-webkit-keyframes spin {
  1074.     from {-webkit-transform: rotate(0deg);}
  1075.     to {-webkit-transform: rotate(360deg);}
  1076. }
  1077.  
  1078. /* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/
  1079. Built by David Kaneda and maintained by Jonathan Stark.
  1080. */
  1081. .in, .out {
  1082.     -webkit-animation-timing-function: ease-in-out;
  1083.     -webkit-animation-duration: 350ms;
  1084. }
  1085.  
  1086. .slide.in {
  1087.     -webkit-transform: translateX(0);
  1088.     -webkit-animation-name: slideinfromright;
  1089. }
  1090.  
  1091. .slide.out {
  1092.     -webkit-transform: translateX(-100%);
  1093.     -webkit-animation-name: slideouttoleft;
  1094. }
  1095.  
  1096. .slide.in.reverse {
  1097.     -webkit-transform: translateX(0);
  1098.     -webkit-animation-name: slideinfromleft;
  1099. }
  1100.  
  1101. .slide.out.reverse {
  1102.     -webkit-transform: translateX(100%);
  1103.     -webkit-animation-name: slideouttoright;
  1104. }
  1105.  
  1106. .slideup.in {
  1107.     -webkit-transform: translateY(0);
  1108.     -webkit-animation-name: slideinfrombottom;
  1109.     z-index: 10;
  1110. }
  1111.  
  1112. .slideup.out {
  1113.     -webkit-animation-name: dontmove;
  1114.     z-index: 0;
  1115. }
  1116.  
  1117. .slideup.out.reverse {
  1118.     -webkit-transform: translateY(100%);
  1119.     z-index: 10;
  1120.     -webkit-animation-name: slideouttobottom;
  1121. }
  1122.  
  1123. .slideup.in.reverse {
  1124.     z-index: 0;
  1125.     -webkit-animation-name: dontmove;
  1126. }
  1127. .slidedown.in {
  1128.     -webkit-transform: translateY(0);
  1129.     -webkit-animation-name: slideinfromtop;
  1130.     z-index: 10;
  1131. }
  1132.  
  1133. .slidedown.out {
  1134.     -webkit-animation-name: dontmove;
  1135.     z-index: 0;
  1136. }
  1137.  
  1138. .slidedown.out.reverse {
  1139.     -webkit-transform: translateY(-100%);
  1140.     z-index: 10;
  1141.     -webkit-animation-name: slideouttotop;
  1142. }
  1143.  
  1144. .slidedown.in.reverse {
  1145.     z-index: 0;
  1146.     -webkit-animation-name: dontmove;
  1147. }
  1148.  
  1149. @-webkit-keyframes slideinfromright {
  1150.     from { -webkit-transform: translateX(100%); }
  1151.     to { -webkit-transform: translateX(0); }
  1152. }
  1153.  
  1154. @-webkit-keyframes slideinfromleft {
  1155.     from { -webkit-transform: translateX(-100%); }
  1156.     to { -webkit-transform: translateX(0); }
  1157. }
  1158.  
  1159. @-webkit-keyframes slideouttoleft {
  1160.     from { -webkit-transform: translateX(0); }
  1161.     to { -webkit-transform: translateX(-100%); }
  1162. }
  1163.  
  1164. @-webkit-keyframes slideouttoright {
  1165.     from { -webkit-transform: translateX(0); }
  1166.     to { -webkit-transform: translateX(100%); }
  1167. }
  1168.  
  1169.  
  1170. @-webkit-keyframes slideinfromtop {
  1171.     from { -webkit-transform: translateY(-100%); }
  1172.     to { -webkit-transform: translateY(0); }
  1173. }
  1174.  
  1175. @-webkit-keyframes slideinfrombottom {
  1176.     from { -webkit-transform: translateY(100%); }
  1177.     to { -webkit-transform: translateY(0); }
  1178. }
  1179.  
  1180. @-webkit-keyframes slideouttobottom {
  1181.     from { -webkit-transform: translateY(0); }
  1182.     to { -webkit-transform: translateY(100%); }
  1183. }
  1184.  
  1185. @-webkit-keyframes slideouttotop {
  1186.     from { -webkit-transform: translateY(0); }
  1187.     to { -webkit-transform: translateY(-100%); }
  1188. }
  1189. @-webkit-keyframes fadein {
  1190.     from { opacity: 0; }
  1191.     to { opacity: 1; }
  1192. }
  1193.  
  1194. @-webkit-keyframes fadeout {
  1195.     from { opacity: 1; }
  1196.     to { opacity: 0; }
  1197. }
  1198.  
  1199. .fade.in {
  1200.     opacity: 1;
  1201.     z-index: 10;
  1202.     -webkit-animation-name: fadein;
  1203. }
  1204. .fade.out {
  1205.     z-index: 0;
  1206.     -webkit-animation-name: fadeout;
  1207. }
  1208.  
  1209. /* The properties in this rule are only necessary for the 'flip' transition.
  1210.  * We need specify the perspective to create a projection matrix. This will add
  1211.  * some depth as the element flips. The depth number represents the distance of
  1212.  * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1213.  * value.
  1214.  */
  1215. .viewport-flip {
  1216.     -webkit-perspective: 1000;
  1217.     position: absolute;
  1218. }
  1219.  
  1220. .ui-mobile-viewport-transitioning,
  1221. .ui-mobile-viewport-transitioning .ui-page {
  1222.     width: 100%;
  1223.     height: 100%;
  1224.     overflow: hidden;
  1225. }
  1226.  
  1227. .flip {
  1228.     -webkit-animation-duration: .65s;
  1229.     -webkit-backface-visibility:hidden;
  1230.     -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  1231. }
  1232.  
  1233. .flip.in {
  1234.     -webkit-transform: rotateY(0) scale(1);
  1235.     -webkit-animation-name: flipinfromleft;
  1236. }
  1237.  
  1238. .flip.out {
  1239.     -webkit-transform: rotateY(-180deg) scale(.8);
  1240.     -webkit-animation-name: flipouttoleft;
  1241. }
  1242.  
  1243. /* Shake it all about */
  1244.  
  1245. .flip.in.reverse {
  1246.     -webkit-transform: rotateY(0) scale(1);
  1247.     -webkit-animation-name: flipinfromright;
  1248. }
  1249.  
  1250. .flip.out.reverse {
  1251.     -webkit-transform: rotateY(180deg) scale(.8);
  1252.     -webkit-animation-name: flipouttoright;
  1253. }
  1254.  
  1255. @-webkit-keyframes flipinfromright {
  1256.     from { -webkit-transform: rotateY(-180deg) scale(.8); }
  1257.     to { -webkit-transform: rotateY(0) scale(1); }
  1258. }
  1259.  
  1260. @-webkit-keyframes flipinfromleft {
  1261.     from { -webkit-transform: rotateY(180deg) scale(.8); }
  1262.     to { -webkit-transform: rotateY(0) scale(1); }
  1263. }
  1264.  
  1265. @-webkit-keyframes flipouttoleft {
  1266.     from { -webkit-transform: rotateY(0) scale(1); }
  1267.     to { -webkit-transform: rotateY(-180deg) scale(.8); }
  1268. }
  1269.  
  1270. @-webkit-keyframes flipouttoright {
  1271.     from { -webkit-transform: rotateY(0) scale(1); }
  1272.     to { -webkit-transform: rotateY(180deg) scale(.8); }
  1273. }
  1274.  
  1275.  
  1276. /* Hackish, but reliable. */
  1277.  
  1278. @-webkit-keyframes dontmove {
  1279.     from { opacity: 1; }
  1280.     to { opacity: 1; }
  1281. }
  1282.  
  1283. .pop {
  1284.     -webkit-transform-origin: 50% 50%;
  1285. }
  1286.  
  1287. .pop.in {
  1288.     -webkit-transform: scale(1);
  1289.     opacity: 1;
  1290.     -webkit-animation-name: popin;
  1291.     z-index: 10;
  1292. }
  1293.  
  1294. .pop.out.reverse {
  1295.     -webkit-transform: scale(.2);
  1296.     opacity: 0;
  1297.     -webkit-animation-name: popout;
  1298.     z-index: 10;
  1299. }
  1300.  
  1301. .pop.in.reverse {
  1302.     z-index: 0;
  1303.     -webkit-animation-name: dontmove;
  1304. }
  1305.  
  1306. @-webkit-keyframes popin {
  1307.     from {
  1308.         -webkit-transform: scale(.2);
  1309.         opacity: 0;
  1310.     }
  1311.     to {
  1312.         -webkit-transform: scale(1);
  1313.         opacity: 1;
  1314.     }
  1315. }
  1316.  
  1317. @-webkit-keyframes popout {
  1318.     from {
  1319.         -webkit-transform: scale(1);
  1320.         opacity: 1;
  1321.     }
  1322.     to {
  1323.         -webkit-transform: scale(.2);
  1324.         opacity: 0;
  1325.     }
  1326. }/*
  1327. * jQuery Mobile Framework
  1328. * Copyright (c) jQuery Project
  1329. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1330. */
  1331.  
  1332. /* content configurations. */
  1333. .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
  1334. .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;}
  1335.  
  1336. /* grid solo: 100 - single item fallback */
  1337. .ui-grid-solo .ui-block-a { width: 100%; float: none; }
  1338.  
  1339. /* grid a: 50/50 */
  1340. .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
  1341. .ui-grid-a .ui-block-a { clear: left; }
  1342.  
  1343. /* grid b: 33/33/33 */
  1344. .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; }
  1345. .ui-grid-b .ui-block-a { clear: left; }
  1346.  
  1347. /* grid c: 25/25/25/25 */
  1348. .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%; }
  1349. .ui-grid-c .ui-block-a { clear: left; }
  1350.  
  1351. /* grid d: 20/20/20/20/20 */
  1352. .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%; }
  1353. .ui-grid-d .ui-block-a { clear: left; }
  1354. /*
  1355. * jQuery Mobile Framework
  1356. * Copyright (c) jQuery Project
  1357. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1358. */
  1359. /* fixed page header & footer configuration */
  1360. .ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer  { position: absolute;  overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; }
  1361. .ui-header-fixed, .ui-footer-fixed {
  1362.     z-index: 1000;
  1363.     -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */
  1364. }
  1365. .ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; }
  1366. .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; }
  1367. /*
  1368. * jQuery Mobile Framework
  1369. * Copyright (c) jQuery Project
  1370. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1371. */
  1372. .ui-navbar { overflow: hidden;  }
  1373. .ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;}
  1374. .ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; }
  1375. .ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; }
  1376. .ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; }
  1377. .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; }
  1378. .ui-navbar li .ui-btn {  margin-right: -1px; }
  1379. .ui-navbar li .ui-btn:last-child { margin-right: 0; }
  1380. .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn,
  1381. .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; }
  1382. .ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; }
  1383. .ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; }
  1384. /*expanded page styles*/
  1385. .ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; }
  1386. .ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px;  }
  1387. .ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; }
  1388. .ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; }
  1389. .ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; }
  1390. .ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; }
  1391. .ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; }
  1392. .ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; }
  1393. /*
  1394. * jQuery Mobile Framework
  1395. * Copyright (c) jQuery Project
  1396. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1397. */
  1398. .ui-btn { display: block; text-align: center; cursor:pointer;  position: relative; margin: .5em 5px; padding: 0; }
  1399. .ui-btn:focus, .ui-btn:active { outline: none; }
  1400. .ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; }
  1401. .ui-btn-inline { display: inline-block; }
  1402. .ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; }
  1403. .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; }
  1404. .ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; }
  1405. .ui-btn-icon-notext .ui-btn-inner { padding: 0; }
  1406. .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; }
  1407. .ui-btn-icon-left .ui-btn-inner { padding-left: 33px; }
  1408. .ui-header .ui-btn-icon-left .ui-btn-inner,
  1409. .ui-footer .ui-btn-icon-left .ui-btn-inner,
  1410. .ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; }
  1411. .ui-btn-icon-right .ui-btn-inner { padding-right: 33px; }
  1412. .ui-header .ui-btn-icon-right .ui-btn-inner,
  1413. .ui-footer .ui-btn-icon-right .ui-btn-inner,
  1414. .ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; }
  1415. .ui-btn-icon-top .ui-btn-inner { padding-top: 33px; }
  1416. .ui-header .ui-btn-icon-top .ui-btn-inner,
  1417. .ui-footer .ui-btn-icon-top .ui-btn-inner,
  1418. .ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; }
  1419. .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; }
  1420. .ui-header .ui-btn-icon-bottom .ui-btn-inner,
  1421. .ui-footer .ui-btn-icon-bottom .ui-btn-inner,
  1422. .ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; }
  1423.  
  1424. /*btn icon positioning*/
  1425. .ui-btn-icon-notext .ui-icon { display: block; }
  1426. .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
  1427. .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%;  margin-left: -9px; }
  1428. .ui-btn-icon-left .ui-icon { left: 10px; }
  1429. .ui-btn-icon-right .ui-icon {right: 10px; }
  1430. .ui-header .ui-btn-icon-left .ui-icon,
  1431. .ui-footer .ui-btn-icon-left .ui-icon,
  1432. .ui-bar .ui-btn-icon-left .ui-icon { left: 4px; }
  1433. .ui-header .ui-btn-icon-right .ui-icon,
  1434. .ui-footer .ui-btn-icon-right .ui-icon,
  1435. .ui-bar .ui-btn-icon-right .ui-icon { right: 4px; }
  1436. .ui-header .ui-btn-icon-top .ui-icon,
  1437. .ui-footer .ui-btn-icon-top .ui-icon,
  1438. .ui-bar .ui-btn-icon-top .ui-icon { top: 4px; }
  1439. .ui-header .ui-btn-icon-bottom .ui-icon,
  1440. .ui-footer .ui-btn-icon-bottom .ui-icon,
  1441. .ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; }
  1442. .ui-btn-icon-top .ui-icon { top: 5px; }
  1443. .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
  1444. /*hiding native button,inputs */
  1445. .ui-btn-hidden {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: transparent; }
  1446. /*
  1447. * jQuery Mobile Framework
  1448. * Copyright (c) jQuery Project
  1449. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1450. */
  1451. .ui-collapsible-contain { margin: .5em 0; }
  1452. .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; }
  1453. .ui-collapsible-heading a { text-align: left; margin: 0;  }
  1454. .ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; }
  1455. .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; }
  1456. .ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; }
  1457. .ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
  1458. .ui-collapsible-heading-status { position:absolute; left:-9999px; }
  1459. .ui-collapsible-content {  display: block; padding: 10px 0 10px 8px; }
  1460. .ui-collapsible-content-collapsed { display: none; }
  1461.  
  1462. .ui-collapsible-set { margin: .5em 0; }
  1463. .ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; }
  1464. /*
  1465. * jQuery Mobile Framework
  1466. * Copyright (c) jQuery Project
  1467. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1468. */
  1469. .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; }
  1470. .ui-bar .ui-controlgroup { margin: 0 .3em; }
  1471. .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; }
  1472. .ui-controlgroup-controls { display: block; width: 95%;}
  1473. .ui-controlgroup li { list-style: none; }
  1474. .ui-controlgroup-vertical .ui-btn,
  1475. .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0;  }
  1476. .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
  1477. .ui-controlgroup-horizontal { padding: 0; }
  1478. .ui-controlgroup-horizontal .ui-btn,
  1479. .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; }
  1480. .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline; }
  1481. .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,
  1482. .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
  1483. .ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
  1484. .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px;  }
  1485. /* conflicts with listview..
  1486. .ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
  1487. .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {  padding: 5px 6px 5px 5px; }
  1488. */
  1489.  
  1490. @media all and (min-width: 450px){
  1491.     .ui-controlgroup-label { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0;  }
  1492.     .ui-controlgroup-controls { width: 60%; display: inline-block; }
  1493. }   /*
  1494. * jQuery Mobile Framework
  1495. * Copyright (c) jQuery Project
  1496. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1497. */
  1498. .ui-dialog { min-height: 480px; }
  1499. .ui-dialog .ui-header, .ui-dialog .ui-content,  .ui-dialog .ui-footer { margin: 15px; position: relative; }
  1500. .ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; }
  1501. .ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px;  }/*
  1502. * jQuery Mobile Framework
  1503. * Copyright (c) jQuery Project
  1504. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1505. */
  1506. .ui-checkbox, .ui-radio { position:relative;  margin: .2em 0 .5em; z-index: 1;  }
  1507. .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; }
  1508. .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
  1509. .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
  1510. .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
  1511. .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
  1512. .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; }
  1513. .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; }
  1514. /* input, label positioning */
  1515. .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; }/*
  1516. * jQuery Mobile Framework
  1517. * Copyright (c) jQuery Project
  1518. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1519. */
  1520. .ui-field-contain { background: none; padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }
  1521. .ui-field-contain:first-child { border-top-width: 0; }
  1522. @media all and (min-width: 450px){
  1523.     .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
  1524. }   /*
  1525. * jQuery Mobile Framework
  1526. * Copyright (c) jQuery Project
  1527. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1528. */
  1529. .ui-select { display: block; position: relative; }
  1530. .ui-select select { position: absolute; left: -9999px; top: -9999px; }
  1531. .ui-select .ui-btn { overflow: hidden; }
  1532. .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
  1533. @-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }}
  1534. .ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; }
  1535.  
  1536. .ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
  1537. .ui-select .ui-btn-icon-right .ui-icon { right: 15px;  }
  1538.  
  1539. /* labels */
  1540. label.ui-select { font-size: 16px; line-height: 1.4;  font-weight: normal; margin: 0 0 .3em; display: block; }
  1541.  
  1542. /*listbox*/
  1543. .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: inline-block; min-height: 1em; }
  1544. .ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden; display: block;}
  1545.  
  1546. .ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; }
  1547. .ui-selectmenu .ui-listview { margin: 0; }
  1548. .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
  1549. .ui-selectmenu-hidden { top: -9999px; left: -9999px; }
  1550. .ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 99; }
  1551. .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
  1552. .ui-selectmenu-list .ui-li .ui-icon { display: block; }
  1553. .ui-li.ui-selectmenu-placeholder { display: none; }
  1554. .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
  1555.  
  1556. @media all and (min-width: 450px){
  1557.     label.ui-select { display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
  1558.     .ui-select { width: 60%; display: inline-block; }
  1559. }  
  1560.  
  1561. /* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
  1562. .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/*
  1563. * jQuery Mobile Framework
  1564. * Copyright (c) jQuery Project
  1565. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1566. */
  1567. label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
  1568. input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }
  1569. input.ui-input-text { -webkit-appearance: none; }
  1570. 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; }
  1571. .ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }
  1572. .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
  1573. .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; }
  1574. .ui-input-search .ui-input-clear-hidden { display: none; }
  1575.  
  1576. /* orientation adjustments - incomplete!*/
  1577. @media all and (min-width: 450px){
  1578.     label.ui-input-text  { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0 }
  1579.     input.ui-input-text,
  1580.     textarea.ui-input-text,
  1581.     .ui-input-search { width: 60%; display: inline-block; }
  1582.     .ui-input-search { width: 50%; }
  1583.     .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
  1584. }/*
  1585. * jQuery Mobile Framework
  1586. * Copyright (c) jQuery Project
  1587. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1588. */
  1589. .ui-listview { margin: 0; counter-reset: listnumbering; }
  1590. .ui-content .ui-listview { margin: -15px; }
  1591. .ui-content .ui-listview-inset { margin: 1em 0;  }
  1592. .ui-listview, .ui-li { list-style:none; padding:0; }
  1593. .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; }
  1594. .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
  1595. .ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold;  }
  1596. .ui-li-divider { counter-reset: listnumbering;  }
  1597. 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) ". "; }
  1598. ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
  1599. .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
  1600. .ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; }
  1601. .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
  1602. .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 75px .7em 15px; display: block; }
  1603. .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb  { min-height: 60px; padding-left: 100px; }
  1604. .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon {  min-height: 20px; padding-left: 40px; }
  1605. .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  }
  1606. .ui-li-desc {  font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  1607. .ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
  1608. .ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; }
  1609. .ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
  1610.  
  1611. .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
  1612. @media all and (min-width: 480px){
  1613.      .ui-li-aside { width: 45%; }
  1614. }    
  1615. .ui-li-divider { cursor: default; }
  1616. .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; }
  1617. .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; }
  1618. .ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; }
  1619. .ui-li-has-alt .ui-li-count { right: 55px; }
  1620. .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; }
  1621. .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; }
  1622. .ui-li-link-alt .ui-btn-inner { padding: 0; position: static; }
  1623. .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px;  }
  1624.  
  1625. .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
  1626. .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
  1627.  
  1628. .ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
  1629. .ui-li.ui-screen-hidden{display:none;}
  1630. /* Odd iPad positioning issue. */
  1631. @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  1632.     .ui-li .ui-btn-text { overflow:  visible; }
  1633. }/*
  1634. * jQuery Mobile Framework
  1635. * Copyright (c) jQuery Project
  1636. * Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
  1637. */
  1638. label.ui-slider { display: block; }
  1639. input.ui-slider-input  { display: inline-block; width: 50px; }
  1640. select.ui-slider-switch { display: none; }
  1641. div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; }
  1642. a.ui-slider-handle { position: absolute; z-index: 10;  top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
  1643. a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
  1644. @media all and (min-width: 480px){
  1645.     label.ui-slider { display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
  1646.     div.ui-slider { width: 45%; }
  1647. }  
  1648.  
  1649. div.ui-slider-switch { height: 32px;  overflow: hidden; margin-left: 0; }
  1650. div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; }
  1651. div.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; }
  1652. div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; }
  1653. div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; }
  1654. div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; }
  1655. .ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; }
  1656. .ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; }
  1657.  
  1658. div.ui-slider-switch a.ui-slider-handle { z-index: 20;  width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; }
  1659. span.ui-slider-label { width: 100%; position: absolute;height: 32px;  font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; }
  1660. span.ui-slider-label-a { left: -100%;  margin-right: -1px }
  1661. span.ui-slider-label-b { right: -100%;  margin-left: -1px }
  1662.