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

   1 /* Swatches */
   2
   3 /* A
   4 -----------------------------------------------------------------------------------------------------------*/
   5
   6 .ui-bar-a {
   7         border: 1px solid               #333 /*{a-bar-border}*/;
   8         background:                     #111111 /*{a-bar-background-color}*/;
   9         color:                                  #ffffff /*{a-bar-color}*/;
  10         font-weight: bold;
  11         text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/;
  12         background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
  13         background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  14         background-image:    -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
  15         background-image:     -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
  16         background-image:      -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
  17         background-image:         linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
  18 }
  19 .ui-bar-a,
  20 .ui-bar-a input,
  21 .ui-bar-a select,
  22 .ui-bar-a textarea,
  23 .ui-bar-a button {
  24         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  25 }
  26 .ui-bar-a .ui-link-inherit {
  27         color: #fff /*{a-bar-color}*/;
  28 }
  29
  30 .ui-bar-a .ui-link {
  31         color: #7cc4e7 /*{a-bar-link-color}*/;
  32         font-weight: bold;
  33 }
  34
  35 .ui-bar-a .ui-link:hover {
  36         color: #2489CE /*{a-bar-link-hover}*/;
  37 }
  38
  39 .ui-bar-a .ui-link:active {
  40         color: #2489CE /*{a-bar-link-active}*/;
  41 }
  42
  43 .ui-bar-a .ui-link:visited {
  44     color: #2489CE /*{a-bar-link-visited}*/;
  45 }
  46 .ui-body-a,
  47 .ui-overlay-a {
  48         border: 1px solid               #444 /*{a-body-border}*/;
  49         background:                     #222 /*{a-body-background-color}*/;
  50         color:                                  #fff /*{a-body-color}*/;
  51         text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
  52         font-weight: normal;
  53         background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
  54         background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  55         background-image:    -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
  56         background-image:     -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
  57         background-image:      -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
  58         background-image:         linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
  59 }
  60 .ui-overlay-a {
  61         background-image: none;
  62         border-width: 0;
  63 }
  64 .ui-body-a,
  65 .ui-body-a input,
  66 .ui-body-a select,
  67 .ui-body-a textarea,
  68 .ui-body-a button {
  69         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  70 }
  71 .ui-body-a .ui-link-inherit {
  72         color:  #fff /*{a-body-color}*/;
  73 }
  74
  75 .ui-body-a .ui-link {
  76         color: #2489CE /*{a-body-link-color}*/;
  77         font-weight: bold;
  78 }
  79
  80 .ui-body-a .ui-link:hover {
  81         color: #2489CE /*{a-body-link-hover}*/;
  82 }
  83
  84 .ui-body-a .ui-link:active {
  85         color: #2489CE /*{a-body-link-active}*/;
  86 }
  87
  88 .ui-body-a .ui-link:visited {
  89     color: #2489CE /*{a-body-link-visited}*/;
  90 }
  91
  92 .ui-btn-up-a {
  93         border: 1px solid               #111 /*{a-bup-border}*/;
  94         background:                     #333 /*{a-bup-background-color}*/;
  95         font-weight: bold;
  96         color:                                  #fff /*{a-bup-color}*/;
  97         text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
  98         background-image: -webkit-gradient(linear, left top, left bottom, from( #444444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
  99         background-image: -webkit-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 100         background-image:    -moz-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
 101         background-image:     -ms-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
 102         background-image:      -o-linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
 103         background-image:         linear-gradient( #444444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
 104 }
 105 .ui-btn-up-a a.ui-link-inherit {
 106         color:                                  #fff /*{a-bup-color}*/;
 107 }
 108 .ui-btn-hover-a {
 109         border: 1px solid               #000 /*{a-bhover-border}*/;
 110         background:                     #444444 /*{a-bhover-background-color}*/;
 111         font-weight: bold;
 112         color:                                  #fff /*{a-bhover-color}*/;
 113         text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
 114         background-image: -webkit-gradient(linear, left top, left bottom, from( #555555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
 115         background-image: -webkit-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 116         background-image:    -moz-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
 117         background-image:     -ms-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
 118         background-image:      -o-linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
 119         background-image:         linear-gradient( #555555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
 120 }
 121 .ui-btn-hover-a a.ui-link-inherit {
 122         color:                                  #fff /*{a-bhover-color}*/;
 123 }
 124 .ui-btn-down-a {
 125         border: 1px solid               #000 /*{a-bdown-border}*/;
 126         background:                     #222 /*{a-bdown-background-color}*/;
 127         font-weight: bold;
 128         color:                                  #fff /*{a-bdown-color}*/;
 129         text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
 130         background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
 131         background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 132         background-image:    -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
 133         background-image:     -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
 134         background-image:      -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
 135         background-image:         linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
 136 }
 137 .ui-btn-down-a a.ui-link-inherit {
 138         color:                                  #fff /*{a-bdown-color}*/;
 139 }
 140 .ui-btn-up-a,
 141 .ui-btn-hover-a,
 142 .ui-btn-down-a {
 143         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 144         text-decoration: none;
 145 }
 146
 147
 148 /* B
 149 -----------------------------------------------------------------------------------------------------------*/
 150 .ui-bar-b {
 151         border: 1px solid               #456f9a /*{b-bar-border}*/;
 152         background:                     #5e87b0 /*{b-bar-background-color}*/;
 153         color:                                  #fff /*{b-bar-color}*/;
 154         font-weight: bold;
 155         text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
 156         background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
 157         background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 158         background-image:    -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
 159         background-image:     -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
 160         background-image:      -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
 161         background-image:         linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
 162 }
 163 .ui-bar-b,
 164 .ui-bar-b input,
 165 .ui-bar-b select,
 166 .ui-bar-b textarea,
 167 .ui-bar-b button {
 168         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 169 }
 170 .ui-bar-b .ui-link-inherit {
 171         color:  #fff /*{b-bar-color}*/;
 172 }
 173 .ui-bar-b .ui-link {
 174         color: #ddf0f8 /*{b-bar-link-color}*/;
 175         font-weight: bold;
 176 }
 177
 178 .ui-bar-b .ui-link:hover {
 179         color: #ddf0f8 /*{b-bar-link-hover}*/;
 180 }
 181
 182 .ui-bar-b .ui-link:active {
 183         color: #ddf0f8 /*{b-bar-link-active}*/;
 184 }
 185
 186 .ui-bar-b .ui-link:visited {
 187     color: #ddf0f8 /*{b-bar-link-visited}*/;
 188 }
 189 .ui-body-b,
 190 .ui-overlay-b {
 191         border: 1px solid               #999 /*{b-body-border}*/;
 192         background:                     #f3f3f3 /*{b-body-background-color}*/;
 193         color:                                  #222222 /*{b-body-color}*/;
 194         text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
 195         font-weight: normal;
 196         background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
 197         background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 198         background-image:    -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
 199         background-image:     -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
 200         background-image:      -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
 201         background-image:         linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
 202 }
 203 .ui-overlay-b {
 204         background-image: none;
 205         border-width: 0;
 206 }
 207 .ui-body-b,
 208 .ui-body-b input,
 209 .ui-body-b select,
 210 .ui-body-b textarea,
 211 .ui-body-b button {
 212         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 213 }
 214 .ui-body-b .ui-link-inherit {
 215         color:  #333333 /*{b-body-color}*/;
 216 }
 217
 218 .ui-body-b .ui-link {
 219         color: #2489CE /*{b-body-link-color}*/;
 220         font-weight: bold;
 221 }
 222
 223 .ui-body-b .ui-link:hover {
 224         color: #2489CE /*{b-body-link-hover}*/;
 225 }
 226
 227 .ui-body-b .ui-link:active {
 228         color: #2489CE /*{b-body-link-active}*/;
 229 }
 230
 231 .ui-body-b .ui-link:visited {
 232     color: #2489CE /*{b-body-link-visited}*/;
 233 }
 234
 235 .ui-btn-up-b {
 236         border: 1px solid               #044062 /*{b-bup-border}*/;
 237         background:                     #396b9e /*{b-bup-background-color}*/;
 238         font-weight: bold;
 239         color:                                  #fff /*{b-bup-color}*/;
 240         text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
 241         background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
 242         background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 243         background-image:    -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
 244         background-image:     -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
 245         background-image:      -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
 246         background-image:         linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
 247 }
 248 .ui-btn-up-b a.ui-link-inherit {
 249         color:                                  #fff /*{b-bup-color}*/;
 250 }
 251 .ui-btn-hover-b {
 252         border: 1px solid               #00415e /*{b-bhover-border}*/;
 253         background:                     #4b88b6 /*{b-bhover-background-color}*/;
 254         font-weight: bold;
 255         color:                                  #fff /*{b-bhover-color}*/;
 256         text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
 257         background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
 258         background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 259         background-image:    -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
 260         background-image:     -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
 261         background-image:      -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
 262         background-image:         linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
 263 }
 264 .ui-btn-hover-b a.ui-link-inherit {
 265         color:                                  #fff /*{b-bhover-color}*/;
 266 }
 267 .ui-btn-down-b {
 268         border: 1px solid               #225377 /*{b-bdown-border}*/;
 269         background:                     #4e89c5 /*{b-bdown-background-color}*/;
 270         font-weight: bold;
 271         color:                                  #fff /*{b-bdown-color}*/;
 272         text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
 273         background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
 274         background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 275         background-image:    -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
 276         background-image:     -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
 277         background-image:      -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
 278         background-image:         linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
 279 }
 280 .ui-btn-down-b a.ui-link-inherit {
 281         color:                                  #fff /*{b-bdown-color}*/;
 282 }
 283 .ui-btn-up-b,
 284 .ui-btn-hover-b,
 285 .ui-btn-down-b {
 286         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 287         text-decoration: none;
 288 }
 289
 290
 291 /* C
 292 -----------------------------------------------------------------------------------------------------------*/
 293
 294 .ui-bar-c {
 295         border: 1px solid               #B3B3B3 /*{c-bar-border}*/;
 296         background:                     #eeeeee /*{c-bar-background-color}*/;
 297         color:                                  #3E3E3E /*{c-bar-color}*/;
 298         font-weight: bold;
 299         text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/      #fff /*{c-bar-shadow-color}*/;
 300         background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
 301         background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 302         background-image:    -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
 303         background-image:     -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
 304         background-image:      -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
 305         background-image:         linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
 306 }
 307
 308 .ui-bar-c .ui-link-inherit {
 309         color:  #3E3E3E /*{c-bar-color}*/;
 310 }
 311 .ui-bar-c .ui-link {
 312         color: #7cc4e7 /*{c-bar-link-color}*/;
 313         font-weight: bold;
 314 }
 315
 316 .ui-bar-c .ui-link:hover {
 317         color: #2489CE /*{c-bar-link-hover}*/;
 318 }
 319
 320 .ui-bar-c .ui-link:active {
 321         color: #2489CE /*{c-bar-link-active}*/;
 322 }
 323
 324 .ui-bar-c .ui-link:visited {
 325     color: #2489CE /*{c-bar-link-visited}*/;
 326 }
 327
 328 .ui-bar-c,
 329 .ui-bar-c input,
 330 .ui-bar-c select,
 331 .ui-bar-c textarea,
 332 .ui-bar-c button {
 333         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 334 }
 335 .ui-body-c,
 336 .ui-overlay-c {
 337         border: 1px solid               #aaa /*{c-body-border}*/;
 338         color:                                  #333333 /*{c-body-color}*/;
 339         text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
 340         background:                     #f9f9f9 /*{c-body-background-color}*/;
 341         background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
 342         background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 343         background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */
 344         background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */
 345         background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */
 346         background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/);
 347 }
 348 .ui-overlay-c {
 349         background-image: none;
 350         border-width: 0;
 351 }
 352 .ui-body-c,
 353 .ui-body-c input,
 354 .ui-body-c select,
 355 .ui-body-c textarea,
 356 .ui-body-c button {
 357         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 358 }
 359
 360 .ui-body-c .ui-link-inherit {
 361         color:  #333333 /*{c-body-color}*/;
 362 }
 363
 364 .ui-body-c .ui-link {
 365         color: #2489CE /*{c-body-link-color}*/;
 366         font-weight: bold;
 367 }
 368
 369 .ui-body-c .ui-link:hover {
 370         color: #2489CE /*{c-body-link-hover}*/;
 371 }
 372
 373 .ui-body-c .ui-link:active {
 374         color: #2489CE /*{c-body-link-active}*/;
 375 }
 376
 377 .ui-body-c .ui-link:visited {
 378     color: #2489CE /*{c-body-link-visited}*/;
 379 }
 380
 381 .ui-btn-up-c {
 382         border: 1px solid               #ccc /*{c-bup-border}*/;
 383         background:                     #eee /*{c-bup-background-color}*/;
 384         font-weight: bold;
 385         color:                                  #222 /*{c-bup-color}*/;
 386         text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
 387         background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
 388         background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 389         background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
 390         background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
 391         background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
 392         background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
 393 }
 394 .ui-btn-up-c a.ui-link-inherit {
 395         color:                                  #2F3E46 /*{c-bup-color}*/;
 396 }
 397
 398 .ui-btn-hover-c {
 399         border: 1px solid               #bbb /*{c-bhover-border}*/;
 400         background:                     #dfdfdf /*{c-bhover-background-color}*/;
 401         font-weight: bold;
 402         color:                                  #222 /*{c-bhover-color}*/;
 403         text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
 404         background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
 405         background-image: -webkit-linear-gradient( #f9f9f9 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 406         background-image:    -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
 407         background-image:     -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
 408         background-image:      -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
 409         background-image:         linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
 410 }
 411 .ui-btn-hover-c a.ui-link-inherit {
 412         color:                                  #2F3E46 /*{c-bhover-color}*/;
 413 }
 414 .ui-btn-down-c {
 415         border: 1px solid               #bbb /*{c-bdown-border}*/;
 416         background:                     #d6d6d6 /*{c-bdown-background-color}*/;
 417         font-weight: bold;
 418         color:                                  #222 /*{c-bdown-color}*/;
 419         text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
 420         background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
 421         background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 422         background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
 423         background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
 424         background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
 425         background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
 426 }
 427 .ui-btn-down-c a.ui-link-inherit {
 428         color:                                  #2F3E46 /*{c-bdown-color}*/;
 429 }
 430 .ui-btn-up-c,
 431 .ui-btn-hover-c,
 432 .ui-btn-down-c {
 433         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 434         text-decoration: none;
 435 }
 436
 437
 438 /* D
 439 -----------------------------------------------------------------------------------------------------------*/
 440
 441 .ui-bar-d {
 442         border: 1px solid               #bbb /*{d-bar-border}*/;
 443         background:                     #bbb /*{d-bar-background-color}*/;
 444         color:                                  #333 /*{d-bar-color}*/;
 445         text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
 446         background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
 447         background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 448         background-image:    -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
 449         background-image:     -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
 450         background-image:      -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
 451         background-image:         linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
 452 }
 453 .ui-bar-d,
 454 .ui-bar-d input,
 455 .ui-bar-d select,
 456 .ui-bar-d textarea,
 457 .ui-bar-d button {
 458         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 459 }
 460
 461 .ui-bar-d .ui-link-inherit {
 462         color:  #333333 /*{d-bar-color}*/;
 463 }
 464 .ui-bar-d .ui-link {
 465         color: #2489CE /*{d-bar-link-color}*/;
 466         font-weight: bold;
 467 }
 468
 469 .ui-bar-d .ui-link:hover {
 470         color: #2489CE /*{d-bar-link-hover}*/;
 471 }
 472
 473 .ui-bar-d .ui-link:active {
 474         color: #2489CE /*{d-bar-link-active}*/;
 475 }
 476
 477 .ui-bar-d .ui-link:visited {
 478     color: #2489CE /*{d-bar-link-visited}*/;
 479 }
 480
 481 .ui-body-d,
 482 .ui-overlay-d {
 483         border: 1px solid               #bbb /*{d-body-border}*/;
 484         color:                                  #333333 /*{d-body-color}*/;
 485         text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/     #fff /*{d-body-shadow-color}*/;
 486         background:                     #ffffff /*{d-body-background-color}*/;
 487         background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
 488         background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 489         background-image:    -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
 490         background-image:     -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
 491         background-image:      -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
 492         background-image:         linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
 493 }
 494 .ui-overlay-d {
 495         background-image: none;
 496         border-width: 0;
 497 }
 498 .ui-body-d,
 499 .ui-body-d input,
 500 .ui-body-d select,
 501 .ui-body-d textarea,
 502 .ui-body-d button {
 503         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 504 }
 505
 506 .ui-body-d .ui-link-inherit {
 507         color:  #333333 /*{d-body-color}*/;
 508 }
 509
 510 .ui-body-d .ui-link {
 511         color: #2489CE /*{d-body-link-color}*/;
 512         font-weight: bold;
 513 }
 514
 515 .ui-body-d .ui-link:hover {
 516         color: #2489CE /*{d-body-link-hover}*/;
 517 }
 518
 519 .ui-body-d .ui-link:active {
 520         color: #2489CE /*{d-body-link-active}*/;
 521 }
 522
 523 .ui-body-d .ui-link:visited {
 524     color: #2489CE /*{d-body-link-visited}*/;
 525 }
 526
 527 .ui-btn-up-d {
 528         border: 1px solid               #bbb /*{d-bup-border}*/;
 529         background:                     #fff /*{d-bup-background-color}*/;
 530         font-weight: bold;
 531         color:                                  #333 /*{d-bup-color}*/;
 532         text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
 533         background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
 534         background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 535         background-image:    -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
 536         background-image:     -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
 537         background-image:      -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
 538         background-image:         linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
 539 }
 540 .ui-btn-up-d a.ui-link-inherit {
 541         color:                                  #333 /*{d-bup-color}*/;
 542 }
 543 .ui-btn-hover-d {
 544         border: 1px solid               #aaa /*{d-bhover-border}*/;
 545         background:                     #eeeeee /*{d-bhover-background-color}*/;
 546         font-weight: bold;
 547         color:                                  #333 /*{d-bhover-color}*/;
 548         cursor: pointer;
 549         text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/       #fff /*{d-bhover-shadow-color}*/;
 550         background-image: -webkit-gradient(linear, left top, left bottom, from( #eee), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
 551         background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 552         background-image:    -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
 553         background-image:     -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
 554         background-image:      -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
 555         background-image:         linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
 556 }
 557 .ui-btn-hover-d a.ui-link-inherit {
 558         color:                                  #333 /*{d-bhover-color}*/;
 559 }
 560 .ui-btn-down-d {
 561         border: 1px solid               #aaa /*{d-bdown-border}*/;
 562         background:                     #eee /*{d-bdown-background-color}*/;
 563         font-weight: bold;
 564         color:                                  #333 /*{d-bdown-color}*/;
 565         text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/  #ffffff /*{d-bdown-shadow-color}*/;
 566         background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
 567         background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 568         background-image:    -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
 569         background-image:     -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
 570         background-image:      -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
 571         background-image:         linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
 572 }
 573 .ui-btn-down-d a.ui-link-inherit {
 574         color:                                  #333 /*{d-bdown-color}*/;
 575 }
 576 .ui-btn-up-d,
 577 .ui-btn-hover-d,
 578 .ui-btn-down-d {
 579         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 580         text-decoration: none;
 581 }
 582
 583
 584 /* E
 585 -----------------------------------------------------------------------------------------------------------*/
 586
 587 .ui-bar-e {
 588         border: 1px solid               #F7C942 /*{e-bar-border}*/;
 589         background:                     #fadb4e /*{e-bar-background-color}*/;
 590         color:                                  #333 /*{e-bar-color}*/;
 591         text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/        #fff /*{e-bar-shadow-color}*/;
 592         background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
 593         background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
 594         background-image:    -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
 595         background-image:     -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
 596         background-image:      -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
 597         background-image:         linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
 598 }
 599 .ui-bar-e,
 600 .ui-bar-e input,
 601 .ui-bar-e select,
 602 .ui-bar-e textarea,
 603 .ui-bar-e button {
 604         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 605 }
 606 .ui-bar-e .ui-link-inherit {
 607         color:  #333333 /*{e-bar-color}*/;
 608 }
 609 .ui-bar-e .ui-link {
 610         color: #2489CE /*{e-bar-link-color}*/;
 611         font-weight: bold;
 612 }
 613
 614 .ui-bar-e .ui-link:hover {
 615         color: #2489CE /*{e-bar-link-hover}*/;
 616 }
 617
 618 .ui-bar-e .ui-link:active {
 619         color: #2489CE /*{e-bar-link-active}*/;
 620 }
 621
 622 .ui-bar-e .ui-link:visited {
 623     color: #2489CE /*{e-bar-link-visited}*/;
 624 }
 625
 626 .ui-body-e,
 627 .ui-overlay-e {
 628         border: 1px solid               #F7C942 /*{e-body-border}*/;
 629         color:                                  #222222 /*{e-body-color}*/;
 630         text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/     #fff /*{e-body-shadow-color}*/;
 631         background:                     #fff9df /*{e-body-background-color}*/;
 632         background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
 633         background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
 634         background-image:    -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
 635         background-image:     -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
 636         background-image:      -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
 637         background-image:         linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
 638 }
 639 .ui-overlay-e {
 640         background-image: none;
 641         border-width: 0;
 642 }
 643 .ui-body-e,
 644 .ui-body-e input,
 645 .ui-body-e select,
 646 .ui-body-e textarea,
 647 .ui-body-e button {
 648         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 649 }
 650 .ui-body-e .ui-link-inherit {
 651         color:  #333333 /*{e-body-color}*/;
 652 }
 653
 654 .ui-body-e .ui-link {
 655         color: #2489CE /*{e-body-link-color}*/;
 656         font-weight: bold;
 657 }
 658
 659 .ui-body-e .ui-link:hover {
 660         color: #2489CE /*{e-body-link-hover}*/;
 661 }
 662
 663 .ui-body-e .ui-link:active {
 664         color: #2489CE /*{e-body-link-active}*/;
 665 }
 666
 667 .ui-body-e .ui-link:visited {
 668     color: #2489CE /*{e-body-link-visited}*/;
 669 }
 670
 671 .ui-btn-up-e {
 672         border: 1px solid               #F4C63f /*{e-bup-border}*/;
 673         background:                     #fadb4e /*{e-bup-background-color}*/;
 674         font-weight: bold;
 675         color:                                  #222 /*{e-bup-color}*/;
 676         text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/        #fff /*{e-bup-shadow-color}*/;
 677         background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
 678         background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
 679         background-image:    -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
 680         background-image:     -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
 681         background-image:      -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
 682         background-image:         linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
 683 }
 684 .ui-btn-up-e a.ui-link-inherit {
 685         color:                                  #222 /*{e-bup-color}*/;
 686 }
 687 .ui-btn-hover-e {
 688         border: 1px solid               #F2C43d /*{e-bhover-border}*/;
 689         background:                     #fbe26f /*{e-bhover-background-color}*/;
 690         font-weight: bold;
 691         color:                                  #111 /*{e-bhover-color}*/;
 692         text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/       #fff /*{e-bhover-shadow-color}*/;
 693         background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
 694         background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
 695         background-image:    -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
 696         background-image:     -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
 697         background-image:      -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
 698         background-image:         linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
 699 }
 700
 701 .ui-btn-hover-e a.ui-link-inherit {
 702         color:                                  #333 /*{e-bhover-color}*/;
 703 }
 704 .ui-btn-down-e {
 705         border: 1px solid               #F2C43d /*{e-bdown-border}*/;
 706         background:                     #fceda7 /*{e-bdown-background-color}*/;
 707         font-weight: bold;
 708         color:                                  #111 /*{e-bdown-color}*/;
 709         text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/  #ffffff /*{e-bdown-shadow-color}*/;
 710         background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
 711         background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
 712         background-image:    -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
 713         background-image:     -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
 714         background-image:      -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
 715         background-image:         linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
 716 }
 717 .ui-btn-down-e a.ui-link-inherit {
 718         color:                                  #333 /*{e-bdown-color}*/;
 719 }
 720 .ui-btn-up-e,
 721 .ui-btn-hover-e,
 722 .ui-btn-down-e {
 723         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 724         text-decoration: none;
 725 }
 726
 727 /* Structure */
 728
 729 /* links within "buttons"
 730 -----------------------------------------------------------------------------------------------------------*/
 731
 732 a.ui-link-inherit {
 733         text-decoration: none !important;
 734 }
 735
 736
 737 /* Active class used as the "on" state across all themes
 738 -----------------------------------------------------------------------------------------------------------*/
 739 .ui-btn-active {
 740         border: 1px solid               #2373a5 /*{global-active-border}*/;
 741         background:                     #5393c5 /*{global-active-background-color}*/;
 742         font-weight: bold;
 743         color:                                  #fff /*{global-active-color}*/;
 744         cursor: pointer;
 745         text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
 746         text-decoration: none;
 747         background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
 748         background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
 749         background-image:    -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
 750         background-image:     -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
 751         background-image:      -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
 752         background-image:         linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
 753         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
 754 }
 755 .ui-btn-active a.ui-link-inherit {
 756         color:                                  #fff /*{global-active-color}*/;
 757 }
 758
 759
 760 /* button inner top highlight
 761 -----------------------------------------------------------------------------------------------------------*/
 762
 763 .ui-btn-inner {
 764         border-top: 1px solid   #fff;
 765         border-color:                   rgba(255,255,255,.3);
 766 }
 767
 768
 769 /* corner rounding classes
 770 -----------------------------------------------------------------------------------------------------------*/
 771
 772 .ui-corner-tl {
 773         -moz-border-radius-topleft:             .6em /*{global-radii-blocks}*/;
 774         -webkit-border-top-left-radius:         .6em /*{global-radii-blocks}*/;
 775         border-top-left-radius:                         .6em /*{global-radii-blocks}*/;
 776 }
 777 .ui-corner-tr {
 778         -moz-border-radius-topright:            .6em /*{global-radii-blocks}*/;
 779         -webkit-border-top-right-radius:        .6em /*{global-radii-blocks}*/;
 780         border-top-right-radius:                        .6em /*{global-radii-blocks}*/;
 781 }
 782 .ui-corner-bl {
 783         -moz-border-radius-bottomleft:          .6em /*{global-radii-blocks}*/;
 784         -webkit-border-bottom-left-radius:      .6em /*{global-radii-blocks}*/;
 785         border-bottom-left-radius:                      .6em /*{global-radii-blocks}*/;
 786 }
 787 .ui-corner-br {
 788         -moz-border-radius-bottomright:         .6em /*{global-radii-blocks}*/;
 789         -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
 790         border-bottom-right-radius:             .6em /*{global-radii-blocks}*/;
 791 }
 792 .ui-corner-top {
 793         -moz-border-radius-topleft:             .6em /*{global-radii-blocks}*/;
 794         -webkit-border-top-left-radius:         .6em /*{global-radii-blocks}*/;
 795         border-top-left-radius:                         .6em /*{global-radii-blocks}*/;
 796         -moz-border-radius-topright:            .6em /*{global-radii-blocks}*/;
 797         -webkit-border-top-right-radius:        .6em /*{global-radii-blocks}*/;
 798         border-top-right-radius:                        .6em /*{global-radii-blocks}*/;
 799 }
 800 .ui-corner-bottom {
 801         -moz-border-radius-bottomleft:          .6em /*{global-radii-blocks}*/;
 802         -webkit-border-bottom-left-radius:      .6em /*{global-radii-blocks}*/;
 803         border-bottom-left-radius:                      .6em /*{global-radii-blocks}*/;
 804         -moz-border-radius-bottomright:         .6em /*{global-radii-blocks}*/;
 805         -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
 806         border-bottom-right-radius:             .6em /*{global-radii-blocks}*/;
 807         }
 808 .ui-corner-right {
 809         -moz-border-radius-topright:            .6em /*{global-radii-blocks}*/;
 810         -webkit-border-top-right-radius:        .6em /*{global-radii-blocks}*/;
 811         border-top-right-radius:                        .6em /*{global-radii-blocks}*/;
 812         -moz-border-radius-bottomright:         .6em /*{global-radii-blocks}*/;
 813         -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
 814         border-bottom-right-radius:             .6em /*{global-radii-blocks}*/;
 815 }
 816 .ui-corner-left {
 817         -moz-border-radius-topleft:             .6em /*{global-radii-blocks}*/;
 818         -webkit-border-top-left-radius:         .6em /*{global-radii-blocks}*/;
 819         border-top-left-radius:                         .6em /*{global-radii-blocks}*/;
 820         -moz-border-radius-bottomleft:          .6em /*{global-radii-blocks}*/;
 821         -webkit-border-bottom-left-radius:      .6em /*{global-radii-blocks}*/;
 822         border-bottom-left-radius:                      .6em /*{global-radii-blocks}*/;
 823 }
 824 .ui-corner-all {
 825         -moz-border-radius:                             .6em /*{global-radii-blocks}*/;
 826         -webkit-border-radius:                          .6em /*{global-radii-blocks}*/;
 827         border-radius:                                          .6em /*{global-radii-blocks}*/;
 828 }
 829 .ui-corner-none {
 830         -moz-border-radius:                                0;
 831         -webkit-border-radius:                             0;
 832         border-radius:                                             0;
 833 }
 834
 835 /* Form field separator
 836 -----------------------------------------------------------------------------------------------------------*/
 837 .ui-br {
 838         border-bottom: rgb(130,130,130);
 839         border-bottom: rgba(130,130,130,.3);
 840         border-bottom-width: 1px;
 841         border-bottom-style: solid;
 842 }
 843
 844 /* Interaction cues
 845 -----------------------------------------------------------------------------------------------------------*/
 846 .ui-disabled {
 847         opacity:                                                        .3;
 848 }
 849 .ui-disabled,
 850 .ui-disabled a {
 851         cursor: default !important;
 852         pointer-events: none;
 853 }
 854 .ui-disabled .ui-btn-text {
 855         -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
 856         filter: alpha(opacity=30);
 857         zoom: 1;
 858 }
 859
 860 /* Icons
 861 -----------------------------------------------------------------------------------------------------------*/
 862
 863 .ui-icon,
 864 .ui-icon-searchfield:after {
 865         background:                                             #666 /*{global-icon-color}*/;
 866         background:                                             rgba(0,0,0,.4) /*{global-icon-disc}*/;
 867         background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
 868         background-repeat: no-repeat;
 869         -moz-border-radius:                             9px;
 870         -webkit-border-radius:                          9px;
 871         border-radius:                                          9px;
 872 }
 873
 874
 875 /* Alt icon color
 876 -----------------------------------------------------------------------------------------------------------*/
 877
 878 .ui-icon-alt {
 879         background:                                             #fff;
 880         background:                                             rgba(255,255,255,.3);
 881         background-image: url(images/icons-18-black.png);
 882         background-repeat: no-repeat;
 883 }
 884
 885 /* HD/"retina" sprite
 886 -----------------------------------------------------------------------------------------------------------*/
 887
 888 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 889        only screen and (min--moz-device-pixel-ratio: 1.5),
 890        only screen and (min-resolution: 240dpi) {
 891
 892         .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
 893         .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
 894         .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
 895         .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
 896         .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
 897                 background-image: url(images/icons-36-white.png);
 898                 -moz-background-size: 776px 18px;
 899                 -o-background-size: 776px 18px;
 900                 -webkit-background-size: 776px 18px;
 901                 background-size: 776px 18px;
 902         }
 903         .ui-icon-alt {
 904                 background-image: url(images/icons-36-black.png);
 905         }
 906 }
 907
 908 /* plus minus */
 909 .ui-icon-plus {
 910         background-position:    -0 50%;
 911 }
 912 .ui-icon-minus {
 913         background-position:    -36px 50%;
 914 }
 915
 916 /* delete/close */
 917 .ui-icon-delete {
 918         background-position:    -72px 50%;
 919 }
 920
 921 /* arrows */
 922 .ui-icon-arrow-r {
 923         background-position:    -108px 50%;
 924 }
 925 .ui-icon-arrow-l {
 926         background-position:    -144px 50%;
 927 }
 928 .ui-icon-arrow-u {
 929         background-position:    -180px 50%;
 930 }
 931 .ui-icon-arrow-d {
 932         background-position:    -216px 50%;
 933 }
 934
 935 /* misc */
 936 .ui-icon-check {
 937         background-position:    -252px 50%;
 938 }
 939 .ui-icon-gear {
 940         background-position:    -288px 50%;
 941 }
 942 .ui-icon-refresh {
 943         background-position:    -324px 50%;
 944 }
 945 .ui-icon-forward {
 946         background-position:    -360px 50%;
 947 }
 948 .ui-icon-back {
 949         background-position:    -396px 50%;
 950 }
 951 .ui-icon-grid {
 952         background-position:    -432px 50%;
 953 }
 954 .ui-icon-star {
 955         background-position:    -468px 50%;
 956 }
 957 .ui-icon-alert {
 958         background-position:    -504px 50%;
 959 }
 960 .ui-icon-info {
 961         background-position:    -540px 50%;
 962 }
 963 .ui-icon-home {
 964         background-position:    -576px 50%;
 965 }
 966 .ui-icon-search,
 967 .ui-icon-searchfield:after {
 968         background-position:    -612px 50%;
 969 }
 970 .ui-icon-checkbox-off {
 971         background-position:    -684px 50%;
 972 }
 973 .ui-icon-checkbox-on {
 974         background-position:    -648px 50%;
 975 }
 976 .ui-icon-radio-off {
 977         background-position:    -756px 50%;
 978 }
 979 .ui-icon-radio-on {
 980         background-position:    -720px 50%;
 981 }
 982
 983
 984 /* checks,radios */
 985 .ui-checkbox .ui-icon {
 986         -moz-border-radius: 3px;
 987         -webkit-border-radius: 3px;
 988         border-radius: 3px;
 989 }
 990 .ui-icon-checkbox-off,
 991 .ui-icon-radio-off {
 992         background-color: transparent;
 993 }
 994 .ui-checkbox-on .ui-icon,
 995 .ui-radio-on .ui-icon {
 996         background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
 997 }
 998
 999 /* loading icon */
1000 .ui-icon-loading {
1001         background: url(images/ajax-loader.gif);
1002         background-size: 46px 46px;
1003 }
1004
1005
1006 /* Button corner classes
1007 -----------------------------------------------------------------------------------------------------------*/
1008
1009 .ui-btn-corner-tl {
1010         -moz-border-radius-topleft:             1em /*{global-radii-buttons}*/;
1011         -webkit-border-top-left-radius:         1em /*{global-radii-buttons}*/;
1012         border-top-left-radius:                         1em /*{global-radii-buttons}*/;
1013 }
1014 .ui-btn-corner-tr {
1015         -moz-border-radius-topright:            1em /*{global-radii-buttons}*/;
1016         -webkit-border-top-right-radius:        1em /*{global-radii-buttons}*/;
1017         border-top-right-radius:                        1em /*{global-radii-buttons}*/;
1018 }
1019 .ui-btn-corner-bl {
1020         -moz-border-radius-bottomleft:          1em /*{global-radii-buttons}*/;
1021         -webkit-border-bottom-left-radius:      1em /*{global-radii-buttons}*/;
1022         border-bottom-left-radius:                      1em /*{global-radii-buttons}*/;
1023 }
1024 .ui-btn-corner-br {
1025         -moz-border-radius-bottomright:         1em /*{global-radii-buttons}*/;
1026         -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
1027         border-bottom-right-radius:             1em /*{global-radii-buttons}*/;
1028 }
1029 .ui-btn-corner-top {
1030         -moz-border-radius-topleft:             1em /*{global-radii-buttons}*/;
1031         -webkit-border-top-left-radius:         1em /*{global-radii-buttons}*/;
1032         border-top-left-radius:                         1em /*{global-radii-buttons}*/;
1033         -moz-border-radius-topright:            1em /*{global-radii-buttons}*/;
1034         -webkit-border-top-right-radius:        1em /*{global-radii-buttons}*/;
1035         border-top-right-radius:                        1em /*{global-radii-buttons}*/;
1036 }
1037 .ui-btn-corner-bottom {
1038         -moz-border-radius-bottomleft:          1em /*{global-radii-buttons}*/;
1039         -webkit-border-bottom-left-radius:      1em /*{global-radii-buttons}*/;
1040         border-bottom-left-radius:                      1em /*{global-radii-buttons}*/;
1041         -moz-border-radius-bottomright:         1em /*{global-radii-buttons}*/;
1042         -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
1043         border-bottom-right-radius:             1em /*{global-radii-buttons}*/;
1044 }
1045 .ui-btn-corner-right {
1046          -moz-border-radius-topright:           1em /*{global-radii-buttons}*/;
1047         -webkit-border-top-right-radius:        1em /*{global-radii-buttons}*/;
1048         border-top-right-radius:                        1em /*{global-radii-buttons}*/;
1049         -moz-border-radius-bottomright:         1em /*{global-radii-buttons}*/;
1050         -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
1051         border-bottom-right-radius:             1em /*{global-radii-buttons}*/;
1052 }
1053 .ui-btn-corner-left {
1054         -moz-border-radius-topleft:             1em /*{global-radii-buttons}*/;
1055         -webkit-border-top-left-radius:         1em /*{global-radii-buttons}*/;
1056         border-top-left-radius:                         1em /*{global-radii-buttons}*/;
1057         -moz-border-radius-bottomleft:          1em /*{global-radii-buttons}*/;
1058         -webkit-border-bottom-left-radius:      1em /*{global-radii-buttons}*/;
1059         border-bottom-left-radius:                      1em /*{global-radii-buttons}*/;
1060 }
1061 .ui-btn-corner-all {
1062         -moz-border-radius:                             1em /*{global-radii-buttons}*/;
1063         -webkit-border-radius:                          1em /*{global-radii-buttons}*/;
1064         border-radius:                                          1em /*{global-radii-buttons}*/;
1065 }
1066
1067 /* radius clip workaround for cleaning up corner trapping */
1068 .ui-corner-tl,
1069 .ui-corner-tr,
1070 .ui-corner-bl,
1071 .ui-corner-br,
1072 .ui-corner-top,
1073 .ui-corner-bottom,
1074 .ui-corner-right,
1075 .ui-corner-left,
1076 .ui-corner-all,
1077 .ui-btn-corner-tl,
1078 .ui-btn-corner-tr,
1079 .ui-btn-corner-bl,
1080 .ui-btn-corner-br,
1081 .ui-btn-corner-top,
1082 .ui-btn-corner-bottom,
1083 .ui-btn-corner-right,
1084 .ui-btn-corner-left,
1085 .ui-btn-corner-all {
1086   -webkit-background-clip: padding-box;
1087      -moz-background-clip: padding;
1088           background-clip: padding-box;
1089 }
1090
1091 /* Overlay / modal
1092 -----------------------------------------------------------------------------------------------------------*/
1093
1094 .ui-overlay {
1095         background: #666;
1096         opacity: .5;
1097         filter: Alpha(Opacity=50);
1098         position: absolute;
1099         width: 100%;
1100         height: 100%;
1101 }
1102 .ui-overlay-shadow {
1103         -moz-box-shadow: 0px 0px 12px                   rgba(0,0,0,.6);
1104         -webkit-box-shadow: 0px 0px 12px                rgba(0,0,0,.6);
1105         box-shadow: 0px 0px 12px                                rgba(0,0,0,.6);
1106 }
1107 .ui-shadow {
1108         -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/                       rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1109         -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/            rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1110         box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/                            rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
1111 }
1112 .ui-bar-a .ui-shadow,
1113 .ui-bar-b .ui-shadow ,
1114 .ui-bar-c .ui-shadow  {
1115         -moz-box-shadow: 0px 1px 0                              rgba(255,255,255,.3);
1116         -webkit-box-shadow: 0px 1px 0                   rgba(255,255,255,.3);
1117         box-shadow: 0px 1px 0                                   rgba(255,255,255,.3);
1118 }
1119 .ui-shadow-inset {
1120         -moz-box-shadow: inset 0px 1px 4px              rgba(0,0,0,.2);
1121         -webkit-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);
1122         box-shadow: inset 0px 1px 4px                   rgba(0,0,0,.2);
1123 }
1124 .ui-icon-shadow {
1125         -moz-box-shadow: 0px 1px 0                              rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1126         -webkit-box-shadow: 0px 1px 0                   rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1127         box-shadow: 0px 1px 0                                   rgba(255,255,255,.4) /*{global-icon-shadow}*/;
1128 }
1129
1130 /* Focus state - set here for specificity (note: these classes are added by JavaScript)
1131 -----------------------------------------------------------------------------------------------------------*/
1132
1133 .ui-btn:focus {
1134         outline: 0;
1135 }
1136
1137 .ui-focus,
1138 .ui-btn:focus {
1139         -moz-box-shadow: 0px 0px 12px           #387bbe /*{global-active-background-color}*/;
1140         -webkit-box-shadow: 0px 0px 12px        #387bbe /*{global-active-background-color}*/;
1141         box-shadow: 0px 0px 12px                        #387bbe /*{global-active-background-color}*/;
1142 }
1143
1144 /* unset box shadow in browsers that don't do it right
1145 -----------------------------------------------------------------------------------------------------------*/
1146
1147 .ui-mobile-nosupport-boxshadow * {
1148         -moz-box-shadow: none !important;
1149         -webkit-box-shadow: none !important;
1150         box-shadow: none !important;
1151 }
1152
1153 /* ...and bring back focus */
1154 .ui-mobile-nosupport-boxshadow .ui-focus,
1155 .ui-mobile-nosupport-boxshadow .ui-btn:focus {
1156         outline-width: 1px;
1157         outline-style: dotted;
1158 }