libs/js/jquery-mobile-1.1.0/css/themes/valencia/jquery.mobile.theme.css

   1 /*####################################################################################################################################
   2
   3   A
   4
   5 ####################################################################################################################################*/
   6
   7 .ui-bar-a {
   8   font-weight: bold;
   9   border: 1px solid       #be7800;
  10   background:             #e99515;
  11   color:                  #fff;
  12   text-shadow: 0 -1px 0px #94440F;
  13   background-image: -webkit-gradient(linear, left top, left bottom, from(#e9a015), to(#e98a15)); /* Saf4+, Chrome */
  14   background-image: -webkit-linear-gradient(#e9a015, #e98a15); /* Chrome 10+, Saf5.1+ */
  15   background-image:    -moz-linear-gradient(#e9a015, #e98a15); /* FF3.6 */
  16   background-image:     -ms-linear-gradient(#e9a015, #e98a15); /* IE10 */
  17   background-image:      -o-linear-gradient(#e9a015, #e98a15); /* Opera 11.10+ */
  18   background-image:         linear-gradient(#e9a015, #e98a15);
  19 }
  20 .ui-btn-up-a {
  21   border: 1px solid       #BD610D;
  22   background:             #e68510;
  23   color:                  #fff;
  24   background-image: -webkit-gradient(linear, left top, left bottom, from(#ea9e0c), to(#e68510)); /* Saf4+, Chrome */
  25   background-image: -webkit-linear-gradient(#ea9e0c, #e68510); /* Chrome 10+, Saf5.1+ */
  26   background-image:    -moz-linear-gradient(#ea9e0c, #e68510); /* FF3.6 */
  27   background-image:     -ms-linear-gradient(#ea9e0c, #e68510); /* IE10 */
  28   background-image:      -o-linear-gradient(#ea9e0c, #e68510); /* Opera 11.10+ */
  29   background-image:         linear-gradient(#ea9e0c, #e68510);
  30 }
  31 .ui-btn-up-a a.ui-link-inherit {
  32   color:                  #fff;
  33 }
  34 .ui-btn-hover-a {
  35   border: 1px solid       #b77504;
  36   background:             #ed9730;
  37   color:                  #fff;
  38   background-image: -webkit-gradient(linear, left top, left bottom, from(#edab30), to(#ed9730)); /* Saf4+, Chrome */
  39   background-image: -webkit-linear-gradient(#edab30, #ed9730); /* Chrome 10+, Saf5.1+ */
  40   background-image:    -moz-linear-gradient(#edab30, #ed9730); /* FF3.6 */
  41   background-image:     -ms-linear-gradient(#edab30, #ed9730); /* IE10 */
  42   background-image:      -o-linear-gradient(#edab30, #ed9730); /* Opera 11.10+ */
  43   background-image:         linear-gradient(#edab30, #ed9730);
  44 }
  45 .ui-btn-hover-a a.ui-link-inherit {
  46   color:                  #fff;
  47 }
  48 .ui-btn-down-a {
  49   border: 1px solid       #BD610D;
  50   background:             #BA6E11;
  51   color:                  #fff;
  52   background-image: -webkit-gradient(linear, left top, left bottom, from(#BA8011), to(#BA6E11)); /* Saf4+, Chrome */
  53   background-image: -webkit-linear-gradient(#BA8011, #BA6E11); /* Chrome 10+, Saf5.1+ */
  54   background-image:    -moz-linear-gradient(#BA8011, #BA6E11); /* FF3.6 */
  55   background-image:     -ms-linear-gradient(#BA8011, #BA6E11); /* IE10 */
  56   background-image:      -o-linear-gradient(#BA8011, #BA6E11); /* Opera 11.10+ */
  57   background-image:         linear-gradient(#BA8011, #BA6E11);
  58 }
  59 .ui-btn-up-a,
  60 .ui-btn-hover-a,
  61 .ui-btn-down-a {
  62   text-shadow: 0 -1px 0px #94440F;
  63   cursor: pointer;
  64   font-weight: bold;
  65   text-decoration: none;
  66   font-family: Helvetica, Arial, sans-serif;
  67 }
  68 .ui-bar-a,
  69 .ui-bar-a input,
  70 .ui-bar-a select,
  71 .ui-bar-a textarea,
  72 .ui-bar-a button {
  73   font-family: Helvetica, Arial, sans-serif;
  74 }
  75 .ui-bar-a .ui-link-inherit {
  76   color:                  #fff;
  77 }
  78 .ui-bar-a .ui-link {
  79   color:                  #7cc4e7;
  80   font-weight: bold;
  81 }
  82 .ui-body-a,
  83 .ui-dialog.ui-overlay-a {
  84   font-weight: normal;
  85   border: 1px solid       #222;
  86   background:             #444;
  87   color:                  #ddd;
  88   text-shadow: 0 -1px 0px #000;
  89   background-image: -webkit-gradient(linear, center top, center bottom, from(#333), color-stop(5%, #333), color-stop(15%, #444), color-stop(60%, #444), to(#222)); /* Saf4+, Chrome */
  90   background-image: -webkit-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* Chrome 10+, Saf5.1+ */
  91   background-image:    -moz-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* FF3.6 */
  92   background-image:     -ms-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* IE10 */
  93   background-image:      -o-linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%); /* Opera 11.10+ */
  94   background-image:         linear-gradient(#333 0%, #333 5%, #444 15%, #444 60%, #222 100%);
  95 }
  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   font-family: Helvetica, Arial, sans-serif;
 102 }
 103 .ui-body-a .ui-link-inherit {
 104   color:                  #fff;
 105 }
 106 .ui-body-a .ui-link {
 107   color:                  #e98a15;
 108   font-weight: bold;
 109 }
 110
 111 /*####################################################################################################################################
 112
 113   B
 114
 115 ####################################################################################################################################*/
 116
 117 .ui-bar-b {
 118   font-weight: bold;
 119   border: 1px solid       #222;
 120   background:             #333333;
 121   color:                  #fff;
 122   text-shadow: 0 -1px 0px #111;
 123   background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); /* Saf4+, Chrome */
 124   background-image: -webkit-linear-gradient(#555, #333); /* Chrome 10+, Saf5.1+ */
 125   background-image:    -moz-linear-gradient(#555, #333); /* FF3.6 */
 126   background-image:     -ms-linear-gradient(#555, #333); /* IE10 */
 127   background-image:      -o-linear-gradient(#555, #333); /* Opera 11.10+ */
 128   background-image:         linear-gradient(#555, #333);
 129 }
 130 .ui-btn-up-b {
 131   border: 1px solid       #232323;
 132   background:             #393939;
 133   color:                  #eee;
 134   background-image: -webkit-gradient(linear, left top, left bottom, from(#5E5E5E), to(#393939)); /* Saf4+, Chrome */
 135   background-image: -webkit-linear-gradient(#5E5E5E, #393939); /* Chrome 10+, Saf5.1+ */
 136   background-image:    -moz-linear-gradient(#5E5E5E, #393939); /* FF3.6 */
 137   background-image:     -ms-linear-gradient(#5E5E5E, #393939); /* IE10 */
 138   background-image:      -o-linear-gradient(#5E5E5E, #393939); /* Opera 11.10+ */
 139   background-image:         linear-gradient(#5E5E5E, #393939);
 140 }
 141 .ui-btn-up-b a.ui-link-inherit {
 142   color:                  #eee;
 143 }
 144 .ui-btn-hover-b {
 145   border: 1px solid       #232323;
 146   background:             #494949;
 147   color:                  #fff;
 148   background-image: -webkit-gradient(linear, left top, left bottom, from(#6E6E6E), to(#494949)); /* Saf4+, Chrome */
 149   background-image: -webkit-linear-gradient(#6E6E6E, #494949); /* Chrome 10+, Saf5.1+ */
 150   background-image:    -moz-linear-gradient(#6E6E6E, #494949); /* FF3.6 */
 151   background-image:     -ms-linear-gradient(#6E6E6E, #494949); /* IE10 */
 152   background-image:      -o-linear-gradient(#6E6E6E, #494949); /* Opera 11.10+ */
 153   background-image:         linear-gradient(#6E6E6E, #494949);
 154 }
 155
 156 .ui-btn-hover-b a.ui-link-inherit {
 157   color:                  #fff;
 158 }
 159 .ui-btn-down-b {
 160   border: 1px solid       #232323;
 161   background:             #292929;
 162   color:                  #fff;
 163   background-image: -webkit-gradient(linear, left top, left bottom, from(#4E4E4E), to(#292929)); /* Saf4+, Chrome */
 164   background-image: -webkit-linear-gradient(#4E4E4E, #292929); /* Chrome 10+, Saf5.1+ */
 165   background-image:    -moz-linear-gradient(#4E4E4E, #292929); /* FF3.6 */
 166   background-image:     -ms-linear-gradient(#4E4E4E, #292929); /* IE10 */
 167   background-image:      -o-linear-gradient(#4E4E4E, #292929); /* Opera 11.10+ */
 168   background-image:         linear-gradient(#4E4E4E, #292929);
 169 }
 170 .ui-btn-down-b a.ui-link-inherit {
 171   color:                  #fff;
 172 }
 173 .ui-btn-up-b,
 174 .ui-btn-hover-b,
 175 .ui-btn-down-b {
 176   text-shadow: 0 -1px 0px #111;
 177   cursor: pointer;
 178   font-weight: bold;
 179   text-decoration: none;
 180   font-family: Helvetica, Arial, sans-serif;
 181 }
 182 .ui-bar-b,
 183 .ui-bar-b input,
 184 .ui-bar-b select,
 185 .ui-bar-b textarea,
 186 .ui-bar-b button {
 187   font-family: Helvetica, Arial, sans-serif;
 188 }
 189 .ui-bar-b .ui-link-inherit {
 190   color:                  #fff;
 191 }
 192 .ui-bar-b .ui-link {
 193   color:                  #7cc4e7;
 194   font-weight: bold;
 195 }
 196 .ui-body-b,
 197 .ui-dialog.ui-overlay-b {
 198   font-weight: normal;
 199   border: 1px solid       #999;
 200   background-color:             #e5e5e5;
 201   color:                  #666;
 202   text-shadow: 0 1px 0px  #fff;
 203   background-image: url(images/texture_075.png);
 204 }
 205 .ui-body-b,
 206 .ui-body-b input,
 207 .ui-body-b select,
 208 .ui-body-b textarea,
 209 .ui-body-b button {
 210   font-family: Helvetica, Arial, sans-serif;
 211 }
 212 .ui-body-b .ui-link-inherit {
 213   color:                  #333333;
 214 }
 215 .ui-body-b .ui-link {
 216   font-weight: bold;
 217   color:                  #e98a15;
 218 }
 219 /*####################################################################################################################################
 220
 221   C Styles
 222
 223 ####################################################################################################################################*/
 224
 225 .ui-bar-c {
 226   font-weight: bold;
 227   border: 1px solid       #ccc;
 228   background:             #e5e5e5;
 229   color:                  #111;
 230   text-shadow: 0 1px 0px  #fff;
 231   background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5)); /* Saf4+, Chrome */
 232   background-image: -webkit-linear-gradient(#eee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
 233   background-image:    -moz-linear-gradient(#eee, #e5e5e5); /* FF3.6 */
 234   background-image:     -ms-linear-gradient(#eee, #e5e5e5); /* IE10 */
 235   background-image:      -o-linear-gradient(#eee, #e5e5e5); /* Opera 11.10+ */
 236   background-image:         linear-gradient(#eee, #e5e5e5);
 237 }
 238 .ui-bar-c,
 239 .ui-bar-c input,
 240 .ui-bar-c select,
 241 .ui-bar-c textarea,
 242 .ui-bar-c button {
 243   font-family: Helvetica, Arial, sans-serif;
 244 }
 245 .ui-btn-up-c,
 246 .ui-btn-hover-c,
 247 .ui-btn-down-c {
 248   font-family: Helvetica, Arial, sans-serif;
 249   cursor: pointer;
 250   font-weight: bold;
 251   text-decoration: none;
 252   text-shadow: 0 1px 0px  #fff;
 253 }
 254 .ui-btn-up-c {
 255   border: 1px solid       #ccc;
 256   background:             #e5e5e5;
 257   color:                  #444;
 258   background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e5e5e5)); /* Saf4+, Chrome */
 259   background-image: -webkit-linear-gradient(#eee, #e5e5e5); /* Chrome 10+, Saf5.1+ */
 260   background-image:    -moz-linear-gradient(#eee, #e5e5e5); /* FF3.6 */
 261   background-image:     -ms-linear-gradient(#eee, #e5e5e5); /* IE10 */
 262   background-image:      -o-linear-gradient(#eee, #e5e5e5); /* Opera 11.10+ */
 263   background-image:         linear-gradient(#eee, #e5e5e5);
 264 }
 265 .ui-btn-up-c a.ui-link-inherit {
 266   color:                  #444;
 267 }
 268 .ui-btn-hover-c {
 269   border: 1px solid       #ccc;
 270   background:             #f5f5f5;
 271   color:                  #222;
 272   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); /* Saf4+, Chrome */
 273   background-image: -webkit-linear-gradient(#fff, #f5f5f5); /* Chrome 10+, Saf5.1+ */
 274   background-image:    -moz-linear-gradient(#fff, #f5f5f5); /* FF3.6 */
 275   background-image:     -ms-linear-gradient(#fff, #f5f5f5); /* IE10 */
 276   background-image:      -o-linear-gradient(#fff, #f5f5f5); /* Opera 11.10+ */
 277   background-image:         linear-gradient(#fff, #f5f5f5);
 278 }
 279 .ui-btn-hover-c a.ui-link-inherit {
 280   color:                  #222;
 281 }
 282 .ui-btn-down-c {
 283   border: 1px solid       #ccc;
 284   background:             #d5d5d5;
 285   color:                  #111;
 286   background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#d5d5d5)); /* Saf4+, Chrome */
 287   background-image: -webkit-linear-gradient(#ddd, #d5d5d5); /* Chrome 10+, Saf5.1+ */
 288   background-image:    -moz-linear-gradient(#ddd, #d5d5d5); /* FF3.6 */
 289   background-image:     -ms-linear-gradient(#ddd, #d5d5d5); /* IE10 */
 290   background-image:      -o-linear-gradient(#ddd, #d5d5d5); /* Opera 11.10+ */
 291   background-image:         linear-gradient(#ddd, #d5d5d5);
 292 }
 293 .ui-btn-down-c a.ui-link-inherit {
 294   color:                  #111;
 295 }
 296 .ui-body-c,
 297 .ui-dialog.ui-overlay-c {
 298   border: 1px solid       #ddd;
 299   color:                  #333333;
 300   text-shadow: 0 1px 0px  #fff;
 301   background:             #fff;
 302   background-image: url(images/texture_075.png);
 303 }
 304 .ui-body-c,
 305 .ui-body-c input,
 306 .ui-body-c select,
 307 .ui-body-c textarea,
 308 .ui-body-c button {
 309   font-family: Helvetica, Arial, sans-serif;
 310 }
 311 .ui-body-c .ui-link-inherit {
 312   color:                  #333333; }
 313 .ui-body-c .ui-link {
 314   font-weight: bold;
 315   color:                  #e98a15;
 316 }
 317
 318 /*####################################################################################################################################
 319
 320   D
 321
 322 ####################################################################################################################################*/
 323
 324 .ui-bar-d {
 325   font-weight: bold;
 326   border: 1px solid       #ccc;
 327   background:             #cbcbcb;
 328   color:                  #666;
 329   text-shadow: 0 1px 0px  #fff;
 330   background-image: -webkit-gradient(linear, center top, center bottom, from(#ddd), color-stop(5%, #ccc), color-stop(15%, #bbb), color-stop(95%, #ddd), to(#ccc)); /* Saf4+, Chrome */
 331   background-image: -webkit-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* Chrome 10+, Saf5.1+ */
 332   background-image:    -moz-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* FF3.6 */
 333   background-image:     -ms-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* IE10 */
 334   background-image:      -o-linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%); /* Opera 11.10+ */
 335   background-image:         linear-gradient(#ddd 0%, #ccc 5%, #bbb 15%, #ddd 95%, #ccc 100%);
 336 }
 337 .ui-bar-d,
 338 .ui-bar-d input,
 339 .ui-bar-d select,
 340 .ui-bar-d textarea,
 341 .ui-bar-d button {
 342   font-family: Helvetica, Arial, sans-serif;
 343 }
 344 .ui-bar-d .ui-link-inherit {
 345   color:                  #333;
 346 }
 347 .ui-bar-d .ui-link {
 348   font-weight: bold;
 349   color:                  #2489CE;
 350 }
 351
 352 .ui-btn-up-d {
 353   border: 1px solid       #c5c5c5;
 354   background:             #ddd;
 355   color:                  #666;
 356   background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#ddd)); /* Saf4+, Chrome */
 357   background-image: -webkit-linear-gradient(#d5d5d5, #ddd); /* Chrome 10+, Saf5.1+ */
 358   background-image:    -moz-linear-gradient(#d5d5d5, #ddd); /* FF3.6 */
 359   background-image:     -ms-linear-gradient(#d5d5d5, #ddd); /* IE10 */
 360   background-image:      -o-linear-gradient(#d5d5d5, #ddd); /* Opera 11.10+ */
 361   background-image:         linear-gradient(#d5d5d5, #ddd);
 362 }
 363 .ui-btn-up-d a.ui-link-inherit {
 364   color:                  #666;
 365 }
 366 .ui-btn-hover-d {
 367   border: 1px solid       #aaa;
 368   background:             #c5c5c5;
 369   color:                  #666;
 370   background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#ccc)); /* Saf4+, Chrome */
 371   background-image: -webkit-linear-gradient(#c5c5c5, #ccc); /* Chrome 10+, Saf5.1+ */
 372   background-image:    -moz-linear-gradient(#c5c5c5, #ccc); /* FF3.6 */
 373   background-image:     -ms-linear-gradient(#c5c5c5, #ccc); /* IE10 */
 374   background-image:      -o-linear-gradient(#c5c5c5, #ccc); /* Opera 11.10+ */
 375   background-image:         linear-gradient(#c5c5c5, #ccc);
 376 }
 377 .ui-btn-hover-d a.ui-link-inherit {
 378   color:                  #666;
 379 }
 380 .ui-btn-down-d {
 381   border: 1px solid       #999;
 382   background:             #b5b5b5;
 383   color:                  #444;
 384   background-image: -webkit-gradient(linear, left top, left bottom, from(#b5b5b5), to(#bbb)); /* Saf4+, Chrome */
 385   background-image: -webkit-linear-gradient(#b5b5b5, #bbb); /* Chrome 10+, Saf5.1+ */
 386   background-image:    -moz-linear-gradient(#b5b5b5, #bbb); /* FF3.6 */
 387   background-image:     -ms-linear-gradient(#b5b5b5, #bbb); /* IE10 */
 388   background-image:      -o-linear-gradient(#b5b5b5, #bbb); /* Opera 11.10+ */
 389   background-image:         linear-gradient(#b5b5b5, #bbb);
 390 }
 391 .ui-btn-up-d a.ui-link {
 392   color:                  #444;
 393 }
 394 .ui-btn-up-d,
 395 .ui-btn-hover-d,
 396 .ui-btn-down-d {
 397   font-family: Helvetica, Arial, sans-serif;
 398   cursor: pointer;
 399   font-weight: bold;
 400   text-decoration: none;
 401   text-shadow: 0 1px 0px  #fff;
 402 }
 403 .ui-body-d,
 404 .ui-body-d input,
 405 .ui-body-d select,
 406 .ui-body-d textarea,
 407 .ui-body-d button {
 408   font-family: Helvetica, Arial, sans-serif;
 409 }
 410 .ui-body-d .ui-link-inherit {
 411   color:                  #333333;
 412 }
 413 .ui-body-d,
 414 .ui-dialog.ui-overlay-d {
 415   border: 1px solid       #aaa;
 416   color:                  #666;
 417   text-shadow: 0 1px 0px  #fff;
 418   background:             #eee;
 419   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(15%, #f5f5f5), to(#eee)); /* Saf4+, Chrome */
 420   background-image: -webkit-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* Chrome 10+, Saf5.1+ */
 421   background-image:    -moz-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* FF3.6 */
 422   background-image:     -ms-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* IE10 */
 423   background-image:      -o-linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%); /* Opera 11.10+ */
 424   background-image:         linear-gradient(#fff 0%, #f5f5f5 15%, #eee 100%);
 425 }
 426 .ui-body-d .ui-link {
 427   font-weight: bold;
 428   color:                  #e98a15;
 429 }
 430
 431 .ui-body-c .ui-link-inherit {
 432   color:                  #333333; }
 433 .ui-body-c .ui-link {
 434   font-weight: bold;
 435   color:                  #e98a15;
 436 }
 437
 438
 439 /*####################################################################################################################################
 440
 441   E
 442
 443 ####################################################################################################################################*/
 444
 445 .ui-bar-e {
 446   font-weight: bold;
 447   border: 1px solid       #999;
 448   background:             #dedede;
 449   color:                  #000;
 450   text-shadow: 0 1px 0px  #fff;
 451   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ccc), color-stop(50%, #b5b5b5), to(#eee)); /* Saf4+, Chrome */
 452   background-image: -webkit-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* Chrome 10+, Saf5.1+ */
 453   background-image:    -moz-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* FF3.6 */
 454   background-image:     -ms-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* IE10 */
 455   background-image:      -o-linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%); /* Opera 11.10+ */
 456   background-image:         linear-gradient(#fff 0%, #ccc 50%, #b5b5b5 50%, #eee 100%);
 457 }
 458 .ui-bar-e,
 459 .ui-bar-e input,
 460 .ui-bar-e select,
 461 .ui-bar-e textarea,
 462 .ui-bar-d button {
 463   font-family: Helvetica, Arial, sans-serif;
 464 }
 465 .ui-bar-e .ui-link-inherit {
 466   color:                  #333;
 467 }
 468 .ui-bar-e .ui-link {
 469   color:                  #2489CE;
 470   font-weight: bold;
 471 }
 472 .ui-btn-up-e {
 473   border: 1px solid       #999;
 474   background:             #dfdfdf;
 475   color:                  #333;
 476   text-shadow: 0 1px 0px  #fff;
 477   background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #ccc), color-stop(50%, #b5b5b5), to(#f5f5f5)); /* Saf4+, Chrome */
 478   background-image: -webkit-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* Chrome 10+, Saf5.1+ */
 479   background-image:    -moz-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* FF3.6 */
 480   background-image:     -ms-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* IE10 */
 481   background-image:      -o-linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%); /* Opera 11.10+ */
 482   background-image:         linear-gradient(#f5f5f5 0%, #ccc 50%, #b5b5b5 50%, #f5f5f5 100%);
 483 }
 484 .ui-btn-up-e a.ui-link-inherit {
 485   color:                  #333;
 486 }
 487 .ui-btn-hover-e {
 488   border: 1px solid       #777;
 489   background:             #e5e5e5;
 490   color:                  #333;
 491   text-shadow: 0 1px 0px  #fff;
 492   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #ddd), color-stop(50%, #ccc), to(#fff)); /* Saf4+, Chrome */
 493   background-image: -webkit-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* Chrome 10+, Saf5.1+ */
 494   background-image:    -moz-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* FF3.6 */
 495   background-image:     -ms-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* IE10 */
 496   background-image:      -o-linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%); /* Opera 11.10+ */
 497   background-image:         linear-gradient(#fff 0%, #ddd 50%, #ccc 50%, #fff 100%);
 498 }
 499 .ui-btn-hover-e a.ui-link-inherit {
 500   color:                  #333;
 501 }
 502 .ui-btn-down-e {
 503   border: 1px solid       #888;
 504   background:             #ccc;
 505   color:                  #333;
 506   background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(50%, #ccc), color-stop(50%, #bbb), to(#ddd)); /* Saf4+, Chrome */
 507   background-image: -webkit-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* Chrome 10+, Saf5.1+ */
 508   background-image:    -moz-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* FF3.6 */
 509   background-image:     -ms-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* IE10 */
 510   background-image:      -o-linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%); /* Opera 11.10+ */
 511   background-image:         linear-gradient(#ddd 0%, #ccc 50%, #bbb 50%, #ddd 100%);
 512 }
 513 .ui-btn-down-e a.ui-link-inherit {
 514   color:                  #333;
 515 }
 516 .ui-btn-up-e,
 517 .ui-btn-hover-e,
 518 .ui-btn-down-e {
 519   font-family: Helvetica, Arial, sans-serif;
 520   cursor: pointer;
 521   font-weight: bold;
 522   text-decoration: none;
 523   text-shadow: 0 1px 0px  #fff;
 524 }
 525 .ui-body-e,
 526 .ui-dialog.ui-overlay-e {
 527   font-weight: normal;
 528   border: 1px solid       #aaa;
 529   background:             #ccc;
 530   color:                  #111;
 531   text-shadow: 0 1px 0px  #fff;
 532   background-image: url(images/texture_075.png);
 533 }
 534 .ui-body-e,
 535 .ui-body-e input,
 536 .ui-body-e select,
 537 .ui-body-e textarea,
 538 .ui-body-e button {
 539   font-family: Helvetica, Arial, sans-serif;
 540 }
 541 .ui-body-e .ui-link-inherit {
 542   color:                  #333333;
 543 }
 544 .ui-body-e .ui-link {
 545   font-weight: bold;
 546   color:                  #e98a15;
 547 }
 548
 549 /*####################################################################################################################################
 550
 551   Everything Else
 552
 553 ####################################################################################################################################*/
 554
 555
 556 a.ui-link-inherit {
 557   text-decoration: none !important;
 558 }
 559
 560 /* Active class used as the "on" state across all themes */
 561 .ui-btn-active {
 562   font-weight: bold;
 563   cursor: pointer;
 564   text-decoration: none;
 565   border: 1px solid       #FFBC19;
 566   background:             #FFBC19;
 567   color:                  #222;
 568   text-shadow: 0 1px 0px  #eee;
 569   background-image: -webkit-gradient(linear, left top, left bottom, from(#FFDC52), to(#FFBC19)); /* Saf4+, Chrome */
 570   background-image: -webkit-linear-gradient(#FFDC52, #FFBC19); /* Chrome 10+, Saf5.1+ */
 571   background-image:    -moz-linear-gradient(#FFDC52, #FFBC19); /* FF3.6 */
 572   background-image:     -ms-linear-gradient(#FFDC52, #FFBC19); /* IE10 */
 573   background-image:      -o-linear-gradient(#FFDC52, #FFBC19); /* Opera 11.10+ */
 574   background-image:         linear-gradient(#FFDC52, #FFBC19);
 575 }
 576 .ui-btn-active a.ui-link-inherit {
 577   color:                  #333;
 578 }
 579
 580 /* button Inner Highlight */
 581 .ui-btn-inner {
 582   border-top: 1px solid   #fff;
 583   border-color:           rgba(255,255,255,.25);
 584 }
 585
 586 /* Container Corner radius */
 587 .ui-corner-tl {
 588   -moz-border-radius-topleft:         .6em;
 589   -webkit-border-top-left-radius:     .6em;
 590   border-top-left-radius:             .6em;
 591 }
 592 .ui-corner-tr {
 593   -moz-border-radius-topright:        .6em;
 594   -webkit-border-top-right-radius:    .6em;
 595   border-top-right-radius:            .6em;
 596 }
 597 .ui-corner-bl {
 598   -moz-border-radius-bottomleft:      .6em;
 599   -webkit-border-bottom-left-radius:  .6em;
 600   border-bottom-left-radius:          .6em;
 601 }
 602 .ui-corner-br {
 603   -moz-border-radius-bottomright:     .6em;
 604   -webkit-border-bottom-right-radius: .6em;
 605   border-bottom-right-radius:         .6em;
 606 }
 607 .ui-corner-top {
 608   -moz-border-radius-topleft:         .6em;
 609   -webkit-border-top-left-radius:     .6em;
 610   border-top-left-radius:             .6em;
 611   -moz-border-radius-topright:        .6em;
 612   -webkit-border-top-right-radius:    .6em;
 613   border-top-right-radius:            .6em;
 614 }
 615 .ui-corner-bottom {
 616   -moz-border-radius-bottomleft:      .6em;
 617   -webkit-border-bottom-left-radius:  .6em;
 618   border-bottom-left-radius:          .6em;
 619   -moz-border-radius-bottomright:     .6em;
 620   -webkit-border-bottom-right-radius: .6em;
 621   border-bottom-right-radius:         .6em;
 622 }
 623 .ui-corner-right {
 624   -moz-border-radius-topright:        .6em;
 625   -webkit-border-top-right-radius:    .6em;
 626   border-top-right-radius:            .6em;
 627   -moz-border-radius-bottomright:     .6em;
 628   -webkit-border-bottom-right-radius: .6em;
 629   border-bottom-right-radius:         .6em;
 630 }
 631 .ui-corner-left {
 632   -moz-border-radius-topleft:         .6em;
 633   -webkit-border-top-left-radius:     .6em;
 634   border-top-left-radius:             .6em;
 635   -moz-border-radius-bottomleft:      .6em;
 636   -webkit-border-bottom-left-radius:  .6em;
 637   border-bottom-left-radius:          .6em;
 638 }
 639 .ui-corner-all {
 640   -moz-border-radius:                 .6em;
 641   -webkit-border-radius:              .6em;
 642   border-radius:                      .6em;
 643 }
 644
 645 /* Interaction Cues
 646 ----------------------------------*/
 647 .ui-disabled {
 648   opacity: .3;
 649 }
 650 .ui-disabled, .ui-disabled a {
 651   cursor: default !important;
 652 }
 653
 654 /* Icons
 655 -----------------------------------------------------------------------------------------------------------*/
 656
 657 .ui-icon {
 658         background:                                             #666;
 659         background:                                             rgba(0,0,0,.4);
 660         background-image: url(images/icons-18-white.png);
 661         background-repeat: no-repeat;
 662         -moz-border-radius:                             9px;
 663         -webkit-border-radius:                          9px;
 664         border-radius:                                          9px;
 665 }
 666
 667
 668 /* Alt icon color
 669 -----------------------------------------------------------------------------------------------------------*/
 670
 671 .ui-icon-alt {
 672         background:                                             #fff;
 673         background:                                             rgba(255,255,255,.3);
 674         background-image: url(images/icons-18-black.png);
 675         background-repeat: no-repeat;
 676 }
 677
 678 /* HD/"retina" sprite
 679 -----------------------------------------------------------------------------------------------------------*/
 680
 681 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 682        only screen and (min--moz-device-pixel-ratio: 1.5),
 683        only screen and (min-resolution: 240dpi) {
 684
 685         .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
 686         .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
 687         .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
 688         .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search,
 689         .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
 690                 background-image: url(images/icons-36-white.png);
 691                 -moz-background-size: 776px 18px;
 692                 -o-background-size: 776px 18px;
 693                 -webkit-background-size: 776px 18px;
 694                 background-size: 776px 18px;
 695         }
 696         .ui-icon-alt {
 697                 background-image: url(images/icons-36-black.png);
 698         }
 699 }
 700
 701 /* plus minus */
 702 .ui-icon-plus {
 703         background-position:    -0 50%;
 704 }
 705 .ui-icon-minus {
 706         background-position:    -36px 50%;
 707 }
 708
 709 /* delete/close */
 710 .ui-icon-delete {
 711         background-position:    -72px 50%;
 712 }
 713
 714 /* arrows */
 715 .ui-icon-arrow-r {
 716         background-position:    -108px 50%;
 717 }
 718 .ui-icon-arrow-l {
 719         background-position:    -144px 50%;
 720 }
 721 .ui-icon-arrow-u {
 722         background-position:    -180px 50%;
 723 }
 724 .ui-icon-arrow-d {
 725         background-position:    -216px 50%;
 726 }
 727
 728 /* misc */
 729 .ui-icon-check {
 730         background-position:    -252px 50%;
 731 }
 732 .ui-icon-gear {
 733         background-position:    -288px 50%;
 734 }
 735 .ui-icon-refresh {
 736         background-position:    -324px 50%;
 737 }
 738 .ui-icon-forward {
 739         background-position:    -360px 50%;
 740 }
 741 .ui-icon-back {
 742         background-position:    -396px 50%;
 743 }
 744 .ui-icon-grid {
 745         background-position:    -432px 50%;
 746 }
 747 .ui-icon-star {
 748         background-position:    -468px 50%;
 749 }
 750 .ui-icon-alert {
 751         background-position:    -504px 50%;
 752 }
 753 .ui-icon-info {
 754         background-position:    -540px 50%;
 755 }
 756 .ui-icon-home {
 757         background-position:    -576px 50%;
 758 }
 759 .ui-icon-search {
 760         background-position:    -612px 50%;
 761 }
 762 .ui-icon-checkbox-off {
 763         background-position:    -684px 50%;
 764 }
 765 .ui-icon-checkbox-on {
 766         background-position:    -648px 50%;
 767 }
 768 .ui-icon-radio-off {
 769         background-position:    -756px 50%;
 770 }
 771 .ui-icon-radio-on {
 772         background-position:    -720px 50%;
 773 }
 774
 775
 776 /* checks,radios */
 777 .ui-checkbox .ui-icon {
 778         -moz-border-radius: 3px;
 779         -webkit-border-radius: 3px;
 780         border-radius: 3px;
 781 }
 782 .ui-icon-checkbox-off,
 783 .ui-icon-radio-off {
 784         background-color: transparent;
 785 }
 786 .ui-checkbox-on .ui-icon,
 787 .ui-radio-on .ui-icon {
 788         background-color: #FFBC19; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
 789 }
 790 .ui-icon-searchfield {
 791         background-image: url(images/icon-search-black.png);
 792         background-size: 16px 16px;
 793 }
 794
 795 /* loading icon */
 796 .ui-icon-loading {
 797         background-image: url(images/ajax-loader.png);
 798         width: 40px;
 799         height: 40px;
 800         -moz-border-radius: 20px;
 801         -webkit-border-radius: 20px;
 802         border-radius: 20px;
 803         background-size: 35px 35px;
 804 }
 805
 806
 807 /* Button corner classes
 808 -----------------------------------------------------------------------------------------------------------*/
 809
 810 .ui-btn-corner-tl {
 811   -moz-border-radius-topleft:         1em;
 812   -webkit-border-top-left-radius:     1em;
 813   border-top-left-radius:             1em;
 814 }
 815 .ui-btn-corner-tr {
 816   -moz-border-radius-topright:        1em;
 817   -webkit-border-top-right-radius:    1em;
 818   border-top-right-radius:            1em;
 819 }
 820 .ui-btn-corner-bl {
 821   -moz-border-radius-bottomleft:      1em;
 822   -webkit-border-bottom-left-radius:  1em;
 823   border-bottom-left-radius:          1em;
 824 }
 825 .ui-btn-corner-br {
 826   -moz-border-radius-bottomright:     1em;
 827   -webkit-border-bottom-right-radius: 1em;
 828   border-bottom-right-radius:         1em;
 829 }
 830 .ui-btn-corner-top {
 831   -moz-border-radius-topleft:         1em;
 832   -webkit-border-top-left-radius:     1em;
 833   border-top-left-radius:             1em;
 834   -moz-border-radius-topright:        1em;
 835   -webkit-border-top-right-radius:    1em;
 836   border-top-right-radius:            1em;
 837 }
 838 .ui-btn-corner-bottom {
 839   -moz-border-radius-bottomleft:      1em;
 840   -webkit-border-bottom-left-radius:  1em;
 841   border-bottom-left-radius:          1em;
 842   -moz-border-radius-bottomright:     1em;
 843   -webkit-border-bottom-right-radius: 1em;
 844   border-bottom-right-radius:         1em;
 845 }
 846 .ui-btn-corner-right {
 847   -moz-border-radius-topright:        1em;
 848   -webkit-border-top-right-radius:    1em;
 849   border-top-right-radius:            1em;
 850   -moz-border-radius-bottomright:     1em;
 851   -webkit-border-bottom-right-radius: 1em;
 852   border-bottom-right-radius:         1em;
 853 }
 854 .ui-btn-corner-left {
 855   -moz-border-radius-topleft:         1em;
 856   -webkit-border-top-left-radius:     1em;
 857   border-top-left-radius:             1em;
 858   -moz-border-radius-bottomleft:      1em;
 859   -webkit-border-bottom-left-radius:  1em;
 860   border-bottom-left-radius:          1em;
 861 }
 862 .ui-btn-corner-all {
 863   -moz-border-radius:                 .4em;
 864   -webkit-border-radius:              .4em;
 865   border-radius:                      .4em;
 866 }
 867
 868 .ui-corner-tl, .ui-corner-tr, .ui-corner-bl,
 869 .ui-corner-br, .ui-corner-top, .ui-corner-bottom,
 870 .ui-corner-right, .ui-corner-left, .ui-corner-all,
 871 .ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl,
 872 .ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom,
 873 .ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all {
 874   -webkit-background-clip: padding-box;
 875      -moz-background-clip: padding;
 876           background-clip: padding-box;
 877
 878 }
 879
 880 /* Form field separator */
 881 .ui-br {
 882         border-bottom: rgb(130,130,130);
 883         border-bottom: rgba(130,130,130,.3);
 884         border-bottom-width: 1px;
 885         border-bottom-style: solid;
 886 }
 887
 888 /* Overlays */
 889 .ui-overlay {
 890   position:   absolute;
 891   opacity:    .5;
 892   filter:     Alpha(Opacity=50);
 893   width:      100%;
 894   height:     100%;
 895   background: #666;
 896 }
 897 .ui-overlay-shadow {
 898   -moz-box-shadow:    0px 0px 12px rgba(0,0,0,.6);
 899   -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
 900   box-shadow:         0px 0px 12px rgba(0,0,0,.6);
 901 }
 902 .ui-shadow {
 903   -moz-box-shadow:    0px 1px 4px rgba(0,0,0,.3);
 904   -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3);
 905   box-shadow:         0px 1px 4px rgba(0,0,0,.3);
 906 }
 907 .ui-bar-a .ui-shadow,
 908 .ui-bar-b .ui-shadow ,
 909 .ui-bar-c .ui-shadow  {
 910   -moz-box-shadow:    0px 1px 0 rgba(255,255,255,.3);
 911   -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
 912   box-shadow:         0px 1px 0 rgba(255,255,255,.3);
 913 }
 914 .ui-shadow-inset {
 915   -moz-box-shadow:    inset 0px 1px 4px rgba(0,0,0,.2);
 916   -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
 917   box-shadow:         inset 0px 1px 4px rgba(0,0,0,.2);
 918 }
 919 .ui-icon-shadow {
 920   -moz-box-shadow:    0px 1px 0 rgba(255,255,255,.4);
 921   -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4);
 922   box-shadow:         0px 1px 0 rgba(255,255,255,.4);
 923 }
 924
 925 /* set focus state last */
 926 .ui-focus {
 927   -moz-box-shadow:    0px 0px 12px #FFBC19;
 928   -webkit-box-shadow: 0px 0px 12px #FFBC19;
 929   box-shadow:         0px 0px 12px #FFBC19;
 930 }
 931
 932 /*####################################################################################################################################
 933
 934   CUSTOM ADDITIONS
 935
 936 ####################################################################################################################################*/
 937
 938
 939 /* Make inline buttons more rounded */
 940 .ui-slider.ui-btn-corner-all .ui-slider-handle.ui-btn-corner-all,
 941 .ui-slider.ui-btn-corner-all .ui-slider-handle.ui-btn-corner-all .ui-btn-inner,
 942 .ui-slider.ui-btn-corner-all{
 943   -moz-border-radius:     1em;
 944   -webkit-border-radius:  1em;
 945   border-radius:          1em;
 946 }
 947 a.ui-btn.ui-btn-inline.ui-btn-corner-all,
 948 a.ui-btn.ui-btn-inline.ui-btn-corner-all .ui-btn-inner{
 949   -moz-border-radius:     2em;
 950   -webkit-border-radius:  2em;
 951   border-radius:          2em;
 952 }
 953
 954 /* Give the search input a stronger border */
 955 .ui-input-search{
 956   border: 1px solid #999;
 957 }
 958
 959 /* Adjustment for indicator icons inside split list & Search Input - Well I hope so :) */
 960 .ui-input-search .ui-btn-icon-notext,
 961 .ui-btn-inner .ui-btn-icon-notext{
 962   -moz-border-radius:     1em;
 963   -webkit-border-radius:  1em;
 964   border-radius:          1em;
 965 }
 966 .ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all,
 967 .ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all .ui-btn-inner.ui-btn-corner-all{
 968   -moz-border-radius:     1em;
 969   -webkit-border-radius:  1em;
 970   border-radius:          1em;
 971 }
 972 /* inner highlight is janky! */
 973 .ui-dialog a.ui-btn-icon-notext.ui-btn-corner-all .ui-btn-inner.ui-btn-corner-all{
 974   border-top-color: transparent;
 975 }