src/themes/tizen/jquery.mobile.todons.theme.less

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