CSS 4
Mobile_themeroller.css Guest on 17th October 2020 01:08:31 AM
  1. /*
  2. * jQuery Mobile Framework Git Build: SHA1: c2d61e2e592c67519d9a9ed0ba796fa44787e136 <> Date: Tue Sep 25 10:38:12 2012 -0700
  3. * http://jquerymobile.com
  4. *
  5. * Copyright 2012 jQuery Foundation and other contributors
  6. * Released under the MIT license.
  7. * http://jquery.org/license
  8. *
  9. */
  10.  
  11.  
  12. .ui-mobile a img {margin-left:5px;}
  13.  
  14. /* Swatches */
  15.  
  16. /* A
  17. -----------------------------------------------------------------------------------------------------------*/
  18.  
  19. .ui-bar-a {
  20.         border: 1px solid #666 /*{a-bar-border}*/;
  21.         background: #eee /*{a-bar-background-color}*/;
  22.         color: #333 /*{a-bar-color}*/;
  23.         font-weight: bold;
  24.         text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #eeeeee /*{a-bar-shadow-color}*/;
  25.         background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{a-bar-background-start}*/), to( #ddd /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
  26.         background-image: -webkit-linear-gradient( #fff /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  27.         background-image:    -moz-linear-gradient( #fff /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* FF3.6 */
  28.         background-image:     -ms-linear-gradient( #fff /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* IE10 */
  29.         background-image:      -o-linear-gradient( #fff /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* Opera 11.10+ */
  30.         background-image:         linear-gradient( #fff /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/);
  31. }
  32. .ui-bar-a .ui-link-inherit {
  33.         color: #333 /*{a-bar-color}*/;
  34. }
  35.  
  36. .ui-bar-a a.ui-link {
  37.         color: #7cc4e7 /*{a-bar-link-color}*/;
  38.         font-weight: bold;
  39. }
  40.  
  41. .ui-bar-a a.ui-link:visited {
  42.     color: #2489ce /*{a-bar-link-visited}*/;
  43. }
  44.  
  45. .ui-bar-a a.ui-link:hover {
  46.         color: #2489ce /*{a-bar-link-hover}*/;
  47. }
  48.  
  49. .ui-bar-a a.ui-link:active {
  50.         color: #2489ce /*{a-bar-link-active}*/;
  51. }
  52.  
  53. .ui-bar-a,
  54. .ui-bar-a input,
  55. .ui-bar-a select,
  56. .ui-bar-a textarea,
  57. .ui-bar-a button {
  58.                                           font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  59. }
  60. .ui-body-a,
  61. .ui-overlay-a {
  62.         border: 1px solid #b3b3b3 /*{a-body-border}*/;
  63.         color: #333 /*{a-body-color}*/;
  64.         text-shadow: 0 /*{a-body-shadow-x}*/ 0px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #444444 /*{a-body-shadow-color}*/;
  65.         background: #f9f9f9 /*{a-body-background-color}*/;
  66.         background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{a-body-background-start}*/), to( #FFFFFF /*{a-body-background-end}*/)); /* Saf4+, Chrome */
  67.         background-image: -webkit-linear-gradient( #ddd /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  68.         background-image:    -moz-linear-gradient( #ddd /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* FF3.6 */
  69.         background-image:     -ms-linear-gradient( #ddd /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* IE10 */
  70.         background-image:      -o-linear-gradient( #ddd /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* Opera 11.10+ */
  71.         background-image:         linear-gradient( #ddd /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/);
  72. }
  73. .ui-overlay-a {
  74.         background-image: none;
  75.         border-width: 0;
  76. }
  77. .ui-body-a,
  78. .ui-body-a input,
  79. .ui-body-a select,
  80. .ui-body-a textarea,
  81. .ui-body-a button {
  82.                                           font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  83. }
  84. .ui-body-a .ui-link-inherit {
  85.         color: #333 /*{a-body-color}*/;
  86. }
  87.  
  88. .ui-body-a .ui-link {
  89.         color: #135db4 /*{a-body-link-color}*/;
  90.         font-weight: bold;
  91. }
  92.  
  93. .ui-body-a .ui-link:visited {
  94.     color: #2489ce /*{a-body-link-visited}*/;
  95. }
  96.  
  97. .ui-body-a .ui-link:hover {
  98.         color: #ffffff /*{a-body-link-hover}*/;
  99. }
  100.  
  101. .ui-body-a .ui-link:active {
  102.         color: #2489ce /*{a-body-link-active}*/;
  103. }
  104.  
  105. .ui-btn-up-a {
  106.         border: 1px solid #FF7C02 /*{a-bup-border}*/;
  107.         background: #FFAB46 /*{a-bup-background-color}*/;
  108.         font-weight: bold;
  109.         color: #2f3e46 /*{a-bup-color}*/;
  110.         text-shadow: 0 /*{a-bup-shadow-x}*/ 0px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
  111.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FFAB46 /*{a-bup-background-start}*/), to( #FF830B /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
  112.         background-image: -webkit-linear-gradient( #FFAB46 /*{a-bup-background-start}*/, #FF830B /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  113.         background-image:    -moz-linear-gradient( #FFAB46 /*{a-bup-background-start}*/, #FF830B /*{a-bup-background-end}*/); /* FF3.6 */
  114.         background-image:     -ms-linear-gradient( #FFAB46 /*{a-bup-background-start}*/, #FF830B /*{a-bup-background-end}*/); /* IE10 */
  115.         background-image:      -o-linear-gradient( #FFAB46 /*{a-bup-background-start}*/, #FF830B /*{a-bup-background-end}*/); /* Opera 11.10+ */
  116.         background-image:         linear-gradient( #FFAB46 /*{a-bup-background-start}*/, #FF830B /*{a-bup-background-end}*/);
  117. }
  118. .ui-btn-up-a:visited,
  119. .ui-btn-up-a a.ui-link-inherit {
  120.         color: #2f3e46 /*{a-bup-color}*/;
  121. }
  122. .ui-btn-hover-a {
  123.         border: 1px solid #777 /*{a-bhover-border}*/;
  124.         background: #FF830B /*{a-bhover-background-color}*/;
  125.         font-weight: bold;
  126.         color: #fff /*{a-bhover-color}*/;
  127.         text-shadow: 0 /*{a-bhover-shadow-x}*/ 0px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #666 /*{a-bhover-shadow-color}*/;
  128.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FF830B /*{a-bhover-background-start}*/), to( #FFAB46 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
  129.         background-image: -webkit-linear-gradient( #FF830B /*{a-bhover-background-start}*/, #FFAB46 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  130.         background-image:    -moz-linear-gradient( #FF830B /*{a-bhover-background-start}*/, #FFAB46 /*{a-bhover-background-end}*/); /* FF3.6 */
  131.         background-image:     -ms-linear-gradient( #FF830B /*{a-bhover-background-start}*/, #FFAB46 /*{a-bhover-background-end}*/); /* IE10 */
  132.         background-image:      -o-linear-gradient( #FF830B /*{a-bhover-background-start}*/, #FFAB46 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
  133.         background-image:         linear-gradient( #FF830B /*{a-bhover-background-start}*/, #FFAB46 /*{a-bhover-background-end}*/);
  134. }
  135. .ui-btn-hover-a:visited,
  136. .ui-btn-hover-a:hover,
  137. .ui-btn-hover-a a.ui-link-inherit {
  138.         color: #fff /*{a-bhover-color}*/;
  139. }
  140. .ui-btn-down-a {
  141.         border: 1px solid #666 /*{a-bdown-border}*/;
  142.         background: #d6d6d6 /*{a-bdown-background-color}*/;
  143.         font-weight: bold;
  144.         color: #2f3e46 /*{a-bdown-color}*/;
  145.         text-shadow: 0 /*{a-bdown-shadow-x}*/ 0px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/;
  146.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FF830B /*{a-bdown-background-start}*/), to( #FFAB46 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
  147.         background-image: -webkit-linear-gradient( #FF830B /*{a-bdown-background-start}*/, #FFAB46 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  148.         background-image:    -moz-linear-gradient( #FF830B /*{a-bdown-background-start}*/, #FFAB46 /*{a-bdown-background-end}*/); /* FF3.6 */
  149.         background-image:     -ms-linear-gradient( #FF830B /*{a-bdown-background-start}*/, #FFAB46 /*{a-bdown-background-end}*/); /* IE10 */
  150.         background-image:      -o-linear-gradient( #FF830B /*{a-bdown-background-start}*/, #FFAB46 /*{a-bdown-background-end}*/); /* Opera 11.10+ */
  151.         background-image:         linear-gradient( #FF830B /*{a-bdown-background-start}*/, #FFAB46 /*{a-bdown-background-end}*/);
  152. }
  153. .ui-btn-down-a:visited,
  154. .ui-btn-down-a:hover,
  155. .ui-btn-down-a a.ui-link-inherit {
  156.         color: #2f3e46 /*{a-bdown-color}*/;
  157. }
  158. .ui-btn-up-a,
  159. .ui-btn-hover-a,
  160. .ui-btn-down-a {
  161.                                           font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  162.         text-decoration: none;
  163. }
  164.  
  165.  
  166. /* B
  167. -----------------------------------------------------------------------------------------------------------*/
  168.  
  169. .ui-bar-b {
  170.         border: 1px solid #666 /*{b-bar-border}*/;
  171.         background: #eee /*{b-bar-background-color}*/;
  172.         color: #333 /*{b-bar-color}*/;
  173.         font-weight: bold;
  174.         text-shadow: 0 /*{b-bar-shadow-x}*/ 0px /*{b-bar-shadow-y}*/ 0px /*{b-bar-shadow-radius}*/ #eeeeee /*{b-bar-shadow-color}*/;
  175.         background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{b-bar-background-start}*/), to( #ddd /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
  176.         background-image: -webkit-linear-gradient( #fff /*{b-bar-background-start}*/, #ddd /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  177.         background-image:    -moz-linear-gradient( #fff /*{b-bar-background-start}*/, #ddd /*{b-bar-background-end}*/); /* FF3.6 */
  178.         background-image:     -ms-linear-gradient( #fff /*{b-bar-background-start}*/, #ddd /*{b-bar-background-end}*/); /* IE10 */
  179.         background-image:      -o-linear-gradient( #fff /*{b-bar-background-start}*/, #ddd /*{b-bar-background-end}*/); /* Opera 11.10+ */
  180.         background-image:         linear-gradient( #fff /*{b-bar-background-start}*/, #ddd /*{b-bar-background-end}*/);
  181. }
  182. .ui-bar-b .ui-link-inherit {
  183.         color: #333 /*{b-bar-color}*/;
  184. }
  185.  
  186. .ui-bar-b a.ui-link {
  187.         color: #7cc4e7 /*{b-bar-link-color}*/;
  188.         font-weight: bold;
  189. }
  190.  
  191. .ui-bar-b a.ui-link:visited {
  192.     color: #2489ce /*{b-bar-link-visited}*/;
  193. }
  194.  
  195. .ui-bar-b a.ui-link:hover {
  196.         color: #2489ce /*{b-bar-link-hover}*/;
  197. }
  198.  
  199. .ui-bar-b a.ui-link:active {
  200.         color: #2489ce /*{b-bar-link-active}*/;
  201. }
  202.  
  203. .ui-bar-b,
  204. .ui-bar-b input,
  205. .ui-bar-b select,
  206. .ui-bar-b textarea,
  207. .ui-bar-b button {
  208.                     font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  209. }
  210. .ui-body-b,
  211. .ui-overlay-b {
  212.         border: 1px solid #b3b3b3 /*{b-body-border}*/;
  213.         color: #333 /*{b-body-color}*/;
  214.         text-shadow: 0 /*{b-body-shadow-x}*/ 0px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #444444 /*{b-body-shadow-color}*/;
  215.         background: #eee /*{b-body-background-color}*/;
  216.         background-image: -webkit-gradient(linear, left top, left bottom, from( #ee0eNaN /*{b-body-background-start}*/), to( #ee0eNaN /*{b-body-background-end}*/)); /* Saf4+, Chrome */
  217.         background-image: -webkit-linear-gradient( #ee0eNaN /*{b-body-background-start}*/, #ee0eNaN /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  218.         background-image:    -moz-linear-gradient( #ee0eNaN /*{b-body-background-start}*/, #ee0eNaN /*{b-body-background-end}*/); /* FF3.6 */
  219.         background-image:     -ms-linear-gradient( #ee0eNaN /*{b-body-background-start}*/, #ee0eNaN /*{b-body-background-end}*/); /* IE10 */
  220.         background-image:      -o-linear-gradient( #ee0eNaN /*{b-body-background-start}*/, #ee0eNaN /*{b-body-background-end}*/); /* Opera 11.10+ */
  221.         background-image:         linear-gradient( #ee0eNaN /*{b-body-background-start}*/, #ee0eNaN /*{b-body-background-end}*/);
  222. }
  223. .ui-overlay-b {
  224.         background-image: none;
  225.         border-width: 0;
  226. }
  227. .ui-body-b,
  228. .ui-body-b input,
  229. .ui-body-b select,
  230. .ui-body-b textarea,
  231. .ui-body-b button {
  232.                     font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  233. }
  234. .ui-body-b .ui-link-inherit {
  235.         color: #333 /*{b-body-color}*/;
  236. }
  237.  
  238. .ui-body-b .ui-link {
  239.         color: #135db4 /*{b-body-link-color}*/;
  240.         font-weight: bold;
  241. }
  242.  
  243. .ui-body-b .ui-link:visited {
  244.     color: #135db4 /*{b-body-link-visited}*/;
  245. }
  246.  
  247. .ui-body-b .ui-link:hover {
  248.         color: #444 /*{b-body-link-hover}*/;
  249. }
  250.  
  251. .ui-body-b .ui-link:active {
  252.         color: #2489ce /*{b-body-link-active}*/;
  253. }
  254.  
  255. .ui-btn-up-b {
  256.         border: 1px solid #FF7C02 /*{b-bup-border}*/;
  257.         background: #FFAB46 /*{b-bup-background-color}*/;
  258.         font-weight: bold;
  259.         color: #2f3e46 /*{b-bup-color}*/;
  260.         text-shadow: 0 /*{b-bup-shadow-x}*/ 0px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #ffffff /*{b-bup-shadow-color}*/;
  261.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FFAB46 /*{b-bup-background-start}*/), to( #FF830B /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
  262.         background-image: -webkit-linear-gradient( #FFAB46 /*{b-bup-background-start}*/, #FF830B /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  263.         background-image:    -moz-linear-gradient( #FFAB46 /*{b-bup-background-start}*/, #FF830B /*{b-bup-background-end}*/); /* FF3.6 */
  264.         background-image:     -ms-linear-gradient( #FFAB46 /*{b-bup-background-start}*/, #FF830B /*{b-bup-background-end}*/); /* IE10 */
  265.         background-image:      -o-linear-gradient( #FFAB46 /*{b-bup-background-start}*/, #FF830B /*{b-bup-background-end}*/); /* Opera 11.10+ */
  266.         background-image:         linear-gradient( #FFAB46 /*{b-bup-background-start}*/, #FF830B /*{b-bup-background-end}*/);
  267. }
  268. .ui-btn-up-b:visited,
  269. .ui-btn-up-b a.ui-link-inherit {
  270.         color: #2f3e46 /*{b-bup-color}*/;
  271. }
  272. .ui-btn-hover-b {
  273.         border: 1px solid #bbbbbb /*{b-bhover-border}*/;
  274.         background: #FF830B /*{b-bhover-background-color}*/;
  275.         font-weight: bold;
  276.         color: #fff /*{b-bhover-color}*/;
  277.         text-shadow: 0 /*{b-bhover-shadow-x}*/ 0px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #666 /*{b-bhover-shadow-color}*/;
  278.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FF830B /*{b-bhover-background-start}*/), to( #FFAB46 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
  279.         background-image: -webkit-linear-gradient( #FF830B /*{b-bhover-background-start}*/, #FFAB46 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  280.         background-image:    -moz-linear-gradient( #FF830B /*{b-bhover-background-start}*/, #FFAB46 /*{b-bhover-background-end}*/); /* FF3.6 */
  281.         background-image:     -ms-linear-gradient( #FF830B /*{b-bhover-background-start}*/, #FFAB46 /*{b-bhover-background-end}*/); /* IE10 */
  282.         background-image:      -o-linear-gradient( #FF830B /*{b-bhover-background-start}*/, #FFAB46 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
  283.         background-image:         linear-gradient( #FF830B /*{b-bhover-background-start}*/, #FFAB46 /*{b-bhover-background-end}*/);
  284. }
  285. .ui-btn-hover-b:visited,
  286. .ui-btn-hover-b:hover,
  287. .ui-btn-hover-b a.ui-link-inherit {
  288.         color: #fff /*{b-bhover-color}*/;
  289. }
  290. .ui-btn-down-b {
  291.         border: 1px solid #bbbbbb /*{b-bdown-border}*/;
  292.         background: #d6d6d6 /*{b-bdown-background-color}*/;
  293.         font-weight: bold;
  294.         color: #2f3e46 /*{b-bdown-color}*/;
  295.         text-shadow: 0 /*{b-bdown-shadow-x}*/ 0px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/;
  296.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FF830B /*{b-bdown-background-start}*/), to( #FFAB46 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
  297.         background-image: -webkit-linear-gradient( #FF830B /*{b-bdown-background-start}*/, #FFAB46 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  298.         background-image:    -moz-linear-gradient( #FF830B /*{b-bdown-background-start}*/, #FFAB46 /*{b-bdown-background-end}*/); /* FF3.6 */
  299.         background-image:     -ms-linear-gradient( #FF830B /*{b-bdown-background-start}*/, #FFAB46 /*{b-bdown-background-end}*/); /* IE10 */
  300.         background-image:      -o-linear-gradient( #FF830B /*{b-bdown-background-start}*/, #FFAB46 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
  301.         background-image:         linear-gradient( #FF830B /*{b-bdown-background-start}*/, #FFAB46 /*{b-bdown-background-end}*/);
  302. }
  303. .ui-btn-down-b:visited,
  304. .ui-btn-down-b:hover,
  305. .ui-btn-down-b a.ui-link-inherit {
  306.         color: #2f3e46 /*{b-bdown-color}*/;
  307. }
  308. .ui-btn-up-b,
  309. .ui-btn-hover-b,
  310. .ui-btn-down-b {
  311.                     font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  312.         text-decoration: none;
  313. }
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321. /* C
  322. -----------------------------------------------------------------------------------------------------------*/
  323.  
  324. .ui-bar-c {
  325.         border: 1px solid #b3b3b3 /*{c-bar-border}*/;
  326.         background: /* * jQuery Mobile Framework Git Build: SHA1: c2d61e2e592c67519d9a9ed0ba796fa44787e136 <> Date: Tue Sep 25 10:38:12 2012 -0700 * http://jquerymobile.com * * Copyright 2012 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * */   .ui-mobile a img {margin-left:5px;}  /* Swatches */  /* A -----------------------------------------------------------------------------------------------------------*/  .ui-bar-a {      border: 1px solid #666 /*{a-bar-border}*/;      background: #eee /*{a-bar-background-color}*/;  color: #333 /*{a-bar-color}*/;  font-weight: bold;      text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #eeeeee /*{a-bar-shadow-color}*/;    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{a-bar-background-start}*/), to( #ddd /*{a-bar-background-end}*/)); /* Saf4+, Chrome */  background-image: -webkit-linear-gradient( #fff /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */       background-image:    -moz-linear-gradient( #fff /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* FF3.6 */     background-image:     -ms-linear-gradient( #fff /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* IE10 */      background-image:      -o-linear-gradient( #fff /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); /* Opera 11.10+ */      background-image:         linear-gradient( #fff /*{a-bar-background-start}*/, #ddd /*{a-bar-background-end}*/); } .ui-bar-a .ui-link-inherit {  color: #333 /*{a-bar-color}*/; }  .ui-bar-a a.ui-link {         color: #7cc4e7 /*{a-bar-link-color}*/;  font-weight: bold; }  .ui-bar-a a.ui-link:visited {     color: #2489ce /*{a-bar-link-visited}*/; }  .ui-bar-a a.ui-link:hover {         color: #2489ce /*{a-bar-link-hover}*/; }  .ui-bar-a a.ui-link:active {  color: #2489ce /*{a-bar-link-active}*/; }  .ui-bar-a, .ui-bar-a input, .ui-bar-a select, .ui-bar-a textarea, .ui-bar-a button {                                      font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-a, .ui-overlay-a {  border: 1px solid #b3b3b3 /*{a-body-border}*/;  color: #333 /*{a-body-color}*/;         text-shadow: 0 /*{a-body-shadow-x}*/ 0px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #444444 /*{a-body-shadow-color}*/;  background: #f9f9f9 /*{a-body-background-color}*/;      background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{a-body-background-start}*/), to( #FFFFFF /*{a-body-background-end}*/)); /* Saf4+, Chrome */     background-image: -webkit-linear-gradient( #ddd /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */  background-image:    -moz-linear-gradient( #ddd /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* FF3.6 */        background-image:     -ms-linear-gradient( #ddd /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* IE10 */         background-image:      -o-linear-gradient( #ddd /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); /* Opera 11.10+ */         background-image:         linear-gradient( #ddd /*{a-body-background-start}*/, #FFFFFF /*{a-body-background-end}*/); } .ui-overlay-a {  background-image: none;         border-width: 0; } .ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button {                                 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-a .ui-link-inherit {        color: #333 /*{a-body-color}*/; }  .ui-body-a .ui-link {        color: #135db4 /*{a-body-link-color}*/;         font-weight: bold; }  .ui-body-a .ui-link:visited {     color: #2489ce /*{a-body-link-visited}*/; }  .ui-body-a .ui-link:hover {        color: #ffffff /*{a-body-link-hover}*/; }  .ui-body-a .ui-link:active {         color: #2489ce /*{a-body-link-active}*/; }  .ui-btn-up-a {      border: 1px solid #FF7C02 /*{a-bup-border}*/;   background: #eeeeee /*{a-bup-background-color}*/;       font-weight: bold;      color: #2f3e46 /*{a-bup-color}*/;       text-shadow: 0 /*{a-bup-shadow-x}*/ 0px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;      background-image: -webkit-gradient(linear, left top, left bottom, from( #FFAB46 /*{a-bup-background-start}*/), to( #FF830B /*{a-bup-background-end}*/)); /* Saf4+, Chrome */    background-image: -webkit-linear-gradient( #FFAB46 /*{a-bup-background-start}*/, #FF830B /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */         background-image:    -moz-linear-gradient( #FFAB46 /*{a-bup-background-start}*/, #FF830B /*{a-bup-background-end}*/); /* FF3.6 */       background-image:     -ms-linear-gradient( #FFAB46 /*{a-bup-background-start}*/, #FF830B /*{a-bup-background-end}*/); /* IE10 */        background-image:      -o-linear-gradient( #FFAB46 /*{a-bup-background-start}*/, #FF830B /*{a-bup-background-end}*/); /* Opera 11.10+ */        background-image:         linear-gradient( #FFAB46 /*{a-bup-background-start}*/, #FF830B /*{a-bup-background-end}*/); } .ui-btn-up-a:visited, .ui-btn-up-a a.ui-link-inherit {  color: #2f3e46 /*{a-bup-color}*/; } .ui-btn-hover-a {   border: 1px solid #bbbbbb /*{a-bhover-border}*/;        background: #dfdfdf /*{a-bhover-background-color}*/;    font-weight: bold;      color: #fff /*{a-bhover-color}*/;       text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #666 /*{a-bhover-shadow-color}*/;     background-image: -webkit-gradient(linear, left top, left bottom, from( #FF830B /*{a-bhover-background-start}*/), to( #FFAB46 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */      background-image: -webkit-linear-gradient( #FF830B /*{a-bhover-background-start}*/, #FFAB46 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */   background-image:    -moz-linear-gradient( #FF830B /*{a-bhover-background-start}*/, #FFAB46 /*{a-bhover-background-end}*/); /* FF3.6 */         background-image:     -ms-linear-gradient( #FF830B /*{a-bhover-background-start}*/, #FFAB46 /*{a-bhover-background-end}*/); /* IE10 */  background-image:      -o-linear-gradient( #FF830B /*{a-bhover-background-start}*/, #FFAB46 /*{a-bhover-background-end}*/); /* Opera 11.10+ */  background-image:         linear-gradient( #FF830B /*{a-bhover-background-start}*/, #FFAB46 /*{a-bhover-background-end}*/); } .ui-btn-hover-a:visited, .ui-btn-hover-a:hover, .ui-btn-hover-a a.ui-link-inherit {       color: #fff /*{a-bhover-color}*/; } .ui-btn-down-a {    border: 1px solid #bbbbbb /*{a-bdown-border}*/;         background: #d6d6d6 /*{a-bdown-background-color}*/;     font-weight: bold;      color: #2f3e46 /*{a-bdown-color}*/;     text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/;      background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{a-bdown-background-start}*/), to( #d6d6d6 /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */        background-image: -webkit-linear-gradient( #FFFFFF /*{a-bdown-background-start}*/, #d6d6d6 /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */     background-image:    -moz-linear-gradient( #FFFFFF /*{a-bdown-background-start}*/, #d6d6d6 /*{a-bdown-background-end}*/); /* FF3.6 */   background-image:     -ms-linear-gradient( #FFFFFF /*{a-bdown-background-start}*/, #d6d6d6 /*{a-bdown-background-end}*/); /* IE10 */    background-image:      -o-linear-gradient( #FFFFFF /*{a-bdown-background-start}*/, #d6d6d6 /*{a-bdown-background-end}*/); /* Opera 11.10+ */    background-image:         linear-gradient( #FFFFFF /*{a-bdown-background-start}*/, #d6d6d6 /*{a-bdown-background-end}*/); } .ui-btn-down-a:visited, .ui-btn-down-a:hover, .ui-btn-down-a a.ui-link-inherit {    color: #2f3e46 /*{a-bdown-color}*/; } .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {                                font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;        text-decoration: none; }   /* B -----------------------------------------------------------------------------------------------------------*/  .ui-bar-b {      border: 1px solid #666 /*{b-bar-border}*/;      background: #eee /*{b-bar-background-color}*/;  color: #333 /*{b-bar-color}*/;  font-weight: bold;      text-shadow: 0 /*{b-bar-shadow-x}*/ 0px /*{b-bar-shadow-y}*/ 0px /*{b-bar-shadow-radius}*/ #eeeeee /*{b-bar-shadow-color}*/;    background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{b-bar-background-start}*/), to( #ddd /*{b-bar-background-end}*/)); /* Saf4+, Chrome */  background-image: -webkit-linear-gradient( #fff /*{b-bar-background-start}*/, #ddd /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */       background-image:    -moz-linear-gradient( #fff /*{b-bar-background-start}*/, #ddd /*{b-bar-background-end}*/); /* FF3.6 */     background-image:     -ms-linear-gradient( #fff /*{b-bar-background-start}*/, #ddd /*{b-bar-background-end}*/); /* IE10 */      background-image:      -o-linear-gradient( #fff /*{b-bar-background-start}*/, #ddd /*{b-bar-background-end}*/); /* Opera 11.10+ */      background-image:         linear-gradient( #fff /*{b-bar-background-start}*/, #ddd /*{b-bar-background-end}*/); } .ui-bar-b .ui-link-inherit {  color: #333 /*{b-bar-color}*/; }  .ui-bar-b a.ui-link {         color: #7cc4e7 /*{b-bar-link-color}*/;  font-weight: bold; }  .ui-bar-b a.ui-link:visited {     color: #2489ce /*{b-bar-link-visited}*/; }  .ui-bar-b a.ui-link:hover {         color: #2489ce /*{b-bar-link-hover}*/; }  .ui-bar-b a.ui-link:active {  color: #2489ce /*{b-bar-link-active}*/; }  .ui-bar-b, .ui-bar-b input, .ui-bar-b select, .ui-bar-b textarea, .ui-bar-b button {                font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-b, .ui-overlay-b {        border: 1px solid #b3b3b3 /*{b-body-border}*/;  color: #333 /*{b-body-color}*/;         text-shadow: 0 /*{b-body-shadow-x}*/ 0px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #444444 /*{b-body-shadow-color}*/;  background: #eee /*{b-body-background-color}*/;         background-image: -webkit-gradient(linear, left top, left bottom, from( #ee0eNaN /*{b-body-background-start}*/), to( #ee0eNaN /*{b-body-background-end}*/)); /* Saf4+, Chrome */        background-image: -webkit-linear-gradient( #ee0eNaN /*{b-body-background-start}*/, #ee0eNaN /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */     background-image:    -moz-linear-gradient( #ee0eNaN /*{b-body-background-start}*/, #ee0eNaN /*{b-body-background-end}*/); /* FF3.6 */   background-image:     -ms-linear-gradient( #ee0eNaN /*{b-body-background-start}*/, #ee0eNaN /*{b-body-background-end}*/); /* IE10 */    background-image:      -o-linear-gradient( #ee0eNaN /*{b-body-background-start}*/, #ee0eNaN /*{b-body-background-end}*/); /* Opera 11.10+ */    background-image:         linear-gradient( #ee0eNaN /*{b-body-background-start}*/, #ee0eNaN /*{b-body-background-end}*/); } .ui-overlay-b {     background-image: none;         border-width: 0; } .ui-body-b, .ui-body-b input, .ui-body-b select, .ui-body-b textarea, .ui-body-b button {           font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-b .ui-link-inherit {      color: #333 /*{b-body-color}*/; }  .ui-body-b .ui-link {        color: #135db4 /*{b-body-link-color}*/;         font-weight: bold; }  .ui-body-b .ui-link:visited {     color: #2489ce /*{b-body-link-visited}*/; }  .ui-body-b .ui-link:hover {        color: #ffffff /*{b-body-link-hover}*/; }  .ui-body-b .ui-link:active {         color: #2489ce /*{b-body-link-active}*/; }  .ui-btn-up-b {      border: 1px solid #FF7C02 /*{b-bup-border}*/;   background: #eeeeee /*{b-bup-background-color}*/;       font-weight: bold;      color: #2f3e46 /*{b-bup-color}*/;       text-shadow: 0 /*{b-bup-shadow-x}*/ 0px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #ffffff /*{b-bup-shadow-color}*/;      background-image: -webkit-gradient(linear, left top, left bottom, from( #FFAB46 /*{b-bup-background-start}*/), to( #FF830B /*{b-bup-background-end}*/)); /* Saf4+, Chrome */    background-image: -webkit-linear-gradient( #FFAB46 /*{b-bup-background-start}*/, #FF830B /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */         background-image:    -moz-linear-gradient( #FFAB46 /*{b-bup-background-start}*/, #FF830B /*{b-bup-background-end}*/); /* FF3.6 */       background-image:     -ms-linear-gradient( #FFAB46 /*{b-bup-background-start}*/, #FF830B /*{b-bup-background-end}*/); /* IE10 */        background-image:      -o-linear-gradient( #FFAB46 /*{b-bup-background-start}*/, #FF830B /*{b-bup-background-end}*/); /* Opera 11.10+ */        background-image:         linear-gradient( #FFAB46 /*{b-bup-background-start}*/, #FF830B /*{b-bup-background-end}*/); } .ui-btn-up-b:visited, .ui-btn-up-b a.ui-link-inherit {  color: #2f3e46 /*{b-bup-color}*/; } .ui-btn-hover-b {   border: 1px solid #bbbbbb /*{b-bhover-border}*/;        background: #dfdfdf /*{b-bhover-background-color}*/;    font-weight: bold;      color: #fff /*{b-bhover-color}*/;       text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #666 /*{b-bhover-shadow-color}*/;     background-image: -webkit-gradient(linear, left top, left bottom, from( #FF830B /*{b-bhover-background-start}*/), to( #FFAB46 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */      background-image: -webkit-linear-gradient( #FF830B /*{b-bhover-background-start}*/, #FFAB46 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */   background-image:    -moz-linear-gradient( #FF830B /*{b-bhover-background-start}*/, #FFAB46 /*{b-bhover-background-end}*/); /* FF3.6 */         background-image:     -ms-linear-gradient( #FF830B /*{b-bhover-background-start}*/, #FFAB46 /*{b-bhover-background-end}*/); /* IE10 */  background-image:      -o-linear-gradient( #FF830B /*{b-bhover-background-start}*/, #FFAB46 /*{b-bhover-background-end}*/); /* Opera 11.10+ */  background-image:         linear-gradient( #FF830B /*{b-bhover-background-start}*/, #FFAB46 /*{b-bhover-background-end}*/); } .ui-btn-hover-b:visited, .ui-btn-hover-b:hover, .ui-btn-hover-b a.ui-link-inherit {       color: #fff /*{b-bhover-color}*/; } .ui-btn-down-b {    border: 1px solid #bbbbbb /*{b-bdown-border}*/;         background: #d6d6d6 /*{b-bdown-background-color}*/;     font-weight: bold;      color: #2f3e46 /*{b-bdown-color}*/;     text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #ffffff /*{b-bdown-shadow-color}*/;      background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{b-bdown-background-start}*/), to( #d6d6d6 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */        background-image: -webkit-linear-gradient( #FFFFFF /*{b-bdown-background-start}*/, #d6d6d6 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */     background-image:    -moz-linear-gradient( #FFFFFF /*{b-bdown-background-start}*/, #d6d6d6 /*{b-bdown-background-end}*/); /* FF3.6 */   background-image:     -ms-linear-gradient( #FFFFFF /*{b-bdown-background-start}*/, #d6d6d6 /*{b-bdown-background-end}*/); /* IE10 */    background-image:      -o-linear-gradient( #FFFFFF /*{b-bdown-background-start}*/, #d6d6d6 /*{b-bdown-background-end}*/); /* Opera 11.10+ */    background-image:         linear-gradient( #FFFFFF /*{b-bdown-background-start}*/, #d6d6d6 /*{b-bdown-background-end}*/); } .ui-btn-down-b:visited, .ui-btn-down-b:hover, .ui-btn-down-b a.ui-link-inherit {    color: #2f3e46 /*{b-bdown-color}*/; } .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b {          font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;      text-decoration: none; }        /* C -----------------------------------------------------------------------------------------------------------*/  .ui-bar-c {         border: 1px solid #b3b3b3 /*{c-bar-border}*/;   background: } /*{c-bar-background-color}*/;     color: #ddd /*{c-bar-color}*/;  font-weight: bold;      text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #333 /*{c-bar-shadow-color}*/;       background-image: -webkit-gradient(linear, left top, left bottom, from( #999 /*{c-bar-background-start}*/), to( #444 /*{c-bar-background-end}*/)); /* Saf4+, Chrome */  background-image: -webkit-linear-gradient( #999 /*{c-bar-background-start}*/, #444 /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */       background-image:    -moz-linear-gradient( #999 /*{c-bar-background-start}*/, #444 /*{c-bar-background-end}*/); /* FF3.6 */     background-image:     -ms-linear-gradient( #999 /*{c-bar-background-start}*/, #444 /*{c-bar-background-end}*/); /* IE10 */      background-image:      -o-linear-gradient( #999 /*{c-bar-background-start}*/, #444 /*{c-bar-background-end}*/); /* Opera 11.10+ */      background-image:         linear-gradient( #999 /*{c-bar-background-start}*/, #444 /*{c-bar-background-end}*/); } .ui-bar-c .ui-link-inherit {  color: #ddd /*{c-bar-color}*/; }  .ui-bar-c a.ui-link {         color: #7cc4e7 /*{c-bar-link-color}*/;  font-weight: bold; }  .ui-bar-c a.ui-link:visited {     color: #2489ce /*{c-bar-link-visited}*/; }  .ui-bar-c a.ui-link:hover {         color: #2489ce /*{c-bar-link-hover}*/; }  .ui-bar-c a.ui-link:active {  color: #2489ce /*{c-bar-link-active}*/; }  .ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button {            font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-c, .ui-overlay-c {    border: 1px solid #aaaaaa /*{c-body-border}*/;  color: #333333 /*{c-body-color}*/;      text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #ffffff /*{c-body-shadow-color}*/;  background: #f9f9f9 /*{c-body-background-color}*/;      background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */  background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */       background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */     background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */      background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */      background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); } .ui-overlay-c {       background-image: none;         border-width: 0; } .ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {       font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-body-c .ui-link-inherit {  color: #333333 /*{c-body-color}*/; }  .ui-body-c .ui-link {     color: #2489ce /*{c-body-link-color}*/;         font-weight: bold; }  .ui-body-c .ui-link:visited {     color: #2489ce /*{c-body-link-visited}*/; }  .ui-body-c .ui-link:hover {        color: #2489ce /*{c-body-link-hover}*/; }  .ui-body-c .ui-link:active {         color: #2489ce /*{c-body-link-active}*/; }  .ui-btn-up-c {      border: 1px solid #cccccc /*{c-bup-border}*/;   background: #eeeeee /*{c-bup-background-color}*/;       font-weight: bold;      color: #2f3e46 /*{c-bup-color}*/;       text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;      background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */    background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */         background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */       background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */        background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */        background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); } .ui-btn-up-c:visited, .ui-btn-up-c a.ui-link-inherit {  color: #2f3e46 /*{c-bup-color}*/; } .ui-btn-hover-c {   border: 1px solid #bbbbbb /*{c-bhover-border}*/;        background: #dfdfdf /*{c-bhover-background-color}*/;    font-weight: bold;      color: #2f3e46 /*{c-bhover-color}*/;    text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;  background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */      background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */   background-image:    -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */         background-image:     -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */  background-image:      -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */  background-image:         linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); } .ui-btn-hover-c:visited, .ui-btn-hover-c:hover, .ui-btn-hover-c a.ui-link-inherit {       color: #2f3e46 /*{c-bhover-color}*/; } .ui-btn-down-c {         border: 1px solid #bbbbbb /*{c-bdown-border}*/;         background: #d6d6d6 /*{c-bdown-background-color}*/;     font-weight: bold;      color: #2f3e46 /*{c-bdown-color}*/;     text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;      background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */        background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */     background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */   background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */    background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */    background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); } .ui-btn-down-c:visited, .ui-btn-down-c:hover, .ui-btn-down-c a.ui-link-inherit {    color: #2f3e46 /*{c-bdown-color}*/; } .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {      font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;  text-decoration: none; }     /* E
  327. -----------------------------------------------------------------------------------------------------------*/
  328.  
  329. .ui-bar-e {
  330.         border: 1px solid #b3b3b3 /*{e-bar-border}*/;
  331.         background: #eeeeee /*{e-bar-background-color}*/;
  332.         color: #3e3e3e /*{e-bar-color}*/;
  333.         font-weight: bold;
  334.         text-shadow: 0 /*{e-bar-shadow-x}*/ 0px /*{e-bar-shadow-y}*/ 0px /*{e-bar-shadow-radius}*/ #ffffff /*{e-bar-shadow-color}*/;
  335.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{e-bar-background-start}*/), to( #dddddd /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
  336.         background-image: -webkit-linear-gradient( #f0f0f0 /*{e-bar-background-start}*/, #dddddd /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  337.         background-image:    -moz-linear-gradient( #f0f0f0 /*{e-bar-background-start}*/, #dddddd /*{e-bar-background-end}*/); /* FF3.6 */
  338.         background-image:     -ms-linear-gradient( #f0f0f0 /*{e-bar-background-start}*/, #dddddd /*{e-bar-background-end}*/); /* IE10 */
  339.         background-image:      -o-linear-gradient( #f0f0f0 /*{e-bar-background-start}*/, #dddddd /*{e-bar-background-end}*/); /* Opera 11.10+ */
  340.         background-image:         linear-gradient( #f0f0f0 /*{e-bar-background-start}*/, #dddddd /*{e-bar-background-end}*/);
  341. }
  342. .ui-bar-e .ui-link-inherit {
  343.         color: #3e3e3e /*{e-bar-color}*/;
  344. }
  345.  
  346. .ui-bar-e a.ui-link {
  347.         color: #7cc4e7 /*{e-bar-link-color}*/;
  348.         font-weight: bold;
  349. }
  350.  
  351. .ui-bar-e a.ui-link:visited {
  352.     color: #2489ce /*{e-bar-link-visited}*/;
  353. }
  354.  
  355. .ui-bar-e a.ui-link:hover {
  356.         color: #2489ce /*{e-bar-link-hover}*/;
  357. }
  358.  
  359. .ui-bar-e a.ui-link:active {
  360.         color: #2489ce /*{e-bar-link-active}*/;
  361. }
  362.  
  363. .ui-bar-e,
  364. .ui-bar-e input,
  365. .ui-bar-e select,
  366. .ui-bar-e textarea,
  367. .ui-bar-e button {
  368.          font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  369. }
  370. .ui-body-e,
  371. .ui-overlay-e {
  372.         border: 1px solid #aaaaaa /*{e-body-border}*/;
  373.         color: #333333 /*{e-body-color}*/;
  374.         text-shadow: 0 /*{e-body-shadow-x}*/ 0px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #ffffff /*{e-body-shadow-color}*/;
  375.         background: #f9f9f9 /*{e-body-background-color}*/;
  376.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{e-body-background-start}*/), to( #eeeeee /*{e-body-background-end}*/)); /* Saf4+, Chrome */
  377.         background-image: -webkit-linear-gradient( #f9f9f9 /*{e-body-background-start}*/, #eeeeee /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  378.         background-image:    -moz-linear-gradient( #f9f9f9 /*{e-body-background-start}*/, #eeeeee /*{e-body-background-end}*/); /* FF3.6 */
  379.         background-image:     -ms-linear-gradient( #f9f9f9 /*{e-body-background-start}*/, #eeeeee /*{e-body-background-end}*/); /* IE10 */
  380.         background-image:      -o-linear-gradient( #f9f9f9 /*{e-body-background-start}*/, #eeeeee /*{e-body-background-end}*/); /* Opera 11.10+ */
  381.         background-image:         linear-gradient( #f9f9f9 /*{e-body-background-start}*/, #eeeeee /*{e-body-background-end}*/);
  382. }
  383. .ui-overlay-e {
  384.         background-image: none;
  385.         border-width: 0;
  386. }
  387. .ui-body-e,
  388. .ui-body-e input,
  389. .ui-body-e select,
  390. .ui-body-e textarea,
  391. .ui-body-e button {
  392.          font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  393. }
  394. .ui-body-e .ui-link-inherit {
  395.         color: #333333 /*{e-body-color}*/;
  396. }
  397.  
  398. .ui-body-e .ui-link {
  399.         color: #2489ce /*{e-body-link-color}*/;
  400.         font-weight: bold;
  401. }
  402.  
  403. .ui-body-e .ui-link:visited {
  404.     color: #2489ce /*{e-body-link-visited}*/;
  405. }
  406.  
  407. .ui-body-e .ui-link:hover {
  408.         color: #2489ce /*{e-body-link-hover}*/;
  409. }
  410.  
  411. .ui-body-e .ui-link:active {
  412.         color: #2489ce /*{e-body-link-active}*/;
  413. }
  414.  
  415. .ui-btn-up-e {
  416.         border: 1px solid #cccccc /*{e-bup-border}*/;
  417.         background: #eeeeee /*{e-bup-background-color}*/;
  418.         font-weight: bold;
  419.         color: #2f3e46 /*{e-bup-color}*/;
  420.         text-shadow: 0 /*{e-bup-shadow-x}*/ 0px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #ffffff /*{e-bup-shadow-color}*/;
  421.         background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{e-bup-background-start}*/), to( #f1f1f1 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
  422.         background-image: -webkit-linear-gradient( #ffffff /*{e-bup-background-start}*/, #f1f1f1 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  423.         background-image:    -moz-linear-gradient( #ffffff /*{e-bup-background-start}*/, #f1f1f1 /*{e-bup-background-end}*/); /* FF3.6 */
  424.         background-image:     -ms-linear-gradient( #ffffff /*{e-bup-background-start}*/, #f1f1f1 /*{e-bup-background-end}*/); /* IE10 */
  425.         background-image:      -o-linear-gradient( #ffffff /*{e-bup-background-start}*/, #f1f1f1 /*{e-bup-background-end}*/); /* Opera 11.10+ */
  426.         background-image:         linear-gradient( #ffffff /*{e-bup-background-start}*/, #f1f1f1 /*{e-bup-background-end}*/);
  427. }
  428. .ui-btn-up-e:visited,
  429. .ui-btn-up-e a.ui-link-inherit {
  430.         color: #2f3e46 /*{e-bup-color}*/;
  431. }
  432. .ui-btn-hover-e {
  433.         border: 1px solid #bbbbbb /*{e-bhover-border}*/;
  434.         background: #dfdfdf /*{e-bhover-background-color}*/;
  435.         font-weight: bold;
  436.         color: #2f3e46 /*{e-bhover-color}*/;
  437.         text-shadow: 0 /*{e-bhover-shadow-x}*/ 0px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #ffffff /*{e-bhover-shadow-color}*/;
  438.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{e-bhover-background-start}*/), to( #e0e0e0 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
  439.         background-image: -webkit-linear-gradient( #f6f6f6 /*{e-bhover-background-start}*/, #e0e0e0 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  440.         background-image:    -moz-linear-gradient( #f6f6f6 /*{e-bhover-background-start}*/, #e0e0e0 /*{e-bhover-background-end}*/); /* FF3.6 */
  441.         background-image:     -ms-linear-gradient( #f6f6f6 /*{e-bhover-background-start}*/, #e0e0e0 /*{e-bhover-background-end}*/); /* IE10 */
  442.         background-image:      -o-linear-gradient( #f6f6f6 /*{e-bhover-background-start}*/, #e0e0e0 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
  443.         background-image:         linear-gradient( #f6f6f6 /*{e-bhover-background-start}*/, #e0e0e0 /*{e-bhover-background-end}*/);
  444. }
  445. .ui-btn-hover-e:visited,
  446. .ui-btn-hover-e:hover,
  447. .ui-btn-hover-e a.ui-link-inherit {
  448.         color: #2f3e46 /*{e-bhover-color}*/;
  449. }
  450. .ui-btn-down-e {
  451.         border: 1px solid #bbbbbb /*{e-bdown-border}*/;
  452.         background: #d6d6d6 /*{e-bdown-background-color}*/;
  453.         font-weight: bold;
  454.         color: #2f3e46 /*{e-bdown-color}*/;
  455.         text-shadow: 0 /*{e-bdown-shadow-x}*/ 0px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/;
  456.         background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{e-bdown-background-start}*/), to( #dfdfdf /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
  457.         background-image: -webkit-linear-gradient( #d0d0d0 /*{e-bdown-background-start}*/, #dfdfdf /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  458.         background-image:    -moz-linear-gradient( #d0d0d0 /*{e-bdown-background-start}*/, #dfdfdf /*{e-bdown-background-end}*/); /* FF3.6 */
  459.         background-image:     -ms-linear-gradient( #d0d0d0 /*{e-bdown-background-start}*/, #dfdfdf /*{e-bdown-background-end}*/); /* IE10 */
  460.         background-image:      -o-linear-gradient( #d0d0d0 /*{e-bdown-background-start}*/, #dfdfdf /*{e-bdown-background-end}*/); /* Opera 11.10+ */
  461.         background-image:         linear-gradient( #d0d0d0 /*{e-bdown-background-start}*/, #dfdfdf /*{e-bdown-background-end}*/);
  462. }
  463. .ui-btn-down-e:visited,
  464. .ui-btn-down-e:hover,
  465. .ui-btn-down-e a.ui-link-inherit {
  466.         color: #2f3e46 /*{e-bdown-color}*/;
  467. }
  468. .ui-btn-up-e,
  469. .ui-btn-hover-e,
  470. .ui-btn-down-e {
  471.          font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  472.         text-decoration: none;
  473. }
  474.  
  475.  
  476.  
  477.  
  478. /* Structure */  /* links within "buttons"  -----------------------------------------------------------------------------------------------------------*/  a.ui-link-inherit {  text-decoration: none !important; }     /* Structure */  /* links within "buttons"  -----------------------------------------------------------------------------------------------------------*/  a.ui-link-inherit {  text-decoration: none !important; }     /* Structure */  /* links within "buttons"  -----------------------------------------------------------------------------------------------------------*/  a.ui-link-inherit {  text-decoration: none !important; }     /* Structure */  /* links within "buttons"  -----------------------------------------------------------------------------------------------------------*/  a.ui-link-inherit {  text-decoration: none !important; }   /* Bctive class used as the "on" state across all themes -----------------------------------------------------------------------------------------------------------*/ .ui-btn-active {   border: 1px solid #999 /*{global-active-border}*/;      background: #fff /*{global-active-background-color}*/;  font-weight: bold;      color: #333 /*{global-active-color}*/;  cursor: pointer;        text-shadow: 0 /*{global-active-shadow-x}*/ 0px /*{global-active-shadow-y}*/ 0px /*{global-active-shadow-radius}*/ #444444 /*{global-active-shadow-color}*/;    text-decoration: none;  background-image: -webkit-gradient(linear, left top, left bottom, from( #FF10NaN /*{global-active-background-start}*/), to( #e50dNaN /*{global-active-background-end}*/)); /* Saf4+, Chrome */  background-image: -webkit-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */       background-image:    -moz-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* FF3.6 */     background-image:     -ms-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* IE10 */      background-image:      -o-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* Opera 11.10+ */      background-image:         linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/);                                      font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-btn-active:visited, .ui-btn-active:hover, .ui-btn-active a.ui-link-inherit {     color: #333 /*{global-active-color}*/; }   /* button inner top highlight -----------------------------------------------------------------------------------------------------------*/  .ui-btn-inner {         border-top: 1px solid   #fff;   border-color:                   rgba(255,255,255,.3); }   /* corner rounding classes -----------------------------------------------------------------------------------------------------------*/  .ui-corner-tl {     -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;     -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;         border-top-left-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-tr {       -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;    -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;        border-top-right-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-bl {      -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;  -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;      border-bottom-left-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-br {    -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;     border-bottom-right-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-top {  -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;     -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;         border-top-left-radius: .3em /*{global-radii-blocks}*/;         -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;    -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;        border-top-right-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-bottom {  -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;  -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;      border-bottom-left-radius: .3em /*{global-radii-blocks}*/;      -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;     border-bottom-right-radius: .3em /*{global-radii-blocks}*/;     } .ui-corner-right {    -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;    -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;        border-top-right-radius: .3em /*{global-radii-blocks}*/;        -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;     border-bottom-right-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-left {         -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;     -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;         border-top-left-radius: .3em /*{global-radii-blocks}*/;         -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;  -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;      border-bottom-left-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-all {   -moz-border-radius: .3em /*{global-radii-blocks}*/;     -webkit-border-radius: .3em /*{global-radii-blocks}*/;  border-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-none {      -moz-border-radius:                                0;   -webkit-border-radius:                             0;   border-radius:                                             0; }  /* Form field separator -----------------------------------------------------------------------------------------------------------*/ .ui-br {         border-bottom: rgb(130,130,130);        border-bottom: rgba(130,130,130,.3);    border-bottom-width: 1px;       border-bottom-style: solid; }  /* Interaction cues -----------------------------------------------------------------------------------------------------------*/ .ui-disabled {         filter: Alpha(Opacity=30);      opacity: .3;    zoom: 1; } .ui-disabled, .ui-disabled a {       cursor: default !important;     pointer-events: none; }  /* Icons -----------------------------------------------------------------------------------------------------------*/  .ui-icon, .ui-icon-searchfield:after {         background: #FFFFFF /*{global-icon-color}*/;    background: rgba(0,0,0,0.2) /*{global-icon-disc}*/;     background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;         background-repeat: no-repeat;   -moz-border-radius:                             9px;    -webkit-border-radius:                          9px;    border-radius:                                          9px; }   /* Blt icon color -----------------------------------------------------------------------------------------------------------*/  .ui-icon-alt {        background:                                             #fff;   background:                                             rgba(255,255,255,.3);   background-image: url(images/icons-18-black.png);       background-repeat: no-repeat; }  /* HD/"retina" sprite -----------------------------------------------------------------------------------------------------------*/  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),        only screen and (min--moz-device-pixel-ratio: 1.5),        only screen and (min-resolution: 240dpi) {                .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,       .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,   .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,       .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,        .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {            background-image: url(images/icons-36-white.png);               -moz-background-size: 776px 18px;               -o-background-size: 776px 18px;                 -webkit-background-size: 776px 18px;            background-size: 776px 18px;    }       .ui-icon-alt {          background-image: url(images/icons-36-black.png);       } }  /* plus minus */ .ui-icon-plus {   background-position:    -0 50%; } .ui-icon-minus {      background-position:    -36px 50%; }  /* delete/close */ .ui-icon-delete {      background-position:    -72px 50%; }  /* arrows */ .ui-icon-arrow-r {   background-position:    -108px 50%; } .ui-icon-arrow-l {        background-position:    -144px 50%; } .ui-icon-arrow-u {        background-position:    -180px 50%; } .ui-icon-arrow-d {        background-position:    -216px 50%; }  /* misc */ .ui-icon-check {      background-position:    -252px 50%; } .ui-icon-gear {   background-position:    -288px 50%; } .ui-icon-refresh {        background-position:    -324px 50%; } .ui-icon-forward {        background-position:    -360px 50%; } .ui-icon-back {   background-position:    -396px 50%; } .ui-icon-grid {   background-position:    -432px 50%; } .ui-icon-star {   background-position:    -468px 50%; } .ui-icon-alert {  background-position:    -504px 50%; } .ui-icon-info {   background-position:    -540px 50%; } .ui-icon-home {   background-position:    -576px 50%; } .ui-icon-search, .ui-icon-searchfield:after {     background-position:    -612px 50%; } .ui-icon-checkbox-off {   background-position:    -684px 50%; } .ui-icon-checkbox-on {    background-position:    -648px 50%; } .ui-icon-radio-off {      background-position:    -756px 50%; } .ui-icon-radio-on {       background-position:    -720px 50%; }   /* checks,radios */ .ui-checkbox .ui-icon, .ui-selectmenu-list .ui-icon {       -moz-border-radius: 3px;        -webkit-border-radius: 3px;     border-radius: 3px; } .ui-icon-checkbox-off, .ui-icon-radio-off {       background-color: transparent;   } .ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {    background-color: #fff /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ }  /* loading icon */ .ui-icon-loading {  background: url(images/ajax-loader.gif);        background-size: 46px 46px; }     /* Structure */  /* links within "buttons"  -----------------------------------------------------------------------------------------------------------*/  a.ui-link-inherit {        text-decoration: none !important; }   /* Active class used as the "on" state across all themes -----------------------------------------------------------------------------------------------------------*/ .ui-btn-active {   border: 1px solid #999 /*{global-active-border}*/;      background: #fff /*{global-active-background-color}*/;  font-weight: bold;      color: #333 /*{global-active-color}*/;  cursor: pointer;        text-shadow: 0 /*{global-active-shadow-x}*/ 0px /*{global-active-shadow-y}*/ 0px /*{global-active-shadow-radius}*/ #444444 /*{global-active-shadow-color}*/;    text-decoration: none;  background-image: -webkit-gradient(linear, left top, left bottom, from( #FF10NaN /*{global-active-background-start}*/), to( #e50dNaN /*{global-active-background-end}*/)); /* Saf4+, Chrome */  background-image: -webkit-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */       background-image:    -moz-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* FF3.6 */     background-image:     -ms-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* IE10 */      background-image:      -o-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* Opera 11.10+ */      background-image:         linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/);                                      font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/; } .ui-btn-active:visited, .ui-btn-active:hover, .ui-btn-active a.ui-link-inherit {     color: #333 /*{global-active-color}*/; }   /* button inner top highlight -----------------------------------------------------------------------------------------------------------*/  .ui-btn-inner {         border-top: 1px solid   #fff;   border-color:                   rgba(255,255,255,.3); }   /* corner rounding classes -----------------------------------------------------------------------------------------------------------*/  .ui-corner-tl {     -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;     -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;         border-top-left-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-tr {       -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;    -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;        border-top-right-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-bl {      -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;  -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;      border-bottom-left-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-br {    -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;     border-bottom-right-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-top {  -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;     -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;         border-top-left-radius: .3em /*{global-radii-blocks}*/;         -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;    -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;        border-top-right-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-bottom {  -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;  -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;      border-bottom-left-radius: .3em /*{global-radii-blocks}*/;      -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;     border-bottom-right-radius: .3em /*{global-radii-blocks}*/;     } .ui-corner-right {    -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;    -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;        border-top-right-radius: .3em /*{global-radii-blocks}*/;        -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;     border-bottom-right-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-left {         -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;     -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;         border-top-left-radius: .3em /*{global-radii-blocks}*/;         -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;  -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;      border-bottom-left-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-all {   -moz-border-radius: .3em /*{global-radii-blocks}*/;     -webkit-border-radius: .3em /*{global-radii-blocks}*/;  border-radius: .3em /*{global-radii-blocks}*/; } .ui-corner-none {      -moz-border-radius:                                0;   -webkit-border-radius:                             0;   border-radius:                                             0; }  /* Form field separator -----------------------------------------------------------------------------------------------------------*/ .ui-br {         border-bottom: rgb(130,130,130);        border-bottom: rgba(130,130,130,.3);    border-bottom-width: 1px;       border-bottom-style: solid; }  /* Interaction cues -----------------------------------------------------------------------------------------------------------*/ .ui-disabled {         filter: Alpha(Opacity=30);      opacity: .3;    zoom: 1; } .ui-disabled, .ui-disabled a {       cursor: default !important;     pointer-events: none; }  /* Icons -----------------------------------------------------------------------------------------------------------*/  .ui-icon, .ui-icon-searchfield:after {         background: #FFFFFF /*{global-icon-color}*/;    background: rgba(0,0,0,0.2) /*{global-icon-disc}*/;     background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;         background-repeat: no-repeat;   -moz-border-radius:                             9px;    -webkit-border-radius:                          9px;    border-radius:                                          9px; }   /* Alt icon color -----------------------------------------------------------------------------------------------------------*/  .ui-icon-alt {        background:                                             #fff;   background:                                             rgba(255,255,255,.3);   background-image: url(images/icons-18-black.png);       background-repeat: no-repeat; }  /* HD/"retina" sprite -----------------------------------------------------------------------------------------------------------*/  @media only screen and (-webkit-min-device-pixel-ratio: 1.5),        only screen and (min--moz-device-pixel-ratio: 1.5),        only screen and (min-resolution: 240dpi) {                .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,       .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,   .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,       .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,        .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {            background-image: url(images/icons-36-white.png);               -moz-background-size: 776px 18px;               -o-background-size: 776px 18px;                 -webkit-background-size: 776px 18px;            background-size: 776px 18px;    }       .ui-icon-alt {          background-image: url(images/icons-36-black.png);       } }  /* plus minus */ .ui-icon-plus {   background-position:    -0 50%; } .ui-icon-minus {      background-position:    -36px 50%; }  /* delete/close */ .ui-icon-delete {      background-position:    -72px 50%; }  /* arrows */ .ui-icon-arrow-r {   background-position:    -108px 50%; } .ui-icon-arrow-l {        background-position:    -144px 50%; } .ui-icon-arrow-u {        background-position:    -180px 50%; } .ui-icon-arrow-d {        background-position:    -216px 50%; }  /* misc */ .ui-icon-check {      background-position:    -252px 50%; } .ui-icon-gear {   background-position:    -288px 50%; } .ui-icon-refresh {        background-position:    -324px 50%; } .ui-icon-forward {        background-position:    -360px 50%; } .ui-icon-back {   background-position:    -396px 50%; } .ui-icon-grid {   background-position:    -432px 50%; } .ui-icon-star {   background-position:    -468px 50%; } .ui-icon-alert {  background-position:    -504px 50%; } .ui-icon-info {   background-position:    -540px 50%; } .ui-icon-home {   background-position:    -576px 50%; } .ui-icon-search, .ui-icon-searchfield:after {     background-position:    -612px 50%; } .ui-icon-checkbox-off {   background-position:    -684px 50%; } .ui-icon-checkbox-on {    background-position:    -648px 50%; } .ui-icon-radio-off {      background-position:    -756px 50%; } .ui-icon-radio-on {       background-position:    -720px 50%; }   /* checks,radios */ .ui-checkbox .ui-icon, .ui-selectmenu-list .ui-icon {       -moz-border-radius: 3px;        -webkit-border-radius: 3px;     border-radius: 3px; } .ui-icon-checkbox-off, .ui-icon-radio-off {       background-color: transparent;   } .ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {    background-color: #fff /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ }  /* loading icon */ .ui-icon-loading {  background: url(images/ajax-loader.gif);        background-size: 46px 46px; }   /* Button corner classes -----------------------------------------------------------------------------------------------------------*/  .ui-btn-corner-tl {     -moz-border-radius-topleft: 0.3em /*{global-radii-buttons}*/;   -webkit-border-top-left-radius: 0.3em /*{global-radii-buttons}*/;       border-top-left-radius: 0.3em /*{global-radii-buttons}*/; } .ui-btn-corner-tr {         -moz-border-radius-topright: 0.3em /*{global-radii-buttons}*/;  -webkit-border-top-right-radius: 0.3em /*{global-radii-buttons}*/;      border-top-right-radius: 0.3em /*{global-radii-buttons}*/; } .ui-btn-corner-bl {        -moz-border-radius-bottomleft: 0.3em /*{global-radii-buttons}*/;        -webkit-border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/;    border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/; } .ui-btn-corner-br {      -moz-border-radius-bottomright: 0.3em /*{global-radii-buttons}*/;       -webkit-border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/;   border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/; } .ui-btn-corner-top {    -moz-border-radius-topleft: 0.3em /*{global-radii-buttons}*/;   -webkit-border-top-left-radius: 0.3em /*{global-radii-buttons}*/;       border-top-left-radius: 0.3em /*{global-radii-buttons}*/;       -moz-border-radius-topright: 0.3em /*{global-radii-buttons}*/;  -webkit-border-top-right-radius: 0.3em /*{global-radii-buttons}*/;      border-top-right-radius: 0.3em /*{global-radii-buttons}*/; } .ui-btn-corner-bottom {    -moz-border-radius-bottomleft: 0.3em /*{global-radii-buttons}*/;        -webkit-border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/;    border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/;    -moz-border-radius-bottomright: 0.3em /*{global-radii-buttons}*/;       -webkit-border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/;   border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/; } .ui-btn-corner-right {   -moz-border-radius-topright: 0.3em /*{global-radii-buttons}*/;         -webkit-border-top-right-radius: 0.3em /*{global-radii-buttons}*/;      border-top-right-radius: 0.3em /*{global-radii-buttons}*/;      -moz-border-radius-bottomright: 0.3em /*{global-radii-buttons}*/;       -webkit-border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/;   border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/; } .ui-btn-corner-left {   -moz-border-radius-topleft: 0.3em /*{global-radii-buttons}*/;   -webkit-border-top-left-radius: 0.3em /*{global-radii-buttons}*/;       border-top-left-radius: 0.3em /*{global-radii-buttons}*/;       -moz-border-radius-bottomleft: 0.3em /*{global-radii-buttons}*/;        -webkit-border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/;    border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/; } .ui-btn-corner-all {     -moz-border-radius: 0.3em /*{global-radii-buttons}*/;   -webkit-border-radius: 0.3em /*{global-radii-buttons}*/;        border-radius: 0.3em /*{global-radii-buttons}*/; }  /* radius clip workaround for cleaning up corner trapping */ .ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br, .ui-corner-top, .ui-corner-bottom, .ui-corner-right, .ui-corner-left, .ui-corner-all, .ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl, .ui-btn-corner-br, .ui-btn-corner-top, .ui-btn-corner-bottom, .ui-btn-corner-right, .ui-btn-corner-left, .ui-btn-corner-all {   -webkit-background-clip: padding-box;      -moz-background-clip: padding;           background-clip: padding-box; }  /* Overlay / modal -----------------------------------------------------------------------------------------------------------*/  .ui-overlay {        background: #666;       filter: Alpha(Opacity=50);      opacity: .5;    position: absolute;     width: 100%;    height: 100%; } .ui-overlay-shadow {    -moz-box-shadow: 0px 0px 12px                   rgba(0,0,0,.6);         -webkit-box-shadow: 0px 0px 12px                rgba(0,0,0,.6);         box-shadow: 0px 0px 12px                                rgba(0,0,0,.6); } .ui-shadow {  -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(153,9,NaN,0.4) /*{global-box-shadow-color}*/;    -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(153,9,NaN,0.4) /*{global-box-shadow-color}*/;         box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(153,9,NaN,0.4) /*{global-box-shadow-color}*/; } .ui-bar-a .ui-shadow, .ui-bar-b .ui-shadow , .ui-bar-c .ui-shadow  {  -moz-box-shadow: 0px 1px 0                              rgba(255,255,255,.3);   -webkit-box-shadow: 0px 1px 0                   rgba(255,255,255,.3);   box-shadow: 0px 1px 0                                   rgba(255,255,255,.3); } .ui-shadow-inset {      -moz-box-shadow: inset 0px 1px 4px              rgba(0,0,0,.2);         -webkit-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);         box-shadow: inset 0px 1px 4px                   rgba(0,0,0,.2); } .ui-icon-shadow {     -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;       -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;    box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/; }  /* Focus state - set here for specificity (note: these classes are added by JavaScript) -----------------------------------------------------------------------------------------------------------*/  .ui-btn:focus, .ui-link-inherit:focus {  outline: 0; } .ui-btn.ui-focus {        z-index: 1; } .ui-focus, .ui-btn:focus {        -moz-box-shadow: inset 0px 0px 3px #fff /*{global-active-background-color}*/, 0px 0px 9px #fff /*{global-active-background-color}*/;    -webkit-box-shadow: inset 0px 0px 3px #fff /*{global-active-background-color}*/, 0px 0px 9px #fff /*{global-active-background-color}*/;         box-shadow: inset 0px 0px 3px #fff /*{global-active-background-color}*/, 0px 0px 9px #fff /*{global-active-background-color}*/; } .ui-input-text.ui-focus, .ui-input-search.ui-focus {  -moz-box-shadow: 0px 0px 12px #fff /*{global-active-background-color}*/;        -webkit-box-shadow: 0px 0px 12px #fff /*{global-active-background-color}*/;     box-shadow: 0px 0px 12px #fff /*{global-active-background-color}*/;      }  /* unset box shadow in browsers that don't do it right -----------------------------------------------------------------------------------------------------------*/  .ui-mobile-nosupport-boxshadow * {    -moz-box-shadow: none !important;       -webkit-box-shadow: none !important;    box-shadow: none !important; }  /* ...and bring back focus */ .ui-mobile-nosupport-boxshadow .ui-focus, .ui-mobile-nosupport-boxshadow .ui-btn:focus, .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {   outline-width: 1px;     outline-style: auto; } /*{c-bar-background-color}*/;
  479.         color: #ddd /*{c-bar-color}*/;
  480.         font-weight: bold;
  481.         text-shadow: 0 /*{c-bar-shadow-x}*/ 0px /*{c-bar-shadow-y}*/ 0px /*{c-bar-shadow-radius}*/ #333 /*{c-bar-shadow-color}*/;
  482.         background-image: -webkit-gradient(linear, left top, left bottom, from( #999 /*{c-bar-background-start}*/), to( #444 /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
  483.         background-image: -webkit-linear-gradient( #999 /*{c-bar-background-start}*/, #444 /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  484.         background-image:    -moz-linear-gradient( #999 /*{c-bar-background-start}*/, #444 /*{c-bar-background-end}*/); /* FF3.6 */
  485.         background-image:     -ms-linear-gradient( #999 /*{c-bar-background-start}*/, #444 /*{c-bar-background-end}*/); /* IE10 */
  486.         background-image:      -o-linear-gradient( #999 /*{c-bar-background-start}*/, #444 /*{c-bar-background-end}*/); /* Opera 11.10+ */
  487.         background-image:         linear-gradient( #999 /*{c-bar-background-start}*/, #444 /*{c-bar-background-end}*/);
  488. }
  489. .ui-bar-c .ui-link-inherit {
  490.         color: #ddd /*{c-bar-color}*/;
  491. }
  492.  
  493. .ui-bar-c a.ui-link {
  494.         color: #7cc4e7 /*{c-bar-link-color}*/;
  495.         font-weight: bold;
  496. }
  497.  
  498. .ui-bar-c a.ui-link:visited {
  499.     color: #2489ce /*{c-bar-link-visited}*/;
  500. }
  501.  
  502. .ui-bar-c a.ui-link:hover {
  503.         color: #2489ce /*{c-bar-link-hover}*/;
  504. }
  505.  
  506. .ui-bar-c a.ui-link:active {
  507.         color: #2489ce /*{c-bar-link-active}*/;
  508. }
  509.  
  510. .ui-bar-c,
  511. .ui-bar-c input,
  512. .ui-bar-c select,
  513. .ui-bar-c textarea,
  514. .ui-bar-c button {
  515.                 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  516. }
  517. .ui-body-c,
  518. .ui-overlay-c {
  519.         border: 1px solid #aaaaaa /*{c-body-border}*/;
  520.         color: #333333 /*{c-body-color}*/;
  521.         text-shadow: 0 /*{c-body-shadow-x}*/ 0px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #ffffff /*{c-body-shadow-color}*/;
  522.         background: #f9f9f9 /*{c-body-background-color}*/;
  523.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eeeeee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
  524.         background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  525.         background-image:    -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* FF3.6 */
  526.         background-image:     -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* IE10 */
  527.         background-image:      -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/); /* Opera 11.10+ */
  528.         background-image:         linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eeeeee /*{c-body-background-end}*/);
  529. }
  530. .ui-overlay-c {
  531.         background-image: none;
  532.         border-width: 0;
  533. }
  534. .ui-body-c,
  535. .ui-body-c input,
  536. .ui-body-c select,
  537. .ui-body-c textarea,
  538. .ui-body-c button {
  539.                 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  540. }
  541. .ui-body-c .ui-link-inherit {
  542.         color: #333333 /*{c-body-color}*/;
  543. }
  544.  
  545. .ui-body-c .ui-link {
  546.         color: #2489ce /*{c-body-link-color}*/;
  547.         font-weight: bold;
  548. }
  549.  
  550. .ui-body-c .ui-link:visited {
  551.     color: #2489ce /*{c-body-link-visited}*/;
  552. }
  553.  
  554. .ui-body-c .ui-link:hover {
  555.         color: #2489ce /*{c-body-link-hover}*/;
  556. }
  557.  
  558. .ui-body-c .ui-link:active {
  559.         color: #2489ce /*{c-body-link-active}*/;
  560. }
  561.  
  562. .ui-btn-up-c {
  563.         border: 1px solid #cccccc /*{c-bup-border}*/;
  564.         background: #eeeeee /*{c-bup-background-color}*/;
  565.         font-weight: bold;
  566.         color: #2f3e46 /*{c-bup-color}*/;
  567.         text-shadow: 0 /*{c-bup-shadow-x}*/ 0px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/;
  568.         background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
  569.         background-image: -webkit-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  570.         background-image:    -moz-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
  571.         background-image:     -ms-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
  572.         background-image:      -o-linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
  573.         background-image:         linear-gradient( #ffffff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
  574. }
  575. .ui-btn-up-c:visited,
  576. .ui-btn-up-c a.ui-link-inherit {
  577.         color: #2f3e46 /*{c-bup-color}*/;
  578. }
  579. .ui-btn-hover-c {
  580.         border: 1px solid #bbbbbb /*{c-bhover-border}*/;
  581.         background: #dfdfdf /*{c-bhover-background-color}*/;
  582.         font-weight: bold;
  583.         color: #2f3e46 /*{c-bhover-color}*/;
  584.         text-shadow: 0 /*{c-bhover-shadow-x}*/ 0px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #ffffff /*{c-bhover-shadow-color}*/;
  585.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
  586.         background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  587.         background-image:    -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
  588.         background-image:     -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
  589.         background-image:      -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
  590.         background-image:         linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
  591. }
  592. .ui-btn-hover-c:visited,
  593. .ui-btn-hover-c:hover,
  594. .ui-btn-hover-c a.ui-link-inherit {
  595.         color: #2f3e46 /*{c-bhover-color}*/;
  596. }
  597. .ui-btn-down-c {
  598.         border: 1px solid #bbbbbb /*{c-bdown-border}*/;
  599.         background: #d6d6d6 /*{c-bdown-background-color}*/;
  600.         font-weight: bold;
  601.         color: #2f3e46 /*{c-bdown-color}*/;
  602.         text-shadow: 0 /*{c-bdown-shadow-x}*/ 0px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/;
  603.         background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
  604.         background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  605.         background-image:    -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
  606.         background-image:     -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
  607.         background-image:      -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
  608.         background-image:         linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
  609. }
  610. .ui-btn-down-c:visited,
  611. .ui-btn-down-c:hover,
  612. .ui-btn-down-c a.ui-link-inherit {
  613.         color: #2f3e46 /*{c-bdown-color}*/;
  614. }
  615. .ui-btn-up-c,
  616. .ui-btn-hover-c,
  617. .ui-btn-down-c {
  618.                 font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  619.         text-decoration: none;
  620. }
  621.  
  622.  
  623.  
  624.  
  625. /* D
  626. -----------------------------------------------------------------------------------------------------------*/
  627.  
  628. .ui-bar-d {
  629.         border: 1px solid #b3b3b3 /*{d-bar-border}*/;
  630.         background: #eeeeee /*{d-bar-background-color}*/;
  631.         color: #3e3e3e /*{d-bar-color}*/;
  632.         font-weight: bold;
  633.         text-shadow: 0 /*{d-bar-shadow-x}*/ 0px /*{d-bar-shadow-y}*/ 0px /*{d-bar-shadow-radius}*/ #ffffff /*{d-bar-shadow-color}*/;
  634.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{d-bar-background-start}*/), to( #dddddd /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
  635.         background-image: -webkit-linear-gradient( #f0f0f0 /*{d-bar-background-start}*/, #dddddd /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  636.         background-image:    -moz-linear-gradient( #f0f0f0 /*{d-bar-background-start}*/, #dddddd /*{d-bar-background-end}*/); /* FF3.6 */
  637.         background-image:     -ms-linear-gradient( #f0f0f0 /*{d-bar-background-start}*/, #dddddd /*{d-bar-background-end}*/); /* IE10 */
  638.         background-image:      -o-linear-gradient( #f0f0f0 /*{d-bar-background-start}*/, #dddddd /*{d-bar-background-end}*/); /* Opera 11.10+ */
  639.         background-image:         linear-gradient( #f0f0f0 /*{d-bar-background-start}*/, #dddddd /*{d-bar-background-end}*/);
  640. }
  641. .ui-bar-d .ui-link-inherit {
  642.         color: #3e3e3e /*{d-bar-color}*/;
  643. }
  644.  
  645. .ui-bar-d a.ui-link {
  646.         color: #7cc4e7 /*{d-bar-link-color}*/;
  647.         font-weight: bold;
  648. }
  649.  
  650. .ui-bar-d a.ui-link:visited {
  651.     color: #2489ce /*{d-bar-link-visited}*/;
  652. }
  653.  
  654. .ui-bar-d a.ui-link:hover {
  655.         color: #2489ce /*{d-bar-link-hover}*/;
  656. }
  657.  
  658. .ui-bar-d a.ui-link:active {
  659.         color: #2489ce /*{d-bar-link-active}*/;
  660. }
  661.  
  662. .ui-bar-d,
  663. .ui-bar-d input,
  664. .ui-bar-d select,
  665. .ui-bar-d textarea,
  666. .ui-bar-d button {
  667.               font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  668. }
  669. .ui-body-d,
  670. .ui-overlay-d {
  671.         border: 1px solid #aaaaaa /*{d-body-border}*/;
  672.         color: #ddd /*{d-body-color}*/;
  673.         text-shadow: 0 /*{d-body-shadow-x}*/ 0px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #333 /*{d-body-shadow-color}*/;
  674.         background: #f9f9f9 /*{d-body-background-color}*/;
  675.         background-image: -webkit-gradient(linear, left top, left bottom, from( #999 /*{d-body-background-start}*/), to( #444 /*{d-body-background-end}*/)); /* Saf4+, Chrome */
  676.         background-image: -webkit-linear-gradient( #999 /*{d-body-background-start}*/, #444 /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  677.         background-image:    -moz-linear-gradient( #999 /*{d-body-background-start}*/, #444 /*{d-body-background-end}*/); /* FF3.6 */
  678.         background-image:     -ms-linear-gradient( #999 /*{d-body-background-start}*/, #444 /*{d-body-background-end}*/); /* IE10 */
  679.         background-image:      -o-linear-gradient( #999 /*{d-body-background-start}*/, #444 /*{d-body-background-end}*/); /* Opera 11.10+ */
  680.         background-image:         linear-gradient( #999 /*{d-body-background-start}*/, #444 /*{d-body-background-end}*/);
  681. }
  682. .ui-overlay-d {
  683.         background-image: none;
  684.         border-width: 0;
  685. }
  686. .ui-body-d,
  687. .ui-body-d input,
  688. .ui-body-d select,
  689. .ui-body-d textarea,
  690. .ui-body-d button {
  691.               font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  692. }
  693. .ui-body-d .ui-link-inherit {
  694.         color: #ddd /*{d-body-color}*/;
  695. }
  696.  
  697. .ui-body-d .ui-link {
  698.         color: #2489ce /*{d-body-link-color}*/;
  699.         font-weight: bold;
  700. }
  701.  
  702. .ui-body-d .ui-link:visited {
  703.     color: #2489ce /*{d-body-link-visited}*/;
  704. }
  705.  
  706. .ui-body-d .ui-link:hover {
  707.         color: #2489ce /*{d-body-link-hover}*/;
  708. }
  709.  
  710. .ui-body-d .ui-link:active {
  711.         color: #2489ce /*{d-body-link-active}*/;
  712. }
  713.  
  714. .ui-btn-up-d {
  715.         border: 1px solid #cccccc /*{d-bup-border}*/;
  716.         background: #eeeeee /*{d-bup-background-color}*/;
  717.         font-weight: bold;
  718.         color: #2f3e46 /*{d-bup-color}*/;
  719.         text-shadow: 0 /*{d-bup-shadow-x}*/ 0px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #ffffff /*{d-bup-shadow-color}*/;
  720.         background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{d-bup-background-start}*/), to( #f1f1f1 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
  721.         background-image: -webkit-linear-gradient( #ffffff /*{d-bup-background-start}*/, #f1f1f1 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  722.         background-image:    -moz-linear-gradient( #ffffff /*{d-bup-background-start}*/, #f1f1f1 /*{d-bup-background-end}*/); /* FF3.6 */
  723.         background-image:     -ms-linear-gradient( #ffffff /*{d-bup-background-start}*/, #f1f1f1 /*{d-bup-background-end}*/); /* IE10 */
  724.         background-image:      -o-linear-gradient( #ffffff /*{d-bup-background-start}*/, #f1f1f1 /*{d-bup-background-end}*/); /* Opera 11.10+ */
  725.         background-image:         linear-gradient( #ffffff /*{d-bup-background-start}*/, #f1f1f1 /*{d-bup-background-end}*/);
  726. }
  727. .ui-btn-up-d:visited,
  728. .ui-btn-up-d a.ui-link-inherit {
  729.         color: #2f3e46 /*{d-bup-color}*/;
  730. }
  731. .ui-btn-hover-d {
  732.         border: 1px solid #bbbbbb /*{d-bhover-border}*/;
  733.         background: #dfdfdf /*{d-bhover-background-color}*/;
  734.         font-weight: bold;
  735.         color: #2f3e46 /*{d-bhover-color}*/;
  736.         text-shadow: 0 /*{d-bhover-shadow-x}*/ 0px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #ffffff /*{d-bhover-shadow-color}*/;
  737.         background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{d-bhover-background-start}*/), to( #e0e0e0 /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
  738.         background-image: -webkit-linear-gradient( #f6f6f6 /*{d-bhover-background-start}*/, #e0e0e0 /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  739.         background-image:    -moz-linear-gradient( #f6f6f6 /*{d-bhover-background-start}*/, #e0e0e0 /*{d-bhover-background-end}*/); /* FF3.6 */
  740.         background-image:     -ms-linear-gradient( #f6f6f6 /*{d-bhover-background-start}*/, #e0e0e0 /*{d-bhover-background-end}*/); /* IE10 */
  741.         background-image:      -o-linear-gradient( #f6f6f6 /*{d-bhover-background-start}*/, #e0e0e0 /*{d-bhover-background-end}*/); /* Opera 11.10+ */
  742.         background-image:         linear-gradient( #f6f6f6 /*{d-bhover-background-start}*/, #e0e0e0 /*{d-bhover-background-end}*/);
  743. }
  744. .ui-btn-hover-d:visited,
  745. .ui-btn-hover-d:hover,
  746. .ui-btn-hover-d a.ui-link-inherit {
  747.         color: #2f3e46 /*{d-bhover-color}*/;
  748. }
  749. .ui-btn-down-d {
  750.         border: 1px solid #bbbbbb /*{d-bdown-border}*/;
  751.         background: #d6d6d6 /*{d-bdown-background-color}*/;
  752.         font-weight: bold;
  753.         color: #2f3e46 /*{d-bdown-color}*/;
  754.         text-shadow: 0 /*{d-bdown-shadow-x}*/ 0px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/;
  755.         background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{d-bdown-background-start}*/), to( #dfdfdf /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
  756.         background-image: -webkit-linear-gradient( #d0d0d0 /*{d-bdown-background-start}*/, #dfdfdf /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  757.         background-image:    -moz-linear-gradient( #d0d0d0 /*{d-bdown-background-start}*/, #dfdfdf /*{d-bdown-background-end}*/); /* FF3.6 */
  758.         background-image:     -ms-linear-gradient( #d0d0d0 /*{d-bdown-background-start}*/, #dfdfdf /*{d-bdown-background-end}*/); /* IE10 */
  759.         background-image:      -o-linear-gradient( #d0d0d0 /*{d-bdown-background-start}*/, #dfdfdf /*{d-bdown-background-end}*/); /* Opera 11.10+ */
  760.         background-image:         linear-gradient( #d0d0d0 /*{d-bdown-background-start}*/, #dfdfdf /*{d-bdown-background-end}*/);
  761. }
  762. .ui-btn-down-d:visited,
  763. .ui-btn-down-d:hover,
  764. .ui-btn-down-d a.ui-link-inherit {
  765.         color: #2f3e46 /*{d-bdown-color}*/;
  766. }
  767. .ui-btn-up-d,
  768. .ui-btn-hover-d,
  769. .ui-btn-down-d {
  770.               font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  771.         text-decoration: none;
  772. }
  773.  
  774.  
  775.  
  776.  
  777.  
  778. /* E
  779. -----------------------------------------------------------------------------------------------------------*/
  780.  
  781. .ui-bar-e {
  782.         border: 1px solid #666 /*{e-bar-border}*/;
  783.         background: #eee /*{e-bar-background-color}*/;
  784.         color: #333 /*{e-bar-color}*/;
  785.         font-weight: bold;
  786.         text-shadow: 0 /*{e-bar-shadow-x}*/ 0px /*{e-bar-shadow-y}*/ 0px /*{e-bar-shadow-radius}*/ #eeeeee /*{e-bar-shadow-color}*/;
  787.         background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{e-bar-background-start}*/), to( #ddd /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
  788.         background-image: -webkit-linear-gradient( #fff /*{e-bar-background-start}*/, #ddd /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  789.         background-image:    -moz-linear-gradient( #fff /*{e-bar-background-start}*/, #ddd /*{e-bar-background-end}*/); /* FF3.6 */
  790.         background-image:     -ms-linear-gradient( #fff /*{e-bar-background-start}*/, #ddd /*{e-bar-background-end}*/); /* IE10 */
  791.         background-image:      -o-linear-gradient( #fff /*{e-bar-background-start}*/, #ddd /*{e-bar-background-end}*/); /* Opera 11.10+ */
  792.         background-image:         linear-gradient( #fff /*{e-bar-background-start}*/, #ddd /*{e-bar-background-end}*/);
  793. }
  794. .ui-bar-e .ui-link-inherit {
  795.         color: #333 /*{e-bar-color}*/;
  796. }
  797.  
  798. .ui-bar-e a.ui-link {
  799.         color: #7cc4e7 /*{e-bar-link-color}*/;
  800.         font-weight: bold;
  801. }
  802.  
  803. .ui-bar-e a.ui-link:visited {
  804.     color: #2489ce /*{e-bar-link-visited}*/;
  805. }
  806.  
  807. .ui-bar-e a.ui-link:hover {
  808.         color: #2489ce /*{e-bar-link-hover}*/;
  809. }
  810.  
  811. .ui-bar-e a.ui-link:active {
  812.         color: #2489ce /*{e-bar-link-active}*/;
  813. }
  814.  
  815. .ui-bar-e,
  816. .ui-bar-e input,
  817. .ui-bar-e select,
  818. .ui-bar-e textarea,
  819. .ui-bar-e button {
  820.                       font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  821. }
  822. .ui-body-e,
  823. .ui-overlay-e {
  824.         border: 1px solid #b3b3b3 /*{e-body-border}*/;
  825.         color: #333 /*{e-body-color}*/;
  826.         text-shadow: 0 /*{e-body-shadow-x}*/ 0px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #444444 /*{e-body-shadow-color}*/;
  827.         background: #eee /*{e-body-background-color}*/;
  828.         background-image: -webkit-gradient(linear, left top, left bottom, from( #ee0eNaN /*{e-body-background-start}*/), to( #ee0eNaN /*{e-body-background-end}*/)); /* Saf4+, Chrome */
  829.         background-image: -webkit-linear-gradient( #ee0eNaN /*{e-body-background-start}*/, #ee0eNaN /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  830.         background-image:    -moz-linear-gradient( #ee0eNaN /*{e-body-background-start}*/, #ee0eNaN /*{e-body-background-end}*/); /* FF3.6 */
  831.         background-image:     -ms-linear-gradient( #ee0eNaN /*{e-body-background-start}*/, #ee0eNaN /*{e-body-background-end}*/); /* IE10 */
  832.         background-image:      -o-linear-gradient( #ee0eNaN /*{e-body-background-start}*/, #ee0eNaN /*{e-body-background-end}*/); /* Opera 11.10+ */
  833.         background-image:         linear-gradient( #ee0eNaN /*{e-body-background-start}*/, #ee0eNaN /*{e-body-background-end}*/);
  834. }
  835. .ui-overlay-e {
  836.         background-image: none;
  837.         border-width: 0;
  838. }
  839. .ui-body-e,
  840. .ui-body-e input,
  841. .ui-body-e select,
  842. .ui-body-e textarea,
  843. .ui-body-e button {
  844.                       font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  845. }
  846. .ui-body-e .ui-link-inherit {
  847.         color: #333 /*{e-body-color}*/;
  848. }
  849.  
  850. .ui-body-e .ui-link {
  851.         color: #135db4 /*{e-body-link-color}*/;
  852.         font-weight: bold;
  853. }
  854.  
  855. .ui-body-e .ui-link:visited {
  856.     color: #2489ce /*{e-body-link-visited}*/;
  857. }
  858.  
  859. .ui-body-e .ui-link:hover {
  860.         color: #ffffff /*{e-body-link-hover}*/;
  861. }
  862.  
  863. .ui-body-e .ui-link:active {
  864.         color: #2489ce /*{e-body-link-active}*/;
  865. }
  866.  
  867. .ui-btn-up-e {
  868.         border: 1px solid #FF7C02 /*{e-bup-border}*/;
  869.         background: #eeeeee /*{e-bup-background-color}*/;
  870.         font-weight: bold;
  871.         color: #fff /*{e-bup-color}*/;
  872.         text-shadow: 0 /*{e-bup-shadow-x}*/ 0 /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #ffffff /*{e-bup-shadow-color}*/;
  873.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FFAB46 /*{e-bup-background-start}*/), to( #FF830B /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
  874.         background-image: -webkit-linear-gradient( #FFAB46 /*{e-bup-background-start}*/, #FF830B /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  875.         background-image:    -moz-linear-gradient( #FFAB46 /*{e-bup-background-start}*/, #FF830B /*{e-bup-background-end}*/); /* FF3.6 */
  876.         background-image:     -ms-linear-gradient( #FFAB46 /*{e-bup-background-start}*/, #FF830B /*{e-bup-background-end}*/); /* IE10 */
  877.         background-image:      -o-linear-gradient( #FFAB46 /*{e-bup-background-start}*/, #FF830B /*{e-bup-background-end}*/); /* Opera 11.10+ */
  878.         background-image:         linear-gradient( #FFAB46 /*{e-bup-background-start}*/, #FF830B /*{e-bup-background-end}*/);
  879. }
  880. .ui-btn-up-e:visited,
  881. .ui-btn-up-e a.ui-link-inherit {
  882.         color: #fff /*{e-bup-color}*/;
  883. }
  884. .ui-btn-hover-e {
  885.         border: 1px solid #bbbbbb /*{e-bhover-border}*/;
  886.         background: #dfdfdf /*{e-bhover-background-color}*/;
  887.         font-weight: bold;
  888.         color: 2f3e46 /*{e-bhover-color}*/;
  889.         text-shadow: 0 /*{e-bhover-shadow-x}*/ 0 /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #666 /*{e-bhover-shadow-color}*/;
  890.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FF830B /*{e-bhover-background-start}*/), to( #FFAB46 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
  891.         background-image: -webkit-linear-gradient( #FF830B /*{e-bhover-background-start}*/, #FFAB46 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  892.         background-image:    -moz-linear-gradient( #FF830B /*{e-bhover-background-start}*/, #FFAB46 /*{e-ehover-eackground-end}*/); /* FF3.6 */
  893.         background-image:     -ms-linear-gradient( #FF830B /*{e-ehover-eackground-start}*/, #FFAB46 /*{e-ehover-eackground-end}*/); /* IE10 */
  894.         background-image:      -o-linear-gradient( #FF830B /*{e-ehover-background-start}*/, #FFAB46 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
  895.         background-image:         linear-gradient( #FF830B /*{e-bhover-background-start}*/, #FFAB46 /*{e-bhover-background-end}*/);
  896. }
  897. .ui-btn-hover-e:visited,
  898. .ui-btn-hover-e:hover,
  899. .ui-btn-hover-e a.ui-link-inherit {
  900.         color: 2f3e46 /*{e-bhover-color}*/;
  901. }
  902. .ui-btn-down-e {
  903.         border: 1px solid #bbbbbb /*{e-bdown-border}*/;
  904.         background: #d6d6d6 /*{e-bdown-background-color}*/;
  905.         font-weight: bold;
  906.         color: #2f3e46 /*{e-bdown-color}*/;
  907.         text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/;
  908.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FFFFFF /*{e-bdown-background-start}*/), to( #d6d6d6 /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
  909.         background-image: -webkit-linear-gradient( #FFFFFF /*{e-bdown-background-start}*/, #d6d6d6 /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  910.         background-image:    -moz-linear-gradient( #FFFFFF /*{e-bdown-background-start}*/, #d6d6d6 /*{e-bdown-background-end}*/); /* FF3.6 */
  911.         background-image:     -ms-linear-gradient( #FFFFFF /*{e-bdown-background-start}*/, #d6d6d6 /*{e-bdown-background-end}*/); /* IE10 */
  912.         background-image:      -o-linear-gradient( #FFFFFF /*{e-bdown-background-start}*/, #d6d6d6 /*{e-bdown-background-end}*/); /* Opera 11.10+ */
  913.         background-image:         linear-gradient( #FFFFFF /*{e-bdown-background-start}*/, #d6d6d6 /*{e-bdown-background-end}*/);
  914. }
  915. .ui-btn-down-e:visited,
  916. .ui-btn-down-e:hover,
  917. .ui-btn-down-e a.ui-link-inherit {
  918.         color: #2f3e46 /*{e-bdown-color}*/;
  919. }
  920. .ui-btn-up-e,
  921. .ui-btn-hover-e,
  922. .ui-btn-down-e {
  923.                       font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  924.         text-decoration: none;
  925. }
  926.  
  927.  
  928.  
  929. /* Structure */
  930.  
  931. /* links within "buttons"
  932. -----------------------------------------------------------------------------------------------------------*/
  933.  
  934. a.ui-link-inherit {
  935.         text-decoration: none !important;
  936. }
  937.  
  938.  
  939.  
  940.  
  941. /* Structure */
  942.  
  943. /* links within "buttons"
  944. -----------------------------------------------------------------------------------------------------------*/
  945.  
  946. a.ui-link-inherit {
  947.         text-decoration: none !important;
  948. }
  949.  
  950.  
  951.  
  952.  
  953. /* Structure */
  954.  
  955. /* links within "buttons"
  956. -----------------------------------------------------------------------------------------------------------*/
  957.  
  958. a.ui-link-inherit {
  959.         text-decoration: none !important;
  960. }
  961.  
  962.  
  963.  
  964.  
  965. /* Structure */
  966.  
  967. /* links within "buttons"
  968. -----------------------------------------------------------------------------------------------------------*/
  969.  
  970. a.ui-link-inherit {
  971.         text-decoration: none !important;
  972. }
  973.  
  974.  
  975. /* Bctive class used as the "on" state across all themes
  976. -----------------------------------------------------------------------------------------------------------*/
  977. .ui-btn-active {
  978.         border: 1px solid #999 /*{global-active-border}*/;
  979.         background: #fff /*{global-active-background-color}*/;
  980.         font-weight: bold;
  981.         color: #333 /*{global-active-color}*/;
  982.         cursor: pointer;
  983.         text-shadow: 0 /*{global-active-shadow-x}*/ 0px /*{global-active-shadow-y}*/ 0px /*{global-active-shadow-radius}*/ #444444 /*{global-active-shadow-color}*/;
  984.         text-decoration: none;
  985.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FF10NaN /*{global-active-background-start}*/), to( #e50dNaN /*{global-active-background-end}*/)); /* Saf4+, Chrome */
  986.         background-image: -webkit-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
  987.         background-image:    -moz-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* FF3.6 */
  988.         background-image:     -ms-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* IE10 */
  989.         background-image:      -o-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* Opera 11.10+ */
  990.         background-image:         linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/);
  991.                                           font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  992. }
  993. .ui-btn-active:visited,
  994. .ui-btn-active:hover,
  995. .ui-btn-active a.ui-link-inherit {
  996.         color: #333 /*{global-active-color}*/;
  997. }
  998.  
  999.  
  1000. /* button inner top highlight
  1001. -----------------------------------------------------------------------------------------------------------*/
  1002.  
  1003. .ui-btn-inner {
  1004.         border-top: 1px solid   #fff;
  1005.         border-color:                   rgba(255,255,255,.3);
  1006. }
  1007.  
  1008.  
  1009. /* corner rounding classes
  1010. -----------------------------------------------------------------------------------------------------------*/
  1011.  
  1012. .ui-corner-tl {
  1013.         -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;
  1014.         -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1015.         border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1016. }
  1017. .ui-corner-tr {
  1018.         -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;
  1019.         -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1020.         border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1021. }
  1022. .ui-corner-bl {
  1023.         -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;
  1024.         -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1025.         border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1026. }
  1027. .ui-corner-br {
  1028.         -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;
  1029.         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1030.         border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1031. }
  1032. .ui-corner-top {
  1033.         -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;
  1034.         -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1035.         border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1036.         -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;
  1037.         -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1038.         border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1039. }
  1040. .ui-corner-bottom {
  1041.         -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;
  1042.         -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1043.         border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1044.         -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;
  1045.         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1046.         border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1047.         }
  1048. .ui-corner-right {
  1049.         -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;
  1050.         -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1051.         border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1052.         -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;
  1053.         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1054.         border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1055. }
  1056. .ui-corner-left {
  1057.         -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;
  1058.         -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1059.         border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1060.         -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;
  1061.         -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1062.         border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1063. }
  1064. .ui-corner-all {
  1065.         -moz-border-radius: .3em /*{global-radii-blocks}*/;
  1066.         -webkit-border-radius: .3em /*{global-radii-blocks}*/;
  1067.         border-radius: .3em /*{global-radii-blocks}*/;
  1068. }
  1069. .ui-corner-none {
  1070.         -moz-border-radius:                                0;
  1071.         -webkit-border-radius:                             0;
  1072.         border-radius:                                             0;
  1073. }
  1074.  
  1075. /* Form field separator
  1076. -----------------------------------------------------------------------------------------------------------*/
  1077. .ui-br {
  1078.         border-bottom: rgb(130,130,130);
  1079.         border-bottom: rgba(130,130,130,.3);
  1080.         border-bottom-width: 1px;
  1081.         border-bottom-style: solid;
  1082. }
  1083.  
  1084. /* Interaction cues
  1085. -----------------------------------------------------------------------------------------------------------*/
  1086. .ui-disabled {
  1087.         filter: Alpha(Opacity=30);
  1088.         opacity: .3;
  1089.         zoom: 1;
  1090. }
  1091. .ui-disabled,
  1092. .ui-disabled a {
  1093.         cursor: default !important;
  1094.         pointer-events: none;
  1095. }
  1096.  
  1097. /* Icons
  1098. -----------------------------------------------------------------------------------------------------------*/
  1099.  
  1100. .ui-icon,
  1101. .ui-icon-searchfield:after {
  1102.         background: #FFFFFF /*{global-icon-color}*/;
  1103.         background: rgba(0,0,0,0.2) /*{global-icon-disc}*/;
  1104.         background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
  1105.         background-repeat: no-repeat;
  1106.         -moz-border-radius:                             9px;
  1107.         -webkit-border-radius:                          9px;
  1108.         border-radius:                                          9px;
  1109. }
  1110.  
  1111.  
  1112. /* Blt icon color
  1113. -----------------------------------------------------------------------------------------------------------*/
  1114.  
  1115. .ui-icon-alt {
  1116.         background:                                             #fff;
  1117.         background:                                             rgba(255,255,255,.3);
  1118.         background-image: url(images/icons-18-black.png);
  1119.         background-repeat: no-repeat;
  1120. }
  1121.  
  1122. /* HD/"retina" sprite
  1123. -----------------------------------------------------------------------------------------------------------*/
  1124.  
  1125. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  1126.        only screen and (min--moz-device-pixel-ratio: 1.5),
  1127.        only screen and (min-resolution: 240dpi) {
  1128.        
  1129.         .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
  1130.         .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
  1131.         .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
  1132.         .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
  1133.         .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
  1134.                 background-image: url(images/icons-36-white.png);
  1135.                 -moz-background-size: 776px 18px;
  1136.                 -o-background-size: 776px 18px;
  1137.                 -webkit-background-size: 776px 18px;
  1138.                 background-size: 776px 18px;
  1139.         }
  1140.         .ui-icon-alt {
  1141.                 background-image: url(images/icons-36-black.png);
  1142.         }
  1143. }
  1144.  
  1145. /* plus minus */
  1146. .ui-icon-plus {
  1147.         background-position:    -0 50%;
  1148. }
  1149. .ui-icon-minus {
  1150.         background-position:    -36px 50%;
  1151. }
  1152.  
  1153. /* delete/close */
  1154. .ui-icon-delete {
  1155.         background-position:    -72px 50%;
  1156. }
  1157.  
  1158. /* arrows */
  1159. .ui-icon-arrow-r {
  1160.         background-position:    -108px 50%;
  1161. }
  1162. .ui-icon-arrow-l {
  1163.         background-position:    -144px 50%;
  1164. }
  1165. .ui-icon-arrow-u {
  1166.         background-position:    -180px 50%;
  1167. }
  1168. .ui-icon-arrow-d {
  1169.         background-position:    -216px 50%;
  1170. }
  1171.  
  1172. /* misc */
  1173. .ui-icon-check {
  1174.         background-position:    -252px 50%;
  1175. }
  1176. .ui-icon-gear {
  1177.         background-position:    -288px 50%;
  1178. }
  1179. .ui-icon-refresh {
  1180.         background-position:    -324px 50%;
  1181. }
  1182. .ui-icon-forward {
  1183.         background-position:    -360px 50%;
  1184. }
  1185. .ui-icon-back {
  1186.         background-position:    -396px 50%;
  1187. }
  1188. .ui-icon-grid {
  1189.         background-position:    -432px 50%;
  1190. }
  1191. .ui-icon-star {
  1192.         background-position:    -468px 50%;
  1193. }
  1194. .ui-icon-alert {
  1195.         background-position:    -504px 50%;
  1196. }
  1197. .ui-icon-info {
  1198.         background-position:    -540px 50%;
  1199. }
  1200. .ui-icon-home {
  1201.         background-position:    -576px 50%;
  1202. }
  1203. .ui-icon-search,
  1204. .ui-icon-searchfield:after {
  1205.         background-position:    -612px 50%;
  1206. }
  1207. .ui-icon-checkbox-off {
  1208.         background-position:    -684px 50%;
  1209. }
  1210. .ui-icon-checkbox-on {
  1211.         background-position:    -648px 50%;
  1212. }
  1213. .ui-icon-radio-off {
  1214.         background-position:    -756px 50%;
  1215. }
  1216. .ui-icon-radio-on {
  1217.         background-position:    -720px 50%;
  1218. }
  1219.  
  1220.  
  1221. /* checks,radios */
  1222. .ui-checkbox .ui-icon,
  1223. .ui-selectmenu-list .ui-icon {
  1224.         -moz-border-radius: 3px;
  1225.         -webkit-border-radius: 3px;
  1226.         border-radius: 3px;
  1227. }
  1228. .ui-icon-checkbox-off,
  1229. .ui-icon-radio-off {
  1230.         background-color: transparent; 
  1231. }
  1232. .ui-checkbox-on .ui-icon,
  1233. .ui-radio-on .ui-icon {
  1234.         background-color: #fff /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
  1235. }
  1236.  
  1237. /* loading icon */
  1238. .ui-icon-loading {
  1239.         background: url(images/ajax-loader.gif);
  1240.         background-size: 46px 46px;
  1241. }
  1242.  
  1243.  
  1244.  
  1245.  
  1246. /* Structure */
  1247.  
  1248. /* links within "buttons"
  1249. -----------------------------------------------------------------------------------------------------------*/
  1250.  
  1251. a.ui-link-inherit {
  1252.         text-decoration: none !important;
  1253. }
  1254.  
  1255.  
  1256. /* Active class used as the "on" state across all themes
  1257. -----------------------------------------------------------------------------------------------------------*/
  1258. .ui-btn-active {
  1259.         border: 1px solid #999 /*{global-active-border}*/;
  1260.         background: #fff /*{global-active-background-color}*/;
  1261.         font-weight: bold;
  1262.         color: #333 /*{global-active-color}*/;
  1263.         cursor: pointer;
  1264.         text-shadow: 0 /*{global-active-shadow-x}*/ 0px /*{global-active-shadow-y}*/ 0px /*{global-active-shadow-radius}*/ #444444 /*{global-active-shadow-color}*/;
  1265.         text-decoration: none;
  1266.         background-image: -webkit-gradient(linear, left top, left bottom, from( #FF10NaN /*{global-active-background-start}*/), to( #e50dNaN /*{global-active-background-end}*/)); /* Saf4+, Chrome */
  1267.         background-image: -webkit-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
  1268.         background-image:    -moz-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* FF3.6 */
  1269.         background-image:     -ms-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* IE10 */
  1270.         background-image:      -o-linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/); /* Opera 11.10+ */
  1271.         background-image:         linear-gradient( #FF10NaN /*{global-active-background-start}*/, #e50dNaN /*{global-active-background-end}*/);
  1272.                                           font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  1273. }
  1274. .ui-btn-active:visited,
  1275. .ui-btn-active:hover,
  1276. .ui-btn-active a.ui-link-inherit {
  1277.         color: #333 /*{global-active-color}*/;
  1278. }
  1279.  
  1280.  
  1281. /* button inner top highlight
  1282. -----------------------------------------------------------------------------------------------------------*/
  1283.  
  1284. .ui-btn-inner {
  1285.         border-top: 1px solid   #fff;
  1286.         border-color:                   rgba(255,255,255,.3);
  1287. }
  1288.  
  1289.  
  1290. /* corner rounding classes
  1291. -----------------------------------------------------------------------------------------------------------*/
  1292.  
  1293. .ui-corner-tl {
  1294.         -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;
  1295.         -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1296.         border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1297. }
  1298. .ui-corner-tr {
  1299.         -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;
  1300.         -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1301.         border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1302. }
  1303. .ui-corner-bl {
  1304.         -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;
  1305.         -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1306.         border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1307. }
  1308. .ui-corner-br {
  1309.         -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;
  1310.         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1311.         border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1312. }
  1313. .ui-corner-top {
  1314.         -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;
  1315.         -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1316.         border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1317.         -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;
  1318.         -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1319.         border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1320. }
  1321. .ui-corner-bottom {
  1322.         -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;
  1323.         -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1324.         border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1325.         -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;
  1326.         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1327.         border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1328.         }
  1329. .ui-corner-right {
  1330.         -moz-border-radius-topright: .3em /*{global-radii-blocks}*/;
  1331.         -webkit-border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1332.         border-top-right-radius: .3em /*{global-radii-blocks}*/;
  1333.         -moz-border-radius-bottomright: .3em /*{global-radii-blocks}*/;
  1334.         -webkit-border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1335.         border-bottom-right-radius: .3em /*{global-radii-blocks}*/;
  1336. }
  1337. .ui-corner-left {
  1338.         -moz-border-radius-topleft: .3em /*{global-radii-blocks}*/;
  1339.         -webkit-border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1340.         border-top-left-radius: .3em /*{global-radii-blocks}*/;
  1341.         -moz-border-radius-bottomleft: .3em /*{global-radii-blocks}*/;
  1342.         -webkit-border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1343.         border-bottom-left-radius: .3em /*{global-radii-blocks}*/;
  1344. }
  1345. .ui-corner-all {
  1346.         -moz-border-radius: .3em /*{global-radii-blocks}*/;
  1347.         -webkit-border-radius: .3em /*{global-radii-blocks}*/;
  1348.         border-radius: .3em /*{global-radii-blocks}*/;
  1349. }
  1350. .ui-corner-none {
  1351.         -moz-border-radius:                                0;
  1352.         -webkit-border-radius:                             0;
  1353.         border-radius:                                             0;
  1354. }
  1355.  
  1356. /* Form field separator
  1357. -----------------------------------------------------------------------------------------------------------*/
  1358. .ui-br {
  1359.         border-bottom: rgb(130,130,130);
  1360.         border-bottom: rgba(130,130,130,.3);
  1361.         border-bottom-width: 1px;
  1362.         border-bottom-style: solid;
  1363. }
  1364.  
  1365. /* Interaction cues
  1366. -----------------------------------------------------------------------------------------------------------*/
  1367. .ui-disabled {
  1368.         filter: Alpha(Opacity=30);
  1369.         opacity: .3;
  1370.         zoom: 1;
  1371. }
  1372. .ui-disabled,
  1373. .ui-disabled a {
  1374.         cursor: default !important;
  1375.         pointer-events: none;
  1376. }
  1377.  
  1378. /* Icons
  1379. -----------------------------------------------------------------------------------------------------------*/
  1380.  
  1381. .ui-icon,
  1382. .ui-icon-searchfield:after {
  1383.         background: #FFFFFF /*{global-icon-color}*/;
  1384.         background: rgba(0,0,0,0.2) /*{global-icon-disc}*/;
  1385.         background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
  1386.         background-repeat: no-repeat;
  1387.         -moz-border-radius:                             9px;
  1388.         -webkit-border-radius:                          9px;
  1389.         border-radius:                                          9px;
  1390. }
  1391.  
  1392.  
  1393. /* Alt icon color
  1394. -----------------------------------------------------------------------------------------------------------*/
  1395.  
  1396. .ui-icon-alt {
  1397.         background:                                             #fff;
  1398.         background:                                             rgba(255,255,255,.3);
  1399.         background-image: url(images/icons-18-black.png);
  1400.         background-repeat: no-repeat;
  1401. }
  1402.  
  1403. /* HD/"retina" sprite
  1404. -----------------------------------------------------------------------------------------------------------*/
  1405.  
  1406. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  1407.        only screen and (min--moz-device-pixel-ratio: 1.5),
  1408.        only screen and (min-resolution: 240dpi) {
  1409.        
  1410.         .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
  1411.         .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
  1412.         .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
  1413.         .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
  1414.         .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
  1415.                 background-image: url(images/icons-36-white.png);
  1416.                 -moz-background-size: 776px 18px;
  1417.                 -o-background-size: 776px 18px;
  1418.                 -webkit-background-size: 776px 18px;
  1419.                 background-size: 776px 18px;
  1420.         }
  1421.         .ui-icon-alt {
  1422.                 background-image: url(images/icons-36-black.png);
  1423.         }
  1424. }
  1425.  
  1426. /* plus minus */
  1427. .ui-icon-plus {
  1428.         background-position:    -0 50%;
  1429. }
  1430. .ui-icon-minus {
  1431.         background-position:    -36px 50%;
  1432. }
  1433.  
  1434. /* delete/close */
  1435. .ui-icon-delete {
  1436.         background-position:    -72px 50%;
  1437. }
  1438.  
  1439. /* arrows */
  1440. .ui-icon-arrow-r {
  1441.         background-position:    -108px 50%;
  1442. }
  1443. .ui-icon-arrow-l {
  1444.         background-position:    -144px 50%;
  1445. }
  1446. .ui-icon-arrow-u {
  1447.         background-position:    -180px 50%;
  1448. }
  1449. .ui-icon-arrow-d {
  1450.         background-position:    -216px 50%;
  1451. }
  1452.  
  1453. /* misc */
  1454. .ui-icon-check {
  1455.         background-position:    -252px 50%;
  1456. }
  1457. .ui-icon-gear {
  1458.         background-position:    -288px 50%;
  1459. }
  1460. .ui-icon-refresh {
  1461.         background-position:    -324px 50%;
  1462. }
  1463. .ui-icon-forward {
  1464.         background-position:    -360px 50%;
  1465. }
  1466. .ui-icon-back {
  1467.         background-position:    -396px 50%;
  1468. }
  1469. .ui-icon-grid {
  1470.         background-position:    -432px 50%;
  1471. }
  1472. .ui-icon-star {
  1473.         background-position:    -468px 50%;
  1474. }
  1475. .ui-icon-alert {
  1476.         background-position:    -504px 50%;
  1477. }
  1478. .ui-icon-info {
  1479.         background-position:    -540px 50%;
  1480. }
  1481. .ui-icon-home {
  1482.         background-position:    -576px 50%;
  1483. }
  1484. .ui-icon-search,
  1485. .ui-icon-searchfield:after {
  1486.         background-position:    -612px 50%;
  1487. }
  1488. .ui-icon-checkbox-off {
  1489.         background-position:    -684px 50%;
  1490. }
  1491. .ui-icon-checkbox-on {
  1492.         background-position:    -648px 50%;
  1493. }
  1494. .ui-icon-radio-off {
  1495.         background-position:    -756px 50%;
  1496. }
  1497. .ui-icon-radio-on {
  1498.         background-position:    -720px 50%;
  1499. }
  1500.  
  1501.  
  1502. /* checks,radios */
  1503. .ui-checkbox .ui-icon,
  1504. .ui-selectmenu-list .ui-icon {
  1505.         -moz-border-radius: 3px;
  1506.         -webkit-border-radius: 3px;
  1507.         border-radius: 3px;
  1508. }
  1509. .ui-icon-checkbox-off,
  1510. .ui-icon-radio-off {
  1511.         background-color: transparent; 
  1512. }
  1513. .ui-checkbox-on .ui-icon,
  1514. .ui-radio-on .ui-icon {
  1515.         background-color: #fff /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
  1516. }
  1517.  
  1518. /* loading icon */
  1519. .ui-icon-loading {
  1520.         background: url(images/ajax-loader.gif);
  1521.         background-size: 46px 46px;
  1522. }
  1523.  
  1524.  
  1525. /* Button corner classes
  1526. -----------------------------------------------------------------------------------------------------------*/
  1527.  
  1528. .ui-btn-corner-tl {
  1529.         -moz-border-radius-topleft: 0.3em /*{global-radii-buttons}*/;
  1530.         -webkit-border-top-left-radius: 0.3em /*{global-radii-buttons}*/;
  1531.         border-top-left-radius: 0.3em /*{global-radii-buttons}*/;
  1532. }
  1533. .ui-btn-corner-tr {
  1534.         -moz-border-radius-topright: 0.3em /*{global-radii-buttons}*/;
  1535.         -webkit-border-top-right-radius: 0.3em /*{global-radii-buttons}*/;
  1536.         border-top-right-radius: 0.3em /*{global-radii-buttons}*/;
  1537. }
  1538. .ui-btn-corner-bl {
  1539.         -moz-border-radius-bottomleft: 0.3em /*{global-radii-buttons}*/;
  1540.         -webkit-border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/;
  1541.         border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/;
  1542. }
  1543. .ui-btn-corner-br {
  1544.         -moz-border-radius-bottomright: 0.3em /*{global-radii-buttons}*/;
  1545.         -webkit-border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/;
  1546.         border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/;
  1547. }
  1548. .ui-btn-corner-top {
  1549.         -moz-border-radius-topleft: 0.3em /*{global-radii-buttons}*/;
  1550.         -webkit-border-top-left-radius: 0.3em /*{global-radii-buttons}*/;
  1551.         border-top-left-radius: 0.3em /*{global-radii-buttons}*/;
  1552.         -moz-border-radius-topright: 0.3em /*{global-radii-buttons}*/;
  1553.         -webkit-border-top-right-radius: 0.3em /*{global-radii-buttons}*/;
  1554.         border-top-right-radius: 0.3em /*{global-radii-buttons}*/;
  1555. }
  1556. .ui-btn-corner-bottom {
  1557.         -moz-border-radius-bottomleft: 0.3em /*{global-radii-buttons}*/;
  1558.         -webkit-border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/;
  1559.         border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/;
  1560.         -moz-border-radius-bottomright: 0.3em /*{global-radii-buttons}*/;
  1561.         -webkit-border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/;
  1562.         border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/;
  1563. }
  1564. .ui-btn-corner-right {
  1565.          -moz-border-radius-topright: 0.3em /*{global-radii-buttons}*/;
  1566.         -webkit-border-top-right-radius: 0.3em /*{global-radii-buttons}*/;
  1567.         border-top-right-radius: 0.3em /*{global-radii-buttons}*/;
  1568.         -moz-border-radius-bottomright: 0.3em /*{global-radii-buttons}*/;
  1569.         -webkit-border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/;
  1570.         border-bottom-right-radius: 0.3em /*{global-radii-buttons}*/;
  1571. }
  1572. .ui-btn-corner-left {
  1573.         -moz-border-radius-topleft: 0.3em /*{global-radii-buttons}*/;
  1574.         -webkit-border-top-left-radius: 0.3em /*{global-radii-buttons}*/;
  1575.         border-top-left-radius: 0.3em /*{global-radii-buttons}*/;
  1576.         -moz-border-radius-bottomleft: 0.3em /*{global-radii-buttons}*/;
  1577.         -webkit-border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/;
  1578.         border-bottom-left-radius: 0.3em /*{global-radii-buttons}*/;
  1579. }
  1580. .ui-btn-corner-all {
  1581.         -moz-border-radius: 0.3em /*{global-radii-buttons}*/;
  1582.         -webkit-border-radius: 0.3em /*{global-radii-buttons}*/;
  1583.         border-radius: 0.3em /*{global-radii-buttons}*/;
  1584. }
  1585.  
  1586. /* radius clip workaround for cleaning up corner trapping */
  1587. .ui-corner-tl,
  1588. .ui-corner-tr,
  1589. .ui-corner-bl,
  1590. .ui-corner-br,
  1591. .ui-corner-top,
  1592. .ui-corner-bottom,
  1593. .ui-corner-right,
  1594. .ui-corner-left,
  1595. .ui-corner-all,
  1596. .ui-btn-corner-tl,
  1597. .ui-btn-corner-tr,
  1598. .ui-btn-corner-bl,
  1599. .ui-btn-corner-br,
  1600. .ui-btn-corner-top,
  1601. .ui-btn-corner-bottom,
  1602. .ui-btn-corner-right,
  1603. .ui-btn-corner-left,
  1604. .ui-btn-corner-all {
  1605.   -webkit-background-clip: padding-box;
  1606.      -moz-background-clip: padding;
  1607.           background-clip: padding-box;
  1608. }
  1609.  
  1610. /* Overlay / modal
  1611. -----------------------------------------------------------------------------------------------------------*/
  1612.  
  1613. .ui-overlay {
  1614.         background: #666;
  1615.         filter: Alpha(Opacity=50);
  1616.         opacity: .5;
  1617.         position: absolute;
  1618.         width: 100%;
  1619.         height: 100%;
  1620. }
  1621. .ui-overlay-shadow {
  1622.         -moz-box-shadow: 0px 0px 12px                   rgba(0,0,0,.6);
  1623.         -webkit-box-shadow: 0px 0px 12px                rgba(0,0,0,.6);
  1624.         box-shadow: 0px 0px 12px                                rgba(0,0,0,.6);
  1625. }
  1626. .ui-shadow {
  1627.         -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(153,9,NaN,0.4) /*{global-box-shadow-color}*/;
  1628.         -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(153,9,NaN,0.4) /*{global-box-shadow-color}*/;
  1629.         box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(153,9,NaN,0.4) /*{global-box-shadow-color}*/;
  1630. }
  1631. .ui-bar-a .ui-shadow,
  1632. .ui-bar-b .ui-shadow ,
  1633. .ui-bar-c .ui-shadow  {
  1634.         -moz-box-shadow: 0px 1px 0                              rgba(255,255,255,.3);
  1635.         -webkit-box-shadow: 0px 1px 0                   rgba(255,255,255,.3);
  1636.         box-shadow: 0px 1px 0                                   rgba(255,255,255,.3);
  1637. }
  1638. .ui-shadow-inset {
  1639.         -moz-box-shadow: inset 0px 1px 4px              rgba(0,0,0,.2);
  1640.         -webkit-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);
  1641.         box-shadow: inset 0px 1px 4px                   rgba(0,0,0,.2);
  1642. }
  1643. .ui-icon-shadow {
  1644.         -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1645.         -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1646.         box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1647. }
  1648.  
  1649. /* Focus state - set here for specificity (note: these classes are added by JavaScript)
  1650. -----------------------------------------------------------------------------------------------------------*/
  1651.  
  1652. .ui-btn:focus, .ui-link-inherit:focus {
  1653.         outline: 0;
  1654. }
  1655. .ui-btn.ui-focus {
  1656.         z-index: 1;
  1657. }
  1658. .ui-focus,
  1659. .ui-btn:focus {
  1660.         -moz-box-shadow: inset 0px 0px 3px #fff /*{global-active-background-color}*/, 0px 0px 9px #fff /*{global-active-background-color}*/;
  1661.         -webkit-box-shadow: inset 0px 0px 3px #fff /*{global-active-background-color}*/, 0px 0px 9px #fff /*{global-active-background-color}*/;
  1662.         box-shadow: inset 0px 0px 3px #fff /*{global-active-background-color}*/, 0px 0px 9px #fff /*{global-active-background-color}*/;
  1663. }
  1664. .ui-input-text.ui-focus,
  1665. .ui-input-search.ui-focus {
  1666.         -moz-box-shadow: 0px 0px 12px #fff /*{global-active-background-color}*/;
  1667.         -webkit-box-shadow: 0px 0px 12px #fff /*{global-active-background-color}*/;
  1668.         box-shadow: 0px 0px 12px #fff /*{global-active-background-color}*/;    
  1669. }
  1670.  
  1671. /* unset box shadow in browsers that don't do it right
  1672. -----------------------------------------------------------------------------------------------------------*/
  1673.  
  1674. .ui-mobile-nosupport-boxshadow * {
  1675.         -moz-box-shadow: none !important;
  1676.         -webkit-box-shadow: none !important;
  1677.         box-shadow: none !important;
  1678. }
  1679.  
  1680. /* ...and bring back focus */
  1681. .ui-mobile-nosupport-boxshadow .ui-focus,
  1682. .ui-mobile-nosupport-boxshadow .ui-btn:focus,
  1683. .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
  1684.         outline-width: 1px;
  1685.         outline-style: auto;
  1686. }

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.