libs/js/jquery-mobile-1.0.1pre/css/themes/default/jquery.mobile.theme.css

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