themes/jQuery-Mobile-Boilerplate.css

   1
   2                         /*
   3 * jQuery Mobile Framework 1.0.1
   4 * http://jquerymobile.com
   5 *
   6 * Copyright 2011-2012 (c) jQuery Project
   7 * Dual licensed under the MIT or GPL Version 2 licenses.
   8 * http://jquery.org/license
   9 *
  10 */
  11 /* Swatches */
  12
  13 /* A
  14 -----------------------------------------------------------------------------------------------------------*/
  15
  16 .ui-bar-a {
  17         border: 1px solid               #B3B3B3  /*{a-bar-border}*/;
  18         background: #FD6125 /*{a-bar-background-color}*/;
  19         color: #ffffff /*{a-bar-color}*/;
  20         font-weight: bold;
  21         text-shadow:  0  /*{a-bar-shadow-x}*/  1px  /*{a-bar-shadow-y}*/  1px  /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
  22         background-image: -webkit-gradient(linear, left top, left bottom, from( #FD6125 /*{a-bar-background-start}*/), to( #FD6125 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
  23         background-image: -webkit-linear-gradient( #FD6125 /*{a-bar-background-start}*/, #FD6125 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  24         background-image:    -moz-linear-gradient( #FD6125 /*{a-bar-background-start}*/, #FD6125 /*{a-bar-background-end}*/); /* FF3.6 */
  25         background-image:     -ms-linear-gradient( #FD6125 /*{a-bar-background-start}*/, #FD6125 /*{a-bar-background-end}*/); /* IE10 */
  26         background-image:      -o-linear-gradient( #FD6125 /*{a-bar-background-start}*/, #FD6125 /*{a-bar-background-end}*/); /* Opera 11.10+ */
  27         background-image:         linear-gradient( #FD6125 /*{a-bar-background-start}*/, #FD6125 /*{a-bar-background-end}*/);
  28 }
  29
  30 .ui-bar-a .ui-link-inherit {
  31         color: #ffffff /*{a-bar-color}*/;
  32 }
  33 .ui-bar-a .ui-link {
  34         color:  #7cc4e7  /*{a-bar-link-color}*/;
  35         font-weight: bold;
  36 }
  37
  38 .ui-bar-a .ui-link:hover {
  39         color:  #2489CE  /*{a-bar-link-hover}*/;
  40 }
  41
  42 .ui-bar-a .ui-link:active {
  43         color:  #2489CE  /*{a-bar-link-active}*/;
  44 }
  45
  46 .ui-bar-a .ui-link:visited {
  47     color:  #2489CE  /*{a-bar-link-visited}*/;
  48 }
  49
  50 .ui-bar-a,
  51 .ui-bar-a input,
  52 .ui-bar-a select,
  53 .ui-bar-a textarea,
  54 .ui-bar-a button {
  55            font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
  56 }
  57 .ui-body-a,
  58 .ui-dialog.ui-overlay-a {
  59         border: 1px solid               #B3B3B3  /*{a-body-border}*/;
  60         color: #6D6E71 /*{a-body-color}*/;
  61         text-shadow:  0  /*{a-body-shadow-x}*/  1px  /*{a-body-shadow-y}*/  0  /*{a-body-shadow-radius}*/  #fff  /*{a-body-shadow-color}*/;
  62         background: #efefef /*{a-body-background-color}*/;
  63         background-image: -webkit-gradient(linear, left top, left bottom, from( #EFEFEF /*{a-body-background-start}*/), to( #EFEFEF /*{a-body-background-end}*/)); /* Saf4+, Chrome */
  64         background-image: -webkit-linear-gradient( #EFEFEF /*{a-body-background-start}*/, #EFEFEF /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  65         background-image:    -moz-linear-gradient( #EFEFEF /*{a-body-background-start}*/, #EFEFEF /*{a-body-background-end}*/); /* FF3.6 */
  66         background-image:     -ms-linear-gradient( #EFEFEF /*{a-body-background-start}*/, #EFEFEF /*{a-body-background-end}*/); /* IE10 */
  67         background-image:      -o-linear-gradient( #EFEFEF /*{a-body-background-start}*/, #EFEFEF /*{a-body-background-end}*/); /* Opera 11.10+ */
  68         background-image:         linear-gradient( #EFEFEF /*{a-body-background-start}*/, #EFEFEF /*{a-body-background-end}*/);
  69 }
  70 .ui-body-a,
  71 .ui-body-a input,
  72 .ui-body-a select,
  73 .ui-body-a textarea,
  74 .ui-body-a button {
  75            font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
  76 }
  77
  78 .ui-body-a .ui-link-inherit {
  79         color: #6D6E71 /*{a-body-color}*/;
  80 }
  81
  82 .ui-body-a .ui-link {
  83         color: #FD6125 /*{a-body-link-color}*/;
  84         font-weight: bold;
  85 }
  86
  87 .ui-body-a .ui-link:hover {
  88         color:  #2489CE  /*{a-body-link-hover}*/;
  89 }
  90
  91 .ui-body-a .ui-link:active {
  92         color:  #2489CE  /*{a-body-link-active}*/;
  93 }
  94
  95 .ui-body-a .ui-link:visited {
  96     color:  #2489CE  /*{a-body-link-visited}*/;
  97 }
  98
  99 .ui-btn-up-a {
 100         border: 1px solid               #ccc  /*{a-bup-border}*/;
 101         background:                     #eee  /*{a-bup-background-color}*/;
 102         font-weight: bold;
 103         color: #6D6E71 /*{a-bup-color}*/;
 104         text-shadow:  0  /*{a-bup-shadow-x}*/  1px  /*{a-bup-shadow-y}*/  1px  /*{a-bup-shadow-radius}*/  #f6f6f6  /*{a-bup-shadow-color}*/;
 105         background-image: -webkit-gradient(linear, left top, left bottom, from(  #fdfdfd  /*{a-bup-background-start}*/), to(  #eee  /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
 106         background-image: -webkit-linear-gradient(  #fdfdfd  /*{a-bup-background-start}*/,  #eee  /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 107         background-image:    -moz-linear-gradient(  #fdfdfd  /*{a-bup-background-start}*/,  #eee  /*{a-bup-background-end}*/); /* FF3.6 */
 108         background-image:     -ms-linear-gradient(  #fdfdfd  /*{a-bup-background-start}*/,  #eee  /*{a-bup-background-end}*/); /* IE10 */
 109         background-image:      -o-linear-gradient(  #fdfdfd  /*{a-bup-background-start}*/,  #eee  /*{a-bup-background-end}*/); /* Opera 11.10+ */
 110         background-image:         linear-gradient(  #fdfdfd  /*{a-bup-background-start}*/,  #eee  /*{a-bup-background-end}*/);
 111 }
 112 .ui-btn-up-a a.ui-link-inherit {
 113         color: #6D6E71 /*{a-bup-color}*/;
 114 }
 115
 116 .ui-btn-hover-a {
 117         border: 1px solid               #bbbbbb  /*{a-bhover-border}*/;
 118         background:                     #dadada  /*{a-bhover-background-color}*/;
 119         font-weight: bold;
 120         color: #6D6E71 /*{a-bhover-color}*/;
 121         text-shadow:  0  /*{a-bhover-shadow-x}*/  1px  /*{a-bhover-shadow-y}*/  1px  /*{a-bhover-shadow-radius}*/  #fff  /*{a-bhover-shadow-color}*/;
 122         background-image: -webkit-gradient(linear, left top, left bottom, from(  #ededed  /*{a-bhover-background-start}*/), to(  #dadada  /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
 123         background-image: -webkit-linear-gradient(  #ededed  /*{a-bhover-background-start}*/,  #dadada  /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 124         background-image:    -moz-linear-gradient(  #ededed  /*{a-bhover-background-start}*/,  #dadada  /*{a-bhover-background-end}*/); /* FF3.6 */
 125         background-image:     -ms-linear-gradient(  #ededed  /*{a-bhover-background-start}*/,  #dadada  /*{a-bhover-background-end}*/); /* IE10 */
 126         background-image:      -o-linear-gradient(  #ededed  /*{a-bhover-background-start}*/,  #dadada  /*{a-bhover-background-end}*/); /* Opera 11.10+ */
 127         background-image:         linear-gradient(  #ededed  /*{a-bhover-background-start}*/,  #dadada  /*{a-bhover-background-end}*/);
 128 }
 129 .ui-btn-hover-a a.ui-link-inherit {
 130         color: #6D6E71 /*{a-bhover-color}*/;
 131 }
 132 .ui-btn-down-a {
 133         border: 1px solid               #808080  /*{a-bdown-border}*/;
 134         background:                     #fdfdfd  /*{a-bdown-background-color}*/;
 135         font-weight: bold;
 136         color: #6D6E71 /*{a-bdown-color}*/;
 137         text-shadow:  0  /*{a-bdown-shadow-x}*/  1px  /*{a-bdown-shadow-y}*/  1px  /*{a-bdown-shadow-radius}*/  #ffffff  /*{a-bdown-shadow-color}*/;
 138         background-image: -webkit-gradient(linear, left top, left bottom, from(  #eee  /*{a-bdown-background-start}*/), to(  #fdfdfd  /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
 139         background-image: -webkit-linear-gradient(  #eee  /*{a-bdown-background-start}*/,  #fdfdfd  /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 140         background-image:    -moz-linear-gradient(  #eee  /*{a-bdown-background-start}*/,  #fdfdfd  /*{a-bdown-background-end}*/); /* FF3.6 */
 141         background-image:     -ms-linear-gradient(  #eee  /*{a-bdown-background-start}*/,  #fdfdfd  /*{a-bdown-background-end}*/); /* IE10 */
 142         background-image:      -o-linear-gradient(  #eee  /*{a-bdown-background-start}*/,  #fdfdfd  /*{a-bdown-background-end}*/); /* Opera 11.10+ */
 143         background-image:         linear-gradient(  #eee  /*{a-bdown-background-start}*/,  #fdfdfd  /*{a-bdown-background-end}*/);
 144 }
 145 .ui-btn-down-a a.ui-link-inherit {
 146         color: #6D6E71 /*{a-bdown-color}*/;
 147 }
 148 .ui-btn-up-a,
 149 .ui-btn-hover-a,
 150 .ui-btn-down-a {
 151            font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
 152         text-decoration: none;
 153 }
 154
 155 /* B
 156 -----------------------------------------------------------------------------------------------------------*/
 157
 158 .ui-bar-b {
 159         border: 1px solid               #B3B3B3  /*{b-bar-border}*/;
 160         background: #FD6125 /*{b-bar-background-color}*/;
 161         color: #ffffff /*{b-bar-color}*/;
 162         font-weight: bold;
 163         text-shadow:  0  /*{b-bar-shadow-x}*/  1px  /*{b-bar-shadow-y}*/  1px  /*{b-bar-shadow-radius}*/ #000000 /*{b-bar-shadow-color}*/;
 164         background-image: -webkit-gradient(linear, left top, left bottom, from( #FD6125 /*{b-bar-background-start}*/), to( #FD6125 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
 165         background-image: -webkit-linear-gradient( #FD6125 /*{b-bar-background-start}*/, #FD6125 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 166         background-image:    -moz-linear-gradient( #FD6125 /*{b-bar-background-start}*/, #FD6125 /*{b-bar-background-end}*/); /* FF3.6 */
 167         background-image:     -ms-linear-gradient( #FD6125 /*{b-bar-background-start}*/, #FD6125 /*{b-bar-background-end}*/); /* IE10 */
 168         background-image:      -o-linear-gradient( #FD6125 /*{b-bar-background-start}*/, #FD6125 /*{b-bar-background-end}*/); /* Opera 11.10+ */
 169         background-image:         linear-gradient( #FD6125 /*{b-bar-background-start}*/, #FD6125 /*{b-bar-background-end}*/);
 170 }
 171
 172 .ui-bar-b .ui-link-inherit {
 173         color: #ffffff /*{b-bar-color}*/;
 174 }
 175 .ui-bar-b .ui-link {
 176         color:  #7cc4e7  /*{b-bar-link-color}*/;
 177         font-weight: bold;
 178 }
 179
 180 .ui-bar-b .ui-link:hover {
 181         color:  #2489CE  /*{b-bar-link-hover}*/;
 182 }
 183
 184 .ui-bar-b .ui-link:active {
 185         color:  #2489CE  /*{b-bar-link-active}*/;
 186 }
 187
 188 .ui-bar-b .ui-link:visited {
 189     color:  #2489CE  /*{b-bar-link-visited}*/;
 190 }
 191
 192 .ui-bar-b,
 193 .ui-bar-b input,
 194 .ui-bar-b select,
 195 .ui-bar-b textarea,
 196 .ui-bar-b button {
 197            font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
 198 }
 199 .ui-body-b,
 200 .ui-dialog.ui-overlay-b {
 201         border: 1px solid               #B3B3B3  /*{b-body-border}*/;
 202         color: #6D6E71 /*{b-body-color}*/;
 203         text-shadow:  0  /*{b-body-shadow-x}*/  1px  /*{b-body-shadow-y}*/  0  /*{b-body-shadow-radius}*/  #fff  /*{b-body-shadow-color}*/;
 204         background: #efefef /*{b-body-background-color}*/;
 205         background-image: -webkit-gradient(linear, left top, left bottom, from( #EFEFEF /*{b-body-background-start}*/), to( #EFEFEF /*{b-body-background-end}*/)); /* Saf4+, Chrome */
 206         background-image: -webkit-linear-gradient( #EFEFEF /*{b-body-background-start}*/, #EFEFEF /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 207         background-image:    -moz-linear-gradient( #EFEFEF /*{b-body-background-start}*/, #EFEFEF /*{b-body-background-end}*/); /* FF3.6 */
 208         background-image:     -ms-linear-gradient( #EFEFEF /*{b-body-background-start}*/, #EFEFEF /*{b-body-background-end}*/); /* IE10 */
 209         background-image:      -o-linear-gradient( #EFEFEF /*{b-body-background-start}*/, #EFEFEF /*{b-body-background-end}*/); /* Opera 11.10+ */
 210         background-image:         linear-gradient( #EFEFEF /*{b-body-background-start}*/, #EFEFEF /*{b-body-background-end}*/);
 211 }
 212 .ui-body-b,
 213 .ui-body-b input,
 214 .ui-body-b select,
 215 .ui-body-b textarea,
 216 .ui-body-b button {
 217            font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
 218 }
 219
 220 .ui-body-b .ui-link-inherit {
 221         color: #6D6E71 /*{b-body-color}*/;
 222 }
 223
 224 .ui-body-b .ui-link {
 225         color: #FD6125 /*{b-body-link-color}*/;
 226         font-weight: bold;
 227 }
 228
 229 .ui-body-b .ui-link:hover {
 230         color:  #2489CE  /*{b-body-link-hover}*/;
 231 }
 232
 233 .ui-body-b .ui-link:active {
 234         color:  #2489CE  /*{b-body-link-active}*/;
 235 }
 236
 237 .ui-body-b .ui-link:visited {
 238     color:  #2489CE  /*{b-body-link-visited}*/;
 239 }
 240
 241 .ui-btn-up-b {
 242         border: 1px solid               #ccc  /*{b-bup-border}*/;
 243         background:                     #eee  /*{b-bup-background-color}*/;
 244         font-weight: bold;
 245         color: #6D6E71 /*{b-bup-color}*/;
 246         text-shadow:  0  /*{b-bup-shadow-x}*/  1px  /*{b-bup-shadow-y}*/  1px  /*{b-bup-shadow-radius}*/  #f6f6f6  /*{b-bup-shadow-color}*/;
 247         background-image: -webkit-gradient(linear, left top, left bottom, from(  #fdfdfd  /*{b-bup-background-start}*/), to(  #eee  /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
 248         background-image: -webkit-linear-gradient(  #fdfdfd  /*{b-bup-background-start}*/,  #eee  /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 249         background-image:    -moz-linear-gradient(  #fdfdfd  /*{b-bup-background-start}*/,  #eee  /*{b-bup-background-end}*/); /* FF3.6 */
 250         background-image:     -ms-linear-gradient(  #fdfdfd  /*{b-bup-background-start}*/,  #eee  /*{b-bup-background-end}*/); /* IE10 */
 251         background-image:      -o-linear-gradient(  #fdfdfd  /*{b-bup-background-start}*/,  #eee  /*{b-bup-background-end}*/); /* Opera 11.10+ */
 252         background-image:         linear-gradient(  #fdfdfd  /*{b-bup-background-start}*/,  #eee  /*{b-bup-background-end}*/);
 253 }
 254 .ui-btn-up-b a.ui-link-inherit {
 255         color: #6D6E71 /*{b-bup-color}*/;
 256 }
 257
 258 .ui-btn-hover-b {
 259         border: 1px solid               #bbbbbb  /*{b-bhover-border}*/;
 260         background:                     #dadada  /*{b-bhover-background-color}*/;
 261         font-weight: bold;
 262         color: #6D6E71 /*{b-bhover-color}*/;
 263         text-shadow:  0  /*{b-bhover-shadow-x}*/  1px  /*{b-bhover-shadow-y}*/  1px  /*{b-bhover-shadow-radius}*/  #fff  /*{b-bhover-shadow-color}*/;
 264         background-image: -webkit-gradient(linear, left top, left bottom, from(  #ededed  /*{b-bhover-background-start}*/), to(  #dadada  /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
 265         background-image: -webkit-linear-gradient(  #ededed  /*{b-bhover-background-start}*/,  #dadada  /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 266         background-image:    -moz-linear-gradient(  #ededed  /*{b-bhover-background-start}*/,  #dadada  /*{b-bhover-background-end}*/); /* FF3.6 */
 267         background-image:     -ms-linear-gradient(  #ededed  /*{b-bhover-background-start}*/,  #dadada  /*{b-bhover-background-end}*/); /* IE10 */
 268         background-image:      -o-linear-gradient(  #ededed  /*{b-bhover-background-start}*/,  #dadada  /*{b-bhover-background-end}*/); /* Opera 11.10+ */
 269         background-image:         linear-gradient(  #ededed  /*{b-bhover-background-start}*/,  #dadada  /*{b-bhover-background-end}*/);
 270 }
 271 .ui-btn-hover-b a.ui-link-inherit {
 272         color: #6D6E71 /*{b-bhover-color}*/;
 273 }
 274 .ui-btn-down-b {
 275         border: 1px solid               #808080  /*{b-bdown-border}*/;
 276         background:                     #fdfdfd  /*{b-bdown-background-color}*/;
 277         font-weight: bold;
 278         color: #6D6E71 /*{b-bdown-color}*/;
 279         text-shadow:  0  /*{b-bdown-shadow-x}*/  1px  /*{b-bdown-shadow-y}*/  1px  /*{b-bdown-shadow-radius}*/  #ffffff  /*{b-bdown-shadow-color}*/;
 280         background-image: -webkit-gradient(linear, left top, left bottom, from(  #eee  /*{b-bdown-background-start}*/), to(  #fdfdfd  /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
 281         background-image: -webkit-linear-gradient(  #eee  /*{b-bdown-background-start}*/,  #fdfdfd  /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 282         background-image:    -moz-linear-gradient(  #eee  /*{b-bdown-background-start}*/,  #fdfdfd  /*{b-bdown-background-end}*/); /* FF3.6 */
 283         background-image:     -ms-linear-gradient(  #eee  /*{b-bdown-background-start}*/,  #fdfdfd  /*{b-bdown-background-end}*/); /* IE10 */
 284         background-image:      -o-linear-gradient(  #eee  /*{b-bdown-background-start}*/,  #fdfdfd  /*{b-bdown-background-end}*/); /* Opera 11.10+ */
 285         background-image:         linear-gradient(  #eee  /*{b-bdown-background-start}*/,  #fdfdfd  /*{b-bdown-background-end}*/);
 286 }
 287 .ui-btn-down-b a.ui-link-inherit {
 288         color: #6D6E71 /*{b-bdown-color}*/;
 289 }
 290 .ui-btn-up-b,
 291 .ui-btn-hover-b,
 292 .ui-btn-down-b {
 293            font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
 294         text-decoration: none;
 295 }
 296
 297
 298
 299 /* C
 300 -----------------------------------------------------------------------------------------------------------*/
 301
 302 .ui-bar-c {
 303         border: 1px solid               #B3B3B3  /*{c-bar-border}*/;
 304         background: #FD6125 /*{c-bar-background-color}*/;
 305         color: #ffffff /*{c-bar-color}*/;
 306         font-weight: bold;
 307         text-shadow:  0  /*{c-bar-shadow-x}*/  1px  /*{c-bar-shadow-y}*/  1px  /*{c-bar-shadow-radius}*/ #000000 /*{c-bar-shadow-color}*/;
 308         background-image: -webkit-gradient(linear, left top, left bottom, from( #FD6125 /*{c-bar-background-start}*/), to( #FD6125 /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
 309         background-image: -webkit-linear-gradient( #FD6125 /*{c-bar-background-start}*/, #FD6125 /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 310         background-image:    -moz-linear-gradient( #FD6125 /*{c-bar-background-start}*/, #FD6125 /*{c-bar-background-end}*/); /* FF3.6 */
 311         background-image:     -ms-linear-gradient( #FD6125 /*{c-bar-background-start}*/, #FD6125 /*{c-bar-background-end}*/); /* IE10 */
 312         background-image:      -o-linear-gradient( #FD6125 /*{c-bar-background-start}*/, #FD6125 /*{c-bar-background-end}*/); /* Opera 11.10+ */
 313         background-image:         linear-gradient( #FD6125 /*{c-bar-background-start}*/, #FD6125 /*{c-bar-background-end}*/);
 314 }
 315
 316 .ui-bar-c .ui-link-inherit {
 317         color: #ffffff /*{c-bar-color}*/;
 318 }
 319 .ui-bar-c .ui-link {
 320         color:  #7cc4e7  /*{c-bar-link-color}*/;
 321         font-weight: bold;
 322 }
 323
 324 .ui-bar-c .ui-link:hover {
 325         color:  #2489CE  /*{c-bar-link-hover}*/;
 326 }
 327
 328 .ui-bar-c .ui-link:active {
 329         color:  #2489CE  /*{c-bar-link-active}*/;
 330 }
 331
 332 .ui-bar-c .ui-link:visited {
 333     color:  #2489CE  /*{c-bar-link-visited}*/;
 334 }
 335
 336 .ui-bar-c,
 337 .ui-bar-c input,
 338 .ui-bar-c select,
 339 .ui-bar-c textarea,
 340 .ui-bar-c button {
 341            font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
 342 }
 343 .ui-body-c,
 344 .ui-dialog.ui-overlay-c {
 345         border: 1px solid               #B3B3B3  /*{c-body-border}*/;
 346         color: #6D6E71 /*{c-body-color}*/;
 347         text-shadow:  0  /*{c-body-shadow-x}*/  1px  /*{c-body-shadow-y}*/  0  /*{c-body-shadow-radius}*/  #fff  /*{c-body-shadow-color}*/;
 348         background: #efefef /*{c-body-background-color}*/;
 349         background-image: -webkit-gradient(linear, left top, left bottom, from( #EFEFEF /*{c-body-background-start}*/), to( #EFEFEF /*{c-body-background-end}*/)); /* Saf4+, Chrome */
 350         background-image: -webkit-linear-gradient( #EFEFEF /*{c-body-background-start}*/, #EFEFEF /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 351         background-image:    -moz-linear-gradient( #EFEFEF /*{c-body-background-start}*/, #EFEFEF /*{c-body-background-end}*/); /* FF3.6 */
 352         background-image:     -ms-linear-gradient( #EFEFEF /*{c-body-background-start}*/, #EFEFEF /*{c-body-background-end}*/); /* IE10 */
 353         background-image:      -o-linear-gradient( #EFEFEF /*{c-body-background-start}*/, #EFEFEF /*{c-body-background-end}*/); /* Opera 11.10+ */
 354         background-image:         linear-gradient( #EFEFEF /*{c-body-background-start}*/, #EFEFEF /*{c-body-background-end}*/);
 355 }
 356 .ui-body-c,
 357 .ui-body-c input,
 358 .ui-body-c select,
 359 .ui-body-c textarea,
 360 .ui-body-c button {
 361            font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
 362 }
 363
 364 .ui-body-c .ui-link-inherit {
 365         color: #6D6E71 /*{c-body-color}*/;
 366 }
 367
 368 .ui-body-c .ui-link {
 369         color: #FD6125 /*{c-body-link-color}*/;
 370         font-weight: bold;
 371 }
 372
 373 .ui-body-c .ui-link:hover {
 374         color:  #2489CE  /*{c-body-link-hover}*/;
 375 }
 376
 377 .ui-body-c .ui-link:active {
 378         color:  #2489CE  /*{c-body-link-active}*/;
 379 }
 380
 381 .ui-body-c .ui-link:visited {
 382     color:  #2489CE  /*{c-body-link-visited}*/;
 383 }
 384
 385 .ui-btn-up-c {
 386         border: 1px solid               #ccc  /*{c-bup-border}*/;
 387         background:                     #eee  /*{c-bup-background-color}*/;
 388         font-weight: bold;
 389         color: #6D6E71 /*{c-bup-color}*/;
 390         text-shadow:  0  /*{c-bup-shadow-x}*/  1px  /*{c-bup-shadow-y}*/  1px  /*{c-bup-shadow-radius}*/  #f6f6f6  /*{c-bup-shadow-color}*/;
 391         background-image: -webkit-gradient(linear, left top, left bottom, from(  #fdfdfd  /*{c-bup-background-start}*/), to(  #eee  /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
 392         background-image: -webkit-linear-gradient(  #fdfdfd  /*{c-bup-background-start}*/,  #eee  /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 393         background-image:    -moz-linear-gradient(  #fdfdfd  /*{c-bup-background-start}*/,  #eee  /*{c-bup-background-end}*/); /* FF3.6 */
 394         background-image:     -ms-linear-gradient(  #fdfdfd  /*{c-bup-background-start}*/,  #eee  /*{c-bup-background-end}*/); /* IE10 */
 395         background-image:      -o-linear-gradient(  #fdfdfd  /*{c-bup-background-start}*/,  #eee  /*{c-bup-background-end}*/); /* Opera 11.10+ */
 396         background-image:         linear-gradient(  #fdfdfd  /*{c-bup-background-start}*/,  #eee  /*{c-bup-background-end}*/);
 397 }
 398 .ui-btn-up-c a.ui-link-inherit {
 399         color: #6D6E71 /*{c-bup-color}*/;
 400 }
 401
 402 .ui-btn-hover-c {
 403         border: 1px solid               #bbbbbb  /*{c-bhover-border}*/;
 404         background:                     #dadada  /*{c-bhover-background-color}*/;
 405         font-weight: bold;
 406         color: #6D6E71 /*{c-bhover-color}*/;
 407         text-shadow:  0  /*{c-bhover-shadow-x}*/  1px  /*{c-bhover-shadow-y}*/  1px  /*{c-bhover-shadow-radius}*/  #fff  /*{c-bhover-shadow-color}*/;
 408         background-image: -webkit-gradient(linear, left top, left bottom, from(  #ededed  /*{c-bhover-background-start}*/), to(  #dadada  /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
 409         background-image: -webkit-linear-gradient(  #ededed  /*{c-bhover-background-start}*/,  #dadada  /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 410         background-image:    -moz-linear-gradient(  #ededed  /*{c-bhover-background-start}*/,  #dadada  /*{c-bhover-background-end}*/); /* FF3.6 */
 411         background-image:     -ms-linear-gradient(  #ededed  /*{c-bhover-background-start}*/,  #dadada  /*{c-bhover-background-end}*/); /* IE10 */
 412         background-image:      -o-linear-gradient(  #ededed  /*{c-bhover-background-start}*/,  #dadada  /*{c-bhover-background-end}*/); /* Opera 11.10+ */
 413         background-image:         linear-gradient(  #ededed  /*{c-bhover-background-start}*/,  #dadada  /*{c-bhover-background-end}*/);
 414 }
 415 .ui-btn-hover-c a.ui-link-inherit {
 416         color: #6D6E71 /*{c-bhover-color}*/;
 417 }
 418 .ui-btn-down-c {
 419         border: 1px solid               #808080  /*{c-bdown-border}*/;
 420         background:                     #fdfdfd  /*{c-bdown-background-color}*/;
 421         font-weight: bold;
 422         color: #6D6E71 /*{c-bdown-color}*/;
 423         text-shadow:  0  /*{c-bdown-shadow-x}*/  1px  /*{c-bdown-shadow-y}*/  1px  /*{c-bdown-shadow-radius}*/  #ffffff  /*{c-bdown-shadow-color}*/;
 424         background-image: -webkit-gradient(linear, left top, left bottom, from(  #eee  /*{c-bdown-background-start}*/), to(  #fdfdfd  /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
 425         background-image: -webkit-linear-gradient(  #eee  /*{c-bdown-background-start}*/,  #fdfdfd  /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 426         background-image:    -moz-linear-gradient(  #eee  /*{c-bdown-background-start}*/,  #fdfdfd  /*{c-bdown-background-end}*/); /* FF3.6 */
 427         background-image:     -ms-linear-gradient(  #eee  /*{c-bdown-background-start}*/,  #fdfdfd  /*{c-bdown-background-end}*/); /* IE10 */
 428         background-image:      -o-linear-gradient(  #eee  /*{c-bdown-background-start}*/,  #fdfdfd  /*{c-bdown-background-end}*/); /* Opera 11.10+ */
 429         background-image:         linear-gradient(  #eee  /*{c-bdown-background-start}*/,  #fdfdfd  /*{c-bdown-background-end}*/);
 430 }
 431 .ui-btn-down-c a.ui-link-inherit {
 432         color: #6D6E71 /*{c-bdown-color}*/;
 433 }
 434 .ui-btn-up-c,
 435 .ui-btn-hover-c,
 436 .ui-btn-down-c {
 437            font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
 438         text-decoration: none;
 439 }
 440
 441
 442
 443 /* Structure */
 444
 445 /* links within "buttons"
 446 -----------------------------------------------------------------------------------------------------------*/
 447
 448 a.ui-link-inherit {
 449         text-decoration: none !important;
 450 }
 451
 452
 453 /* Active class used as the "on" state across all themes
 454 -----------------------------------------------------------------------------------------------------------*/
 455
 456 .ui-btn-active {
 457         border: 1px solid #FD6125 /*{global-active-border}*/;
 458         background: #fea777 /*{global-active-background-color}*/;
 459         font-weight: bold;
 460         color: #ffffff /*{global-active-color}*/;
 461         cursor: pointer;
 462         text-shadow:  0  /*{global-active-shadow-x}*/  -1px  /*{global-active-shadow-y}*/  1px  /*{global-active-shadow-radius}*/ #000000 /*{global-active-shadow-color}*/;
 463         text-decoration: none;
 464         background-image: -webkit-gradient(linear, left top, left bottom, from( #FEA777 /*{global-active-background-start}*/), to( #FEA777 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
 465         background-image: -webkit-linear-gradient( #FEA777 /*{global-active-background-start}*/, #FEA777 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
 466         background-image:    -moz-linear-gradient( #FEA777 /*{global-active-background-start}*/, #FEA777 /*{global-active-background-end}*/); /* FF3.6 */
 467         background-image:     -ms-linear-gradient( #FEA777 /*{global-active-background-start}*/, #FEA777 /*{global-active-background-end}*/); /* IE10 */
 468         background-image:      -o-linear-gradient( #FEA777 /*{global-active-background-start}*/, #FEA777 /*{global-active-background-end}*/); /* Opera 11.10+ */
 469         background-image:         linear-gradient( #FEA777 /*{global-active-background-start}*/, #FEA777 /*{global-active-background-end}*/);
 470            font-family: Helvetica, Arial, sans-serif  /*{global-font-family}*/;
 471 }
 472 .ui-btn-active a.ui-link-inherit {
 473         color: #ffffff /*{global-active-color}*/;
 474 }
 475
 476
 477 /* button inner top highlight
 478 -----------------------------------------------------------------------------------------------------------*/
 479
 480 .ui-btn-inner {
 481         border-top: 1px solid   #fff;
 482         border-color:                   rgba(255,255,255,.3);
 483 }
 484
 485
 486 /* corner rounding classes
 487 -----------------------------------------------------------------------------------------------------------*/
 488
 489 .ui-corner-tl {
 490         -moz-border-radius-topleft:                                             .6em  /*{global-radii-blocks}*/;
 491         -webkit-border-top-left-radius:                                                 .6em  /*{global-radii-blocks}*/;
 492         border-top-left-radius:                                                 .6em  /*{global-radii-blocks}*/;
 493 }
 494 .ui-corner-tr {
 495         -moz-border-radius-topright:                                            .6em  /*{global-radii-blocks}*/;
 496         -webkit-border-top-right-radius:                                                .6em  /*{global-radii-blocks}*/;
 497         border-top-right-radius:                                                .6em  /*{global-radii-blocks}*/;
 498 }
 499 .ui-corner-bl {
 500         -moz-border-radius-bottomleft:                                                  .6em  /*{global-radii-blocks}*/;
 501         -webkit-border-bottom-left-radius:                                              .6em  /*{global-radii-blocks}*/;
 502         border-bottom-left-radius:                                              .6em  /*{global-radii-blocks}*/;
 503 }
 504 .ui-corner-br {
 505         -moz-border-radius-bottomright:                                                 .6em  /*{global-radii-blocks}*/;
 506         -webkit-border-bottom-right-radius:                                             .6em  /*{global-radii-blocks}*/;
 507         border-bottom-right-radius:                                             .6em  /*{global-radii-blocks}*/;
 508 }
 509 .ui-corner-top {
 510         -moz-border-radius-topleft:                                             .6em  /*{global-radii-blocks}*/;
 511         -webkit-border-top-left-radius:                                                 .6em  /*{global-radii-blocks}*/;
 512         border-top-left-radius:                                                 .6em  /*{global-radii-blocks}*/;
 513         -moz-border-radius-topright:                                            .6em  /*{global-radii-blocks}*/;
 514         -webkit-border-top-right-radius:                                                .6em  /*{global-radii-blocks}*/;
 515         border-top-right-radius:                                                .6em  /*{global-radii-blocks}*/;
 516 }
 517 .ui-corner-bottom {
 518         -moz-border-radius-bottomleft:                                                  .6em  /*{global-radii-blocks}*/;
 519         -webkit-border-bottom-left-radius:                                              .6em  /*{global-radii-blocks}*/;
 520         border-bottom-left-radius:                                              .6em  /*{global-radii-blocks}*/;
 521         -moz-border-radius-bottomright:                                                 .6em  /*{global-radii-blocks}*/;
 522         -webkit-border-bottom-right-radius:                                             .6em  /*{global-radii-blocks}*/;
 523         border-bottom-right-radius:                                             .6em  /*{global-radii-blocks}*/;
 524         }
 525 .ui-corner-right {
 526         -moz-border-radius-topright:                                            .6em  /*{global-radii-blocks}*/;
 527         -webkit-border-top-right-radius:                                                .6em  /*{global-radii-blocks}*/;
 528         border-top-right-radius:                                                .6em  /*{global-radii-blocks}*/;
 529         -moz-border-radius-bottomright:                                                 .6em  /*{global-radii-blocks}*/;
 530         -webkit-border-bottom-right-radius:                                             .6em  /*{global-radii-blocks}*/;
 531         border-bottom-right-radius:                                             .6em  /*{global-radii-blocks}*/;
 532 }
 533 .ui-corner-left {
 534         -moz-border-radius-topleft:                                             .6em  /*{global-radii-blocks}*/;
 535         -webkit-border-top-left-radius:                                                 .6em  /*{global-radii-blocks}*/;
 536         border-top-left-radius:                                                 .6em  /*{global-radii-blocks}*/;
 537         -moz-border-radius-bottomleft:                                                  .6em  /*{global-radii-blocks}*/;
 538         -webkit-border-bottom-left-radius:                                              .6em  /*{global-radii-blocks}*/;
 539         border-bottom-left-radius:                                              .6em  /*{global-radii-blocks}*/;
 540 }
 541 .ui-corner-all {
 542         -moz-border-radius:                                             .6em  /*{global-radii-blocks}*/;
 543         -webkit-border-radius:                                                  .6em  /*{global-radii-blocks}*/;
 544         border-radius:                                                  .6em  /*{global-radii-blocks}*/;
 545 }
 546 .ui-corner-none {
 547         -moz-border-radius:                                0;
 548         -webkit-border-radius:                             0;
 549         border-radius:                                             0;
 550 }
 551
 552 /* Interaction cues
 553 -----------------------------------------------------------------------------------------------------------*/
 554 .ui-disabled {
 555         opacity:                                                        .3;
 556 }
 557 .ui-disabled,
 558 .ui-disabled a {
 559         pointer-events: none;
 560         cursor: default;
 561 }
 562
 563 /* Icons
 564 -----------------------------------------------------------------------------------------------------------*/
 565
 566 .ui-icon,
 567 .ui-icon-searchfield:after {
 568         background:                                             #666  /*{global-icon-color}*/;
 569         background:                                             rgba(0,0,0,.4)  /*{global-icon-disc}*/;
 570         background-image:  url(images/icons-18-white.png)  /*{global-icon-set}*/;
 571         background-repeat: no-repeat;
 572         -moz-border-radius:                             9px;
 573         -webkit-border-radius:                          9px;
 574         border-radius:                                          9px;
 575 }
 576
 577
 578 /* Alt icon color
 579 -----------------------------------------------------------------------------------------------------------*/
 580
 581 .ui-icon-alt {
 582         background:                                             #fff;
 583         background:                                             rgba(255,255,255,.3);
 584         background-image: url(images/icons-18-black.png);
 585         background-repeat: no-repeat;
 586 }
 587
 588 /* HD/"retina" sprite
 589 -----------------------------------------------------------------------------------------------------------*/
 590
 591 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 592        only screen and (min--moz-device-pixel-ratio: 1.5),
 593        only screen and (min-resolution: 240dpi) {
 594
 595         .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
 596         .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
 597         .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
 598         .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
 599         .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
 600                 background-image: url(images/icons-36-white.png);
 601                 -moz-background-size: 776px 18px;
 602                 -o-background-size: 776px 18px;
 603                 -webkit-background-size: 776px 18px;
 604                 background-size: 776px 18px;
 605         }
 606         .ui-icon-alt {
 607                 background-image: url(images/icons-36-black.png);
 608         }
 609 }
 610
 611 /* plus minus */
 612 .ui-icon-plus {
 613         background-position:    -0 50%;
 614 }
 615 .ui-icon-minus {
 616         background-position:    -36px 50%;
 617 }
 618
 619 /* delete/close */
 620 .ui-icon-delete {
 621         background-position:    -72px 50%;
 622 }
 623
 624 /* arrows */
 625 .ui-icon-arrow-r {
 626         background-position:    -108px 50%;
 627 }
 628 .ui-icon-arrow-l {
 629         background-position:    -144px 50%;
 630 }
 631 .ui-icon-arrow-u {
 632         background-position:    -180px 50%;
 633 }
 634 .ui-icon-arrow-d {
 635         background-position:    -216px 50%;
 636 }
 637
 638 /* misc */
 639 .ui-icon-check {
 640         background-position:    -252px 50%;
 641 }
 642 .ui-icon-gear {
 643         background-position:    -288px 50%;
 644 }
 645 .ui-icon-refresh {
 646         background-position:    -324px 50%;
 647 }
 648 .ui-icon-forward {
 649         background-position:    -360px 50%;
 650 }
 651 .ui-icon-back {
 652         background-position:    -396px 50%;
 653 }
 654 .ui-icon-grid {
 655         background-position:    -432px 50%;
 656 }
 657 .ui-icon-star {
 658         background-position:    -468px 50%;
 659 }
 660 .ui-icon-alert {
 661         background-position:    -504px 50%;
 662 }
 663 .ui-icon-info {
 664         background-position:    -540px 50%;
 665 }
 666 .ui-icon-home {
 667         background-position:    -576px 50%;
 668 }
 669 .ui-icon-search,
 670 .ui-icon-searchfield:after {
 671         background-position:    -612px 50%;
 672 }
 673 .ui-icon-checkbox-off {
 674         background-position:    -684px 50%;
 675 }
 676 .ui-icon-checkbox-on {
 677         background-position:    -648px 50%;
 678 }
 679 .ui-icon-radio-off {
 680         background-position:    -756px 50%;
 681 }
 682 .ui-icon-radio-on {
 683         background-position:    -720px 50%;
 684 }
 685
 686
 687 /* checks,radios */
 688 .ui-checkbox .ui-icon {
 689         -moz-border-radius: 3px;
 690         -webkit-border-radius: 3px;
 691         border-radius: 3px;
 692 }
 693 .ui-icon-checkbox-off,
 694 .ui-icon-radio-off {
 695         background-color: transparent;
 696 }
 697 .ui-checkbox-on .ui-icon,
 698 .ui-radio-on .ui-icon {
 699         background-color: #fea777 /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
 700 }
 701
 702 /* loading icon */
 703 .ui-icon-loading {
 704         background-image: url(images/ajax-loader.png);
 705         width: 40px;
 706         height: 40px;
 707         -moz-border-radius: 20px;
 708         -webkit-border-radius: 20px;
 709         border-radius: 20px;
 710         background-size: 35px 35px;
 711 }
 712
 713
 714 /* Button corner classes
 715 -----------------------------------------------------------------------------------------------------------*/
 716
 717 .ui-btn-corner-tl {
 718         -moz-border-radius-topleft:                                             1em  /*{global-radii-buttons}*/;
 719         -webkit-border-top-left-radius:                                                 1em  /*{global-radii-buttons}*/;
 720         border-top-left-radius:                                                 1em  /*{global-radii-buttons}*/;
 721 }
 722 .ui-btn-corner-tr {
 723         -moz-border-radius-topright:                                            1em  /*{global-radii-buttons}*/;
 724         -webkit-border-top-right-radius:                                                1em  /*{global-radii-buttons}*/;
 725         border-top-right-radius:                                                1em  /*{global-radii-buttons}*/;
 726 }
 727 .ui-btn-corner-bl {
 728         -moz-border-radius-bottomleft:                                                  1em  /*{global-radii-buttons}*/;
 729         -webkit-border-bottom-left-radius:                                              1em  /*{global-radii-buttons}*/;
 730         border-bottom-left-radius:                                              1em  /*{global-radii-buttons}*/;
 731 }
 732 .ui-btn-corner-br {
 733         -moz-border-radius-bottomright:                                                 1em  /*{global-radii-buttons}*/;
 734         -webkit-border-bottom-right-radius:                                             1em  /*{global-radii-buttons}*/;
 735         border-bottom-right-radius:                                             1em  /*{global-radii-buttons}*/;
 736 }
 737 .ui-btn-corner-top {
 738         -moz-border-radius-topleft:                                             1em  /*{global-radii-buttons}*/;
 739         -webkit-border-top-left-radius:                                                 1em  /*{global-radii-buttons}*/;
 740         border-top-left-radius:                                                 1em  /*{global-radii-buttons}*/;
 741         -moz-border-radius-topright:                                            1em  /*{global-radii-buttons}*/;
 742         -webkit-border-top-right-radius:                                                1em  /*{global-radii-buttons}*/;
 743         border-top-right-radius:                                                1em  /*{global-radii-buttons}*/;
 744 }
 745 .ui-btn-corner-bottom {
 746         -moz-border-radius-bottomleft:                                                  1em  /*{global-radii-buttons}*/;
 747         -webkit-border-bottom-left-radius:                                              1em  /*{global-radii-buttons}*/;
 748         border-bottom-left-radius:                                              1em  /*{global-radii-buttons}*/;
 749         -moz-border-radius-bottomright:                                                 1em  /*{global-radii-buttons}*/;
 750         -webkit-border-bottom-right-radius:                                             1em  /*{global-radii-buttons}*/;
 751         border-bottom-right-radius:                                             1em  /*{global-radii-buttons}*/;
 752 }
 753 .ui-btn-corner-right {
 754          -moz-border-radius-topright:                                           1em  /*{global-radii-buttons}*/;
 755         -webkit-border-top-right-radius:                                                1em  /*{global-radii-buttons}*/;
 756         border-top-right-radius:                                                1em  /*{global-radii-buttons}*/;
 757         -moz-border-radius-bottomright:                                                 1em  /*{global-radii-buttons}*/;
 758         -webkit-border-bottom-right-radius:                                             1em  /*{global-radii-buttons}*/;
 759         border-bottom-right-radius:                                             1em  /*{global-radii-buttons}*/;
 760 }
 761 .ui-btn-corner-left {
 762         -moz-border-radius-topleft:                                             1em  /*{global-radii-buttons}*/;
 763         -webkit-border-top-left-radius:                                                 1em  /*{global-radii-buttons}*/;
 764         border-top-left-radius:                                                 1em  /*{global-radii-buttons}*/;
 765         -moz-border-radius-bottomleft:                                                  1em  /*{global-radii-buttons}*/;
 766         -webkit-border-bottom-left-radius:                                              1em  /*{global-radii-buttons}*/;
 767         border-bottom-left-radius:                                              1em  /*{global-radii-buttons}*/;
 768 }
 769 .ui-btn-corner-all {
 770         -moz-border-radius:                                             1em  /*{global-radii-buttons}*/;
 771         -webkit-border-radius:                                                  1em  /*{global-radii-buttons}*/;
 772         border-radius:                                                  1em  /*{global-radii-buttons}*/;
 773 }
 774
 775 /* radius clip workaround for cleaning up corner trapping */
 776 .ui-corner-tl,
 777 .ui-corner-tr,
 778 .ui-corner-bl,
 779 .ui-corner-br,
 780 .ui-corner-top,
 781 .ui-corner-bottom,
 782 .ui-corner-right,
 783 .ui-corner-left,
 784 .ui-corner-all,
 785 .ui-btn-corner-tl,
 786 .ui-btn-corner-tr,
 787 .ui-btn-corner-bl,
 788 .ui-btn-corner-br,
 789 .ui-btn-corner-top,
 790 .ui-btn-corner-bottom,
 791 .ui-btn-corner-right,
 792 .ui-btn-corner-left,
 793 .ui-btn-corner-all {
 794   -webkit-background-clip: padding-box;
 795      -moz-background-clip: padding;
 796           background-clip: padding-box;
 797 }
 798
 799 /* Overlay / modal
 800 -----------------------------------------------------------------------------------------------------------*/
 801
 802 .ui-overlay {
 803         background: #666;
 804         opacity: .5;
 805         filter: Alpha(Opacity=50);
 806         position: absolute;
 807         width: 100%;
 808         height: 100%;
 809 }
 810 .ui-overlay-shadow {
 811         -moz-box-shadow: 0px 0px 12px                   rgba(0,0,0,.6);
 812         -webkit-box-shadow: 0px 0px 12px                rgba(0,0,0,.6);
 813         box-shadow: 0px 0px 12px                                rgba(0,0,0,.6);
 814 }
 815 .ui-shadow {
 816         -moz-box-shadow: 0px 1px  4px  /*{global-box-shadow-size}*/                             rgba(0,0,0,.3)  /*{global-box-shadow-color}*/;
 817         -webkit-box-shadow: 0px 1px  4px  /*{global-box-shadow-size}*/                                  rgba(0,0,0,.3)  /*{global-box-shadow-color}*/;
 818         box-shadow: 0px 1px  4px  /*{global-box-shadow-size}*/                                  rgba(0,0,0,.3)  /*{global-box-shadow-color}*/;
 819 }
 820 .ui-bar-a .ui-shadow,
 821 .ui-bar-b .ui-shadow ,
 822 .ui-bar-c .ui-shadow  {
 823         -moz-box-shadow: 0px 1px 0                              rgba(255,255,255,.3);
 824         -webkit-box-shadow: 0px 1px 0                   rgba(255,255,255,.3);
 825         box-shadow: 0px 1px 0                                   rgba(255,255,255,.3);
 826 }
 827 .ui-shadow-inset {
 828         -moz-box-shadow: inset 0px 1px 4px              rgba(0,0,0,.2);
 829         -webkit-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);
 830         box-shadow: inset 0px 1px 4px                   rgba(0,0,0,.2);
 831 }
 832 .ui-icon-shadow {
 833         -moz-box-shadow: 0px 1px 0                              rgba(255,255,255,.4);
 834         -webkit-box-shadow: 0px 1px 0                   rgba(255,255,255,.4);
 835         box-shadow: 0px 1px 0                                   rgba(255,255,255,.4);
 836 }
 837
 838 /* Focus state - set here for specificity
 839 -----------------------------------------------------------------------------------------------------------*/
 840
 841 .ui-focus {
 842         -moz-box-shadow: 0px 0px 12px #fea777 /*{global-active-background-color}*/;
 843         -webkit-box-shadow: 0px 0px 12px #fea777 /*{global-active-background-color}*/;
 844         box-shadow: 0px 0px 12px #fea777 /*{global-active-background-color}*/;
 845 }
 846
 847 /* unset box shadow in browsers that don't do it right
 848 -----------------------------------------------------------------------------------------------------------*/
 849
 850 .ui-mobile-nosupport-boxshadow * {
 851         -moz-box-shadow: none !important;
 852         -webkit-box-shadow: none !important;
 853         box-shadow: none !important;
 854 }
 855
 856 /* ...and bring back focus */
 857 .ui-mobile-nosupport-boxshadow .ui-focus {
 858         outline-width: 2px;
 859 }