themes/tablet1/jquery.mobile-1.0b1.css

   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 }