jquery.mobile-1.2.0.css 107 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333
  1. /*
  2. * jQuery Mobile Framework Git Build: SHA1: b49cc06499abf8f987cf90f35349cfac0918c939 <> Date: Tue Oct 2 11:22:34 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. /* Swatches */
  11. /* A
  12. -----------------------------------------------------------------------------------------------------------*/
  13. .ui-bar-a {
  14. border: 1px solid #333 /*{a-bar-border}*/;
  15. background: #111 /*{a-bar-background-color}*/;
  16. color: #fff /*{a-bar-color}*/;
  17. font-weight: bold;
  18. text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
  19. background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
  20. background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  21. background-image: -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
  22. background-image: -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
  23. background-image: -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
  24. background-image: linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
  25. }
  26. .ui-bar-a,
  27. .ui-bar-a input,
  28. .ui-bar-a select,
  29. .ui-bar-a textarea,
  30. .ui-bar-a button {
  31. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  32. }
  33. .ui-bar-a .ui-link-inherit {
  34. color: #fff /*{a-bar-color}*/;
  35. }
  36. .ui-bar-a a.ui-link {
  37. color: #7cc4e7 /*{a-bar-link-color}*/;
  38. font-weight: bold;
  39. }
  40. .ui-bar-a a.ui-link:visited {
  41. color: #2489ce /*{a-bar-link-visited}*/;
  42. }
  43. .ui-bar-a a.ui-link:hover {
  44. color: #2489ce /*{a-bar-link-hover}*/;
  45. }
  46. .ui-bar-a a.ui-link:active {
  47. color: #2489ce /*{a-bar-link-active}*/;
  48. }
  49. .ui-body-a,
  50. .ui-overlay-a {
  51. border: 1px solid #444 /*{a-body-border}*/;
  52. background: #222 /*{a-body-background-color}*/;
  53. color: #fff /*{a-body-color}*/;
  54. text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 1px /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
  55. font-weight: normal;
  56. background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
  57. background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  58. background-image: -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
  59. background-image: -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
  60. background-image: -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
  61. background-image: linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);
  62. }
  63. .ui-overlay-a {
  64. background-image: none;
  65. border-width: 0;
  66. }
  67. .ui-body-a,
  68. .ui-body-a input,
  69. .ui-body-a select,
  70. .ui-body-a textarea,
  71. .ui-body-a button {
  72. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  73. }
  74. .ui-body-a .ui-link-inherit {
  75. color: #fff /*{a-body-color}*/;
  76. }
  77. .ui-body-a .ui-link {
  78. color: #2489ce /*{a-body-link-color}*/;
  79. font-weight: bold;
  80. }
  81. .ui-body-a .ui-link:visited {
  82. color: #2489ce /*{a-body-link-visited}*/;
  83. }
  84. .ui-body-a .ui-link:hover {
  85. color: #2489ce /*{a-body-link-hover}*/;
  86. }
  87. .ui-body-a .ui-link:active {
  88. color: #2489ce /*{a-body-link-active}*/;
  89. }
  90. .ui-btn-up-a {
  91. border: 1px solid #111 /*{a-bup-border}*/;
  92. background: #333 /*{a-bup-background-color}*/;
  93. font-weight: bold;
  94. color: #fff /*{a-bup-color}*/;
  95. text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
  96. background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
  97. background-image: -webkit-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  98. background-image: -moz-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
  99. background-image: -ms-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
  100. background-image: -o-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
  101. background-image: linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
  102. }
  103. .ui-btn-up-a:visited,
  104. .ui-btn-up-a a.ui-link-inherit {
  105. color: #fff /*{a-bup-color}*/;
  106. }
  107. .ui-btn-hover-a {
  108. border: 1px solid #000 /*{a-bhover-border}*/;
  109. background: #444 /*{a-bhover-background-color}*/;
  110. font-weight: bold;
  111. color: #fff /*{a-bhover-color}*/;
  112. text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
  113. background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
  114. background-image: -webkit-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  115. background-image: -moz-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
  116. background-image: -ms-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
  117. background-image: -o-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
  118. background-image: linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
  119. }
  120. .ui-btn-hover-a:visited,
  121. .ui-btn-hover-a:hover,
  122. .ui-btn-hover-a a.ui-link-inherit {
  123. color: #fff /*{a-bhover-color}*/;
  124. }
  125. .ui-btn-down-a {
  126. border: 1px solid #000 /*{a-bdown-border}*/;
  127. background: #222 /*{a-bdown-background-color}*/;
  128. font-weight: bold;
  129. color: #fff /*{a-bdown-color}*/;
  130. text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
  131. background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
  132. background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  133. background-image: -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
  134. background-image: -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
  135. background-image: -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
  136. background-image: linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
  137. }
  138. .ui-btn-down-a:visited,
  139. .ui-btn-down-a:hover,
  140. .ui-btn-down-a a.ui-link-inherit {
  141. color: #fff /*{a-bdown-color}*/;
  142. }
  143. .ui-btn-up-a,
  144. .ui-btn-hover-a,
  145. .ui-btn-down-a {
  146. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  147. text-decoration: none;
  148. }
  149. /* B
  150. -----------------------------------------------------------------------------------------------------------*/
  151. .ui-bar-b {
  152. border: 1px solid #456f9a /*{b-bar-border}*/;
  153. background: #5e87b0 /*{b-bar-background-color}*/;
  154. color: #fff /*{b-bar-color}*/;
  155. font-weight: bold;
  156. text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
  157. background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bar-background-start}*/), to( #497bae /*{b-bar-background-end}*/)); /* Saf4+, Chrome */
  158. background-image: -webkit-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  159. background-image: -moz-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* FF3.6 */
  160. background-image: -ms-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* IE10 */
  161. background-image: -o-linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/); /* Opera 11.10+ */
  162. background-image: linear-gradient( #6facd5 /*{b-bar-background-start}*/, #497bae /*{b-bar-background-end}*/);
  163. }
  164. .ui-bar-b,
  165. .ui-bar-b input,
  166. .ui-bar-b select,
  167. .ui-bar-b textarea,
  168. .ui-bar-b button {
  169. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  170. }
  171. .ui-bar-b .ui-link-inherit {
  172. color: #fff /*{b-bar-color}*/;
  173. }
  174. .ui-bar-b a.ui-link {
  175. color: #ddf0f8 /*{b-bar-link-color}*/;
  176. font-weight: bold;
  177. }
  178. .ui-bar-b a.ui-link:visited {
  179. color: #ddf0f8 /*{b-bar-link-visited}*/;
  180. }
  181. .ui-bar-b a.ui-link:hover {
  182. color: #ddf0f8 /*{b-bar-link-hover}*/;
  183. }
  184. .ui-bar-b a.ui-link:active {
  185. color: #ddf0f8 /*{b-bar-link-active}*/;
  186. }
  187. .ui-body-b,
  188. .ui-overlay-b {
  189. border: 1px solid #999 /*{b-body-border}*/;
  190. background: #f3f3f3 /*{b-body-background-color}*/;
  191. color: #222 /*{b-body-color}*/;
  192. text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/;
  193. font-weight: normal;
  194. background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{b-body-background-start}*/), to( #ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */
  195. background-image: -webkit-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  196. background-image: -moz-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */
  197. background-image: -ms-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */
  198. background-image: -o-linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */
  199. background-image: linear-gradient( #ddd /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/);
  200. }
  201. .ui-overlay-b {
  202. background-image: none;
  203. border-width: 0;
  204. }
  205. .ui-body-b,
  206. .ui-body-b input,
  207. .ui-body-b select,
  208. .ui-body-b textarea,
  209. .ui-body-b button {
  210. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  211. }
  212. .ui-body-b .ui-link-inherit {
  213. color: #333 /*{b-body-color}*/;
  214. }
  215. .ui-body-b .ui-link {
  216. color: #2489ce /*{b-body-link-color}*/;
  217. font-weight: bold;
  218. }
  219. .ui-body-b .ui-link:visited {
  220. color: #2489ce /*{b-body-link-visited}*/;
  221. }
  222. .ui-body-b .ui-link:hover {
  223. color: #2489ce /*{b-body-link-hover}*/;
  224. }
  225. .ui-body-b .ui-link:active {
  226. color: #2489ce /*{b-body-link-active}*/;
  227. }
  228. .ui-btn-up-b {
  229. border: 1px solid #044062 /*{b-bup-border}*/;
  230. background: #396b9e /*{b-bup-background-color}*/;
  231. font-weight: bold;
  232. color: #fff /*{b-bup-color}*/;
  233. text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
  234. background-image: -webkit-gradient(linear, left top, left bottom, from( #5f9cc5 /*{b-bup-background-start}*/), to( #396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */
  235. background-image: -webkit-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  236. background-image: -moz-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */
  237. background-image: -ms-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */
  238. background-image: -o-linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */
  239. background-image: linear-gradient( #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/);
  240. }
  241. .ui-btn-up-b:visited,
  242. .ui-btn-up-b a.ui-link-inherit {
  243. color: #fff /*{b-bup-color}*/;
  244. }
  245. .ui-btn-hover-b {
  246. border: 1px solid #00415e /*{b-bhover-border}*/;
  247. background: #4b88b6 /*{b-bhover-background-color}*/;
  248. font-weight: bold;
  249. color: #fff /*{b-bhover-color}*/;
  250. text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
  251. background-image: -webkit-gradient(linear, left top, left bottom, from( #6facd5 /*{b-bhover-background-start}*/), to( #4272a4 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */
  252. background-image: -webkit-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  253. background-image: -moz-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* FF3.6 */
  254. background-image: -ms-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* IE10 */
  255. background-image: -o-linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
  256. background-image: linear-gradient( #6facd5 /*{b-bhover-background-start}*/, #4272a4 /*{b-bhover-background-end}*/);
  257. }
  258. .ui-btn-hover-b:visited,
  259. .ui-btn-hover-b:hover,
  260. .ui-btn-hover-b a.ui-link-inherit {
  261. color: #fff /*{b-bhover-color}*/;
  262. }
  263. .ui-btn-down-b {
  264. border: 1px solid #225377 /*{b-bdown-border}*/;
  265. background: #4e89c5 /*{b-bdown-background-color}*/;
  266. font-weight: bold;
  267. color: #fff /*{b-bdown-color}*/;
  268. text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
  269. background-image: -webkit-gradient(linear, left top, left bottom, from( #295b8e /*{b-bdown-background-start}*/), to( #3e79b5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */
  270. background-image: -webkit-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  271. background-image: -moz-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* FF3.6 */
  272. background-image: -ms-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* IE10 */
  273. background-image: -o-linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
  274. background-image: linear-gradient( #295b8e /*{b-bdown-background-start}*/, #3e79b5 /*{b-bdown-background-end}*/);
  275. }
  276. .ui-btn-down-b:visited,
  277. .ui-btn-down-b:hover,
  278. .ui-btn-down-b a.ui-link-inherit {
  279. color: #fff /*{b-bdown-color}*/;
  280. }
  281. .ui-btn-up-b,
  282. .ui-btn-hover-b,
  283. .ui-btn-down-b {
  284. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  285. text-decoration: none;
  286. }
  287. /* C
  288. -----------------------------------------------------------------------------------------------------------*/
  289. .ui-bar-c {
  290. border: 1px solid #b3b3b3 /*{c-bar-border}*/;
  291. background: #eee /*{c-bar-background-color}*/;
  292. color: #3e3e3e /*{c-bar-color}*/;
  293. font-weight: bold;
  294. text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
  295. background-image: -webkit-gradient(linear, left top, left bottom, from( #f0f0f0 /*{c-bar-background-start}*/), to( #ddd /*{c-bar-background-end}*/)); /* Saf4+, Chrome */
  296. background-image: -webkit-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  297. background-image: -moz-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* FF3.6 */
  298. background-image: -ms-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* IE10 */
  299. background-image: -o-linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/); /* Opera 11.10+ */
  300. background-image: linear-gradient( #f0f0f0 /*{c-bar-background-start}*/, #ddd /*{c-bar-background-end}*/);
  301. }
  302. .ui-bar-c .ui-link-inherit {
  303. color: #3e3e3e /*{c-bar-color}*/;
  304. }
  305. .ui-bar-c a.ui-link {
  306. color: #7cc4e7 /*{c-bar-link-color}*/;
  307. font-weight: bold;
  308. }
  309. .ui-bar-c a.ui-link:visited {
  310. color: #2489ce /*{c-bar-link-visited}*/;
  311. }
  312. .ui-bar-c a.ui-link:hover {
  313. color: #2489ce /*{c-bar-link-hover}*/;
  314. }
  315. .ui-bar-c a.ui-link:active {
  316. color: #2489ce /*{c-bar-link-active}*/;
  317. }
  318. .ui-bar-c,
  319. .ui-bar-c input,
  320. .ui-bar-c select,
  321. .ui-bar-c textarea,
  322. .ui-bar-c button {
  323. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  324. }
  325. .ui-body-c,
  326. .ui-overlay-c {
  327. border: 1px solid #aaa /*{c-body-border}*/;
  328. color: #333 /*{c-body-color}*/;
  329. text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
  330. background: #f9f9f9 /*{c-body-background-color}*/;
  331. background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9 /*{c-body-background-start}*/), to( #eee /*{c-body-background-end}*/)); /* Saf4+, Chrome */
  332. background-image: -webkit-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  333. background-image: -moz-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* FF3.6 */
  334. background-image: -ms-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* IE10 */
  335. background-image: -o-linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/); /* Opera 11.10+ */
  336. background-image: linear-gradient( #f9f9f9 /*{c-body-background-start}*/, #eee /*{c-body-background-end}*/);
  337. }
  338. .ui-overlay-c {
  339. background-image: none;
  340. border-width: 0;
  341. }
  342. .ui-body-c,
  343. .ui-body-c input,
  344. .ui-body-c select,
  345. .ui-body-c textarea,
  346. .ui-body-c button {
  347. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  348. }
  349. .ui-body-c .ui-link-inherit {
  350. color: #333 /*{c-body-color}*/;
  351. }
  352. .ui-body-c .ui-link {
  353. color: #2489ce /*{c-body-link-color}*/;
  354. font-weight: bold;
  355. }
  356. .ui-body-c .ui-link:visited {
  357. color: #2489ce /*{c-body-link-visited}*/;
  358. }
  359. .ui-body-c .ui-link:hover {
  360. color: #2489ce /*{c-body-link-hover}*/;
  361. }
  362. .ui-body-c .ui-link:active {
  363. color: #2489ce /*{c-body-link-active}*/;
  364. }
  365. .ui-btn-up-c {
  366. border: 1px solid #ccc /*{c-bup-border}*/;
  367. background: #eee /*{c-bup-background-color}*/;
  368. font-weight: bold;
  369. color: #222 /*{c-bup-color}*/;
  370. text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #fff /*{c-bup-shadow-color}*/;
  371. background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{c-bup-background-start}*/), to( #f1f1f1 /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
  372. background-image: -webkit-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  373. background-image: -moz-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* FF3.6 */
  374. background-image: -ms-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* IE10 */
  375. background-image: -o-linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/); /* Opera 11.10+ */
  376. background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #f1f1f1 /*{c-bup-background-end}*/);
  377. }
  378. .ui-btn-up-c:visited,
  379. .ui-btn-up-c a.ui-link-inherit {
  380. color: #2f3e46 /*{c-bup-color}*/;
  381. }
  382. .ui-btn-hover-c {
  383. border: 1px solid #bbb /*{c-bhover-border}*/;
  384. background: #dfdfdf /*{c-bhover-background-color}*/;
  385. font-weight: bold;
  386. color: #222 /*{c-bhover-color}*/;
  387. text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 0 /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/;
  388. background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{c-bhover-background-start}*/), to( #e0e0e0 /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */
  389. background-image: -webkit-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  390. background-image: -moz-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* FF3.6 */
  391. background-image: -ms-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* IE10 */
  392. background-image: -o-linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/); /* Opera 11.10+ */
  393. background-image: linear-gradient( #f6f6f6 /*{c-bhover-background-start}*/, #e0e0e0 /*{c-bhover-background-end}*/);
  394. }
  395. .ui-btn-hover-c:visited,
  396. .ui-btn-hover-c:hover,
  397. .ui-btn-hover-c a.ui-link-inherit {
  398. color: #2f3e46 /*{c-bhover-color}*/;
  399. }
  400. .ui-btn-down-c {
  401. border: 1px solid #bbb /*{c-bdown-border}*/;
  402. background: #d6d6d6 /*{c-bdown-background-color}*/;
  403. font-weight: bold;
  404. color: #222 /*{c-bdown-color}*/;
  405. text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 0 /*{c-bdown-shadow-radius}*/ #fff /*{c-bdown-shadow-color}*/;
  406. background-image: -webkit-gradient(linear, left top, left bottom, from( #d0d0d0 /*{c-bdown-background-start}*/), to( #dfdfdf /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */
  407. background-image: -webkit-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  408. background-image: -moz-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* FF3.6 */
  409. background-image: -ms-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* IE10 */
  410. background-image: -o-linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/); /* Opera 11.10+ */
  411. background-image: linear-gradient( #d0d0d0 /*{c-bdown-background-start}*/, #dfdfdf /*{c-bdown-background-end}*/);
  412. }
  413. .ui-btn-down-c:visited,
  414. .ui-btn-down-c:hover,
  415. .ui-btn-down-c a.ui-link-inherit {
  416. color: #2f3e46 /*{c-bdown-color}*/;
  417. }
  418. .ui-btn-up-c,
  419. .ui-btn-hover-c,
  420. .ui-btn-down-c {
  421. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  422. text-decoration: none;
  423. }
  424. /* D
  425. -----------------------------------------------------------------------------------------------------------*/
  426. .ui-bar-d {
  427. border: 1px solid #bbb /*{d-bar-border}*/;
  428. background: #bbb /*{d-bar-background-color}*/;
  429. color: #333 /*{d-bar-color}*/;
  430. font-weight: bold;
  431. text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/;
  432. background-image: -webkit-gradient(linear, left top, left bottom, from( #ddd /*{d-bar-background-start}*/), to( #bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */
  433. background-image: -webkit-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  434. background-image: -moz-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */
  435. background-image: -ms-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */
  436. background-image: -o-linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */
  437. background-image: linear-gradient( #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/);
  438. }
  439. .ui-bar-d,
  440. .ui-bar-d input,
  441. .ui-bar-d select,
  442. .ui-bar-d textarea,
  443. .ui-bar-d button {
  444. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  445. }
  446. .ui-bar-d .ui-link-inherit {
  447. color: #333 /*{d-bar-color}*/;
  448. }
  449. .ui-bar-d a.ui-link {
  450. color: #2489ce /*{d-bar-link-color}*/;
  451. font-weight: bold;
  452. }
  453. .ui-bar-d a.ui-link:visited {
  454. color: #2489ce /*{d-bar-link-visited}*/;
  455. }
  456. .ui-bar-d a.ui-link:hover {
  457. color: #2489ce /*{d-bar-link-hover}*/;
  458. }
  459. .ui-bar-d a.ui-link:active {
  460. color: #2489ce /*{d-bar-link-active}*/;
  461. }
  462. .ui-body-d,
  463. .ui-overlay-d {
  464. border: 1px solid #bbb /*{d-body-border}*/;
  465. color: #333 /*{d-body-color}*/;
  466. text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/;
  467. background: #fff /*{d-body-background-color}*/;
  468. background-image: -webkit-gradient(linear, left top, left bottom, from( #fff /*{d-body-background-start}*/), to( #fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */
  469. background-image: -webkit-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  470. background-image: -moz-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */
  471. background-image: -ms-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */
  472. background-image: -o-linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */
  473. background-image: linear-gradient( #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/);
  474. }
  475. .ui-overlay-d {
  476. background-image: none;
  477. border-width: 0;
  478. }
  479. .ui-body-d,
  480. .ui-body-d input,
  481. .ui-body-d select,
  482. .ui-body-d textarea,
  483. .ui-body-d button {
  484. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  485. }
  486. .ui-body-d .ui-link-inherit {
  487. color: #333 /*{d-body-color}*/;
  488. }
  489. .ui-body-d .ui-link {
  490. color: #2489ce /*{d-body-link-color}*/;
  491. font-weight: bold;
  492. }
  493. .ui-body-d .ui-link:visited {
  494. color: #2489ce /*{d-body-link-visited}*/;
  495. }
  496. .ui-body-d .ui-link:hover {
  497. color: #2489ce /*{d-body-link-hover}*/;
  498. }
  499. .ui-body-d .ui-link:active {
  500. color: #2489ce /*{d-body-link-active}*/;
  501. }
  502. .ui-btn-up-d {
  503. border: 1px solid #bbb /*{d-bup-border}*/;
  504. background: #fff /*{d-bup-background-color}*/;
  505. font-weight: bold;
  506. color: #333 /*{d-bup-color}*/;
  507. text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 0 /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/;
  508. background-image: -webkit-gradient(linear, left top, left bottom, from( #fafafa /*{d-bup-background-start}*/), to( #f6f6f6 /*{d-bup-background-end}*/)); /* Saf4+, Chrome */
  509. background-image: -webkit-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  510. background-image: -moz-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* FF3.6 */
  511. background-image: -ms-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* IE10 */
  512. background-image: -o-linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/); /* Opera 11.10+ */
  513. background-image: linear-gradient( #fafafa /*{d-bup-background-start}*/, #f6f6f6 /*{d-bup-background-end}*/);
  514. }
  515. .ui-btn-up-d:visited,
  516. .ui-btn-up-d a.ui-link-inherit {
  517. color: #333 /*{d-bup-color}*/;
  518. }
  519. .ui-btn-hover-d {
  520. border: 1px solid #aaa /*{d-bhover-border}*/;
  521. background: #eee /*{d-bhover-background-color}*/;
  522. font-weight: bold;
  523. color: #333 /*{d-bhover-color}*/;
  524. cursor: pointer;
  525. text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 0 /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/;
  526. background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{d-bhover-background-start}*/), to( #fff /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
  527. background-image: -webkit-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  528. background-image: -moz-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* FF3.6 */
  529. background-image: -ms-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* IE10 */
  530. background-image: -o-linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/); /* Opera 11.10+ */
  531. background-image: linear-gradient( #eee /*{d-bhover-background-start}*/, #fff /*{d-bhover-background-end}*/);
  532. }
  533. .ui-btn-hover-d:visited,
  534. .ui-btn-hover-d:hover,
  535. .ui-btn-hover-d a.ui-link-inherit {
  536. color: #333 /*{d-bhover-color}*/;
  537. }
  538. .ui-btn-down-d {
  539. border: 1px solid #aaa /*{d-bdown-border}*/;
  540. background: #eee /*{d-bdown-background-color}*/;
  541. font-weight: bold;
  542. color: #333 /*{d-bdown-color}*/;
  543. text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 0 /*{d-bdown-shadow-radius}*/ #fff /*{d-bdown-shadow-color}*/;
  544. background-image: -webkit-gradient(linear, left top, left bottom, from( #e5e5e5 /*{d-bdown-background-start}*/), to( #f2f2f2 /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */
  545. background-image: -webkit-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  546. background-image: -moz-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* FF3.6 */
  547. background-image: -ms-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* IE10 */
  548. background-image: -o-linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/); /* Opera 11.10+ */
  549. background-image: linear-gradient( #e5e5e5 /*{d-bdown-background-start}*/, #f2f2f2 /*{d-bdown-background-end}*/);
  550. }
  551. .ui-btn-down-d:visited,
  552. .ui-btn-down-d:hover,
  553. .ui-btn-down-d a.ui-link-inherit {
  554. color: #333 /*{d-bdown-color}*/;
  555. }
  556. .ui-btn-up-d,
  557. .ui-btn-hover-d,
  558. .ui-btn-down-d {
  559. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  560. text-decoration: none;
  561. }
  562. /* E
  563. -----------------------------------------------------------------------------------------------------------*/
  564. .ui-bar-e {
  565. border: 1px solid #f7c942 /*{e-bar-border}*/;
  566. background: #fadb4e /*{e-bar-background-color}*/;
  567. color: #333 /*{e-bar-color}*/;
  568. font-weight: bold;
  569. text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/;
  570. background-image: -webkit-gradient(linear, left top, left bottom, from( #fceda7 /*{e-bar-background-start}*/), to( #fbef7e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */
  571. background-image: -webkit-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
  572. background-image: -moz-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* FF3.6 */
  573. background-image: -ms-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* IE10 */
  574. background-image: -o-linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/); /* Opera 11.10+ */
  575. background-image: linear-gradient( #fceda7 /*{e-bar-background-start}*/, #fbef7e /*{e-bar-background-end}*/);
  576. }
  577. .ui-bar-e,
  578. .ui-bar-e input,
  579. .ui-bar-e select,
  580. .ui-bar-e textarea,
  581. .ui-bar-e button {
  582. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  583. }
  584. .ui-bar-e .ui-link-inherit {
  585. color: #333 /*{e-bar-color}*/;
  586. }
  587. .ui-bar-e a.ui-link {
  588. color: #2489ce /*{e-bar-link-color}*/;
  589. font-weight: bold;
  590. }
  591. .ui-bar-e a.ui-link:visited {
  592. color: #2489ce /*{e-bar-link-visited}*/;
  593. }
  594. .ui-bar-e a.ui-link:hover {
  595. color: #2489ce /*{e-bar-link-hover}*/;
  596. }
  597. .ui-bar-e a.ui-link:active {
  598. color: #2489ce /*{e-bar-link-active}*/;
  599. }
  600. .ui-body-e,
  601. .ui-overlay-e {
  602. border: 1px solid #f7c942 /*{e-body-border}*/;
  603. color: #222 /*{e-body-color}*/;
  604. text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/;
  605. background: #fff9df /*{e-body-background-color}*/;
  606. background-image: -webkit-gradient(linear, left top, left bottom, from( #fffadf /*{e-body-background-start}*/), to( #fff3a5 /*{e-body-background-end}*/)); /* Saf4+, Chrome */
  607. background-image: -webkit-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
  608. background-image: -moz-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* FF3.6 */
  609. background-image: -ms-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* IE10 */
  610. background-image: -o-linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/); /* Opera 11.10+ */
  611. background-image: linear-gradient( #fffadf /*{e-body-background-start}*/, #fff3a5 /*{e-body-background-end}*/);
  612. }
  613. .ui-overlay-e {
  614. background-image: none;
  615. border-width: 0;
  616. }
  617. .ui-body-e,
  618. .ui-body-e input,
  619. .ui-body-e select,
  620. .ui-body-e textarea,
  621. .ui-body-e button {
  622. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  623. }
  624. .ui-body-e .ui-link-inherit {
  625. color: #222 /*{e-body-color}*/;
  626. }
  627. .ui-body-e .ui-link {
  628. color: #2489ce /*{e-body-link-color}*/;
  629. font-weight: bold;
  630. }
  631. .ui-body-e .ui-link:visited {
  632. color: #2489ce /*{e-body-link-visited}*/;
  633. }
  634. .ui-body-e .ui-link:hover {
  635. color: #2489ce /*{e-body-link-hover}*/;
  636. }
  637. .ui-body-e .ui-link:active {
  638. color: #2489ce /*{e-body-link-active}*/;
  639. }
  640. .ui-btn-up-e {
  641. border: 1px solid #f4c63f /*{e-bup-border}*/;
  642. background: #fadb4e /*{e-bup-background-color}*/;
  643. font-weight: bold;
  644. color: #222 /*{e-bup-color}*/;
  645. text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/;
  646. background-image: -webkit-gradient(linear, left top, left bottom, from( #ffefaa /*{e-bup-background-start}*/), to( #ffe155 /*{e-bup-background-end}*/)); /* Saf4+, Chrome */
  647. background-image: -webkit-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
  648. background-image: -moz-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* FF3.6 */
  649. background-image: -ms-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* IE10 */
  650. background-image: -o-linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/); /* Opera 11.10+ */
  651. background-image: linear-gradient( #ffefaa /*{e-bup-background-start}*/, #ffe155 /*{e-bup-background-end}*/);
  652. }
  653. .ui-btn-up-e:visited,
  654. .ui-btn-up-e a.ui-link-inherit {
  655. color: #222 /*{e-bup-color}*/;
  656. }
  657. .ui-btn-hover-e {
  658. border: 1px solid #f2c43d /*{e-bhover-border}*/;
  659. background: #fbe26f /*{e-bhover-background-color}*/;
  660. font-weight: bold;
  661. color: #111 /*{e-bhover-color}*/;
  662. text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 0 /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/;
  663. background-image: -webkit-gradient(linear, left top, left bottom, from( #fff5ba /*{e-bhover-background-start}*/), to( #fbdd52 /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */
  664. background-image: -webkit-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
  665. background-image: -moz-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* FF3.6 */
  666. background-image: -ms-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* IE10 */
  667. background-image: -o-linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/); /* Opera 11.10+ */
  668. background-image: linear-gradient( #fff5ba /*{e-bhover-background-start}*/, #fbdd52 /*{e-bhover-background-end}*/);
  669. }
  670. .ui-btn-hover-e:visited,
  671. .ui-btn-hover-e:hover,
  672. .ui-btn-hover-e a.ui-link-inherit {
  673. color: #333 /*{e-bhover-color}*/;
  674. }
  675. .ui-btn-down-e {
  676. border: 1px solid #f2c43d /*{e-bdown-border}*/;
  677. background: #fceda7 /*{e-bdown-background-color}*/;
  678. font-weight: bold;
  679. color: #111 /*{e-bdown-color}*/;
  680. text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 0 /*{e-bdown-shadow-radius}*/ #fff /*{e-bdown-shadow-color}*/;
  681. background-image: -webkit-gradient(linear, left top, left bottom, from( #f8d94c /*{e-bdown-background-start}*/), to( #fadb4e /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */
  682. background-image: -webkit-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
  683. background-image: -moz-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* FF3.6 */
  684. background-image: -ms-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* IE10 */
  685. background-image: -o-linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/); /* Opera 11.10+ */
  686. background-image: linear-gradient( #f8d94c /*{e-bdown-background-start}*/, #fadb4e /*{e-bdown-background-end}*/);
  687. }
  688. .ui-btn-down-e:visited,
  689. .ui-btn-down-e:hover,
  690. .ui-btn-down-e a.ui-link-inherit {
  691. color: #333 /*{e-bdown-color}*/;
  692. }
  693. .ui-btn-up-e,
  694. .ui-btn-hover-e,
  695. .ui-btn-down-e {
  696. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  697. text-decoration: none;
  698. }
  699. /* Structure */
  700. /* links within "buttons"
  701. -----------------------------------------------------------------------------------------------------------*/
  702. a.ui-link-inherit {
  703. text-decoration: none !important;
  704. }
  705. /* Active class used as the "on" state across all themes
  706. -----------------------------------------------------------------------------------------------------------*/
  707. .ui-btn-active {
  708. border: 1px solid #2373a5 /*{global-active-border}*/;
  709. background: #5393c5 /*{global-active-background-color}*/;
  710. font-weight: bold;
  711. color: #fff /*{global-active-color}*/;
  712. cursor: pointer;
  713. text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
  714. text-decoration: none;
  715. background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
  716. background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
  717. background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
  718. background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
  719. background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
  720. background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
  721. font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
  722. }
  723. .ui-btn-active:visited,
  724. .ui-btn-active:hover,
  725. .ui-btn-active a.ui-link-inherit {
  726. color: #fff /*{global-active-color}*/;
  727. }
  728. /* button inner top highlight
  729. -----------------------------------------------------------------------------------------------------------*/
  730. .ui-btn-inner {
  731. border-top: 1px solid #fff;
  732. border-color: rgba(255,255,255,.3);
  733. }
  734. /* corner rounding classes
  735. -----------------------------------------------------------------------------------------------------------*/
  736. .ui-corner-tl {
  737. -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
  738. -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
  739. border-top-left-radius: .6em /*{global-radii-blocks}*/;
  740. }
  741. .ui-corner-tr {
  742. -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
  743. -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
  744. border-top-right-radius: .6em /*{global-radii-blocks}*/;
  745. }
  746. .ui-corner-bl {
  747. -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
  748. -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
  749. border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
  750. }
  751. .ui-corner-br {
  752. -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
  753. -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
  754. border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
  755. }
  756. .ui-corner-top {
  757. -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
  758. -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
  759. border-top-left-radius: .6em /*{global-radii-blocks}*/;
  760. -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
  761. -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
  762. border-top-right-radius: .6em /*{global-radii-blocks}*/;
  763. }
  764. .ui-corner-bottom {
  765. -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
  766. -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
  767. border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
  768. -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
  769. -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
  770. border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
  771. }
  772. .ui-corner-right {
  773. -moz-border-radius-topright: .6em /*{global-radii-blocks}*/;
  774. -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/;
  775. border-top-right-radius: .6em /*{global-radii-blocks}*/;
  776. -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/;
  777. -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
  778. border-bottom-right-radius: .6em /*{global-radii-blocks}*/;
  779. }
  780. .ui-corner-left {
  781. -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/;
  782. -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/;
  783. border-top-left-radius: .6em /*{global-radii-blocks}*/;
  784. -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/;
  785. -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
  786. border-bottom-left-radius: .6em /*{global-radii-blocks}*/;
  787. }
  788. .ui-corner-all {
  789. -moz-border-radius: .6em /*{global-radii-blocks}*/;
  790. -webkit-border-radius: .6em /*{global-radii-blocks}*/;
  791. border-radius: .6em /*{global-radii-blocks}*/;
  792. }
  793. .ui-corner-none {
  794. -moz-border-radius: 0;
  795. -webkit-border-radius: 0;
  796. border-radius: 0;
  797. }
  798. /* Form field separator
  799. -----------------------------------------------------------------------------------------------------------*/
  800. .ui-br {
  801. border-bottom: rgb(130,130,130);
  802. border-bottom: rgba(130,130,130,.3);
  803. border-bottom-width: 1px;
  804. border-bottom-style: solid;
  805. }
  806. /* Interaction cues
  807. -----------------------------------------------------------------------------------------------------------*/
  808. .ui-disabled {
  809. filter: Alpha(Opacity=30);
  810. opacity: .3;
  811. zoom: 1;
  812. }
  813. .ui-disabled,
  814. .ui-disabled a {
  815. cursor: default !important;
  816. pointer-events: none;
  817. }
  818. /* Icons
  819. -----------------------------------------------------------------------------------------------------------*/
  820. .ui-icon,
  821. .ui-icon-searchfield:after {
  822. background: #666 /*{global-icon-color}*/;
  823. background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
  824. background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
  825. background-repeat: no-repeat;
  826. -moz-border-radius: 9px;
  827. -webkit-border-radius: 9px;
  828. border-radius: 9px;
  829. }
  830. /* Alt icon color
  831. -----------------------------------------------------------------------------------------------------------*/
  832. .ui-icon-alt {
  833. background: #fff;
  834. background: rgba(255,255,255,.3);
  835. background-image: url(images/icons-18-black.png);
  836. background-repeat: no-repeat;
  837. }
  838. /* HD/"retina" sprite
  839. -----------------------------------------------------------------------------------------------------------*/
  840. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  841. only screen and (min--moz-device-pixel-ratio: 1.5),
  842. only screen and (min-resolution: 240dpi) {
  843. .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
  844. .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
  845. .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
  846. .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after,
  847. .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
  848. background-image: url(images/icons-36-white.png);
  849. -moz-background-size: 776px 18px;
  850. -o-background-size: 776px 18px;
  851. -webkit-background-size: 776px 18px;
  852. background-size: 776px 18px;
  853. }
  854. .ui-icon-alt {
  855. background-image: url(images/icons-36-black.png);
  856. }
  857. }
  858. /* plus minus */
  859. .ui-icon-plus {
  860. background-position: -0 50%;
  861. }
  862. .ui-icon-minus {
  863. background-position: -36px 50%;
  864. }
  865. /* delete/close */
  866. .ui-icon-delete {
  867. background-position: -72px 50%;
  868. }
  869. /* arrows */
  870. .ui-icon-arrow-r {
  871. background-position: -108px 50%;
  872. }
  873. .ui-icon-arrow-l {
  874. background-position: -144px 50%;
  875. }
  876. .ui-icon-arrow-u {
  877. background-position: -180px 50%;
  878. }
  879. .ui-icon-arrow-d {
  880. background-position: -216px 50%;
  881. }
  882. /* misc */
  883. .ui-icon-check {
  884. background-position: -252px 50%;
  885. }
  886. .ui-icon-gear {
  887. background-position: -288px 50%;
  888. }
  889. .ui-icon-refresh {
  890. background-position: -324px 50%;
  891. }
  892. .ui-icon-forward {
  893. background-position: -360px 50%;
  894. }
  895. .ui-icon-back {
  896. background-position: -396px 50%;
  897. }
  898. .ui-icon-grid {
  899. background-position: -432px 50%;
  900. }
  901. .ui-icon-star {
  902. background-position: -468px 50%;
  903. }
  904. .ui-icon-alert {
  905. background-position: -504px 50%;
  906. }
  907. .ui-icon-info {
  908. background-position: -540px 50%;
  909. }
  910. .ui-icon-home {
  911. background-position: -576px 50%;
  912. }
  913. .ui-icon-search,
  914. .ui-icon-searchfield:after {
  915. background-position: -612px 50%;
  916. }
  917. .ui-icon-checkbox-off {
  918. background-position: -684px 50%;
  919. }
  920. .ui-icon-checkbox-on {
  921. background-position: -648px 50%;
  922. }
  923. .ui-icon-radio-off {
  924. background-position: -756px 50%;
  925. }
  926. .ui-icon-radio-on {
  927. background-position: -720px 50%;
  928. }
  929. /* checks,radios */
  930. .ui-checkbox .ui-icon,
  931. .ui-selectmenu-list .ui-icon {
  932. -moz-border-radius: 3px;
  933. -webkit-border-radius: 3px;
  934. border-radius: 3px;
  935. }
  936. .ui-icon-checkbox-off,
  937. .ui-icon-radio-off {
  938. background-color: transparent;
  939. }
  940. .ui-checkbox-on .ui-icon,
  941. .ui-radio-on .ui-icon {
  942. background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
  943. }
  944. /* loading icon */
  945. .ui-icon-loading {
  946. background: url(images/ajax-loader.gif);
  947. background-size: 46px 46px;
  948. }
  949. /* Button corner classes
  950. -----------------------------------------------------------------------------------------------------------*/
  951. .ui-btn-corner-tl {
  952. -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
  953. -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
  954. border-top-left-radius: 1em /*{global-radii-buttons}*/;
  955. }
  956. .ui-btn-corner-tr {
  957. -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
  958. -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
  959. border-top-right-radius: 1em /*{global-radii-buttons}*/;
  960. }
  961. .ui-btn-corner-bl {
  962. -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
  963. -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
  964. border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
  965. }
  966. .ui-btn-corner-br {
  967. -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
  968. -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
  969. border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
  970. }
  971. .ui-btn-corner-top {
  972. -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
  973. -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
  974. border-top-left-radius: 1em /*{global-radii-buttons}*/;
  975. -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
  976. -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
  977. border-top-right-radius: 1em /*{global-radii-buttons}*/;
  978. }
  979. .ui-btn-corner-bottom {
  980. -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
  981. -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
  982. border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
  983. -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
  984. -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
  985. border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
  986. }
  987. .ui-btn-corner-right {
  988. -moz-border-radius-topright: 1em /*{global-radii-buttons}*/;
  989. -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/;
  990. border-top-right-radius: 1em /*{global-radii-buttons}*/;
  991. -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/;
  992. -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
  993. border-bottom-right-radius: 1em /*{global-radii-buttons}*/;
  994. }
  995. .ui-btn-corner-left {
  996. -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/;
  997. -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/;
  998. border-top-left-radius: 1em /*{global-radii-buttons}*/;
  999. -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/;
  1000. -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
  1001. border-bottom-left-radius: 1em /*{global-radii-buttons}*/;
  1002. }
  1003. .ui-btn-corner-all {
  1004. -moz-border-radius: 1em /*{global-radii-buttons}*/;
  1005. -webkit-border-radius: 1em /*{global-radii-buttons}*/;
  1006. border-radius: 1em /*{global-radii-buttons}*/;
  1007. }
  1008. /* radius clip workaround for cleaning up corner trapping */
  1009. .ui-corner-tl,
  1010. .ui-corner-tr,
  1011. .ui-corner-bl,
  1012. .ui-corner-br,
  1013. .ui-corner-top,
  1014. .ui-corner-bottom,
  1015. .ui-corner-right,
  1016. .ui-corner-left,
  1017. .ui-corner-all,
  1018. .ui-btn-corner-tl,
  1019. .ui-btn-corner-tr,
  1020. .ui-btn-corner-bl,
  1021. .ui-btn-corner-br,
  1022. .ui-btn-corner-top,
  1023. .ui-btn-corner-bottom,
  1024. .ui-btn-corner-right,
  1025. .ui-btn-corner-left,
  1026. .ui-btn-corner-all {
  1027. -webkit-background-clip: padding-box;
  1028. -moz-background-clip: padding;
  1029. background-clip: padding-box;
  1030. }
  1031. /* Overlay / modal
  1032. -----------------------------------------------------------------------------------------------------------*/
  1033. .ui-overlay {
  1034. background: #666;
  1035. filter: Alpha(Opacity=50);
  1036. opacity: .5;
  1037. position: absolute;
  1038. width: 100%;
  1039. height: 100%;
  1040. }
  1041. .ui-overlay-shadow {
  1042. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
  1043. -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
  1044. box-shadow: 0px 0px 12px rgba(0,0,0,.6);
  1045. }
  1046. .ui-shadow {
  1047. -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
  1048. -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
  1049. box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/;
  1050. }
  1051. .ui-bar-a .ui-shadow,
  1052. .ui-bar-b .ui-shadow ,
  1053. .ui-bar-c .ui-shadow {
  1054. -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
  1055. -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
  1056. box-shadow: 0px 1px 0 rgba(255,255,255,.3);
  1057. }
  1058. .ui-shadow-inset {
  1059. -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
  1060. -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
  1061. box-shadow: inset 0px 1px 4px rgba(0,0,0,.2);
  1062. }
  1063. .ui-icon-shadow {
  1064. -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1065. -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1066. box-shadow: 0px 1px 0 rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  1067. }
  1068. /* Focus state - set here for specificity (note: these classes are added by JavaScript)
  1069. -----------------------------------------------------------------------------------------------------------*/
  1070. .ui-btn:focus, .ui-link-inherit:focus {
  1071. outline: 0;
  1072. }
  1073. .ui-btn.ui-focus {
  1074. z-index: 1;
  1075. }
  1076. .ui-focus,
  1077. .ui-btn:focus {
  1078. -moz-box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
  1079. -webkit-box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
  1080. box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
  1081. }
  1082. .ui-input-text.ui-focus,
  1083. .ui-input-search.ui-focus {
  1084. -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
  1085. -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
  1086. box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
  1087. }
  1088. /* unset box shadow in browsers that don't do it right
  1089. -----------------------------------------------------------------------------------------------------------*/
  1090. .ui-mobile-nosupport-boxshadow * {
  1091. -moz-box-shadow: none !important;
  1092. -webkit-box-shadow: none !important;
  1093. box-shadow: none !important;
  1094. }
  1095. /* ...and bring back focus */
  1096. .ui-mobile-nosupport-boxshadow .ui-focus,
  1097. .ui-mobile-nosupport-boxshadow .ui-btn:focus,
  1098. .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
  1099. outline-width: 1px;
  1100. outline-style: auto;
  1101. }
  1102. /* some unsets - more probably needed */
  1103. .ui-mobile, .ui-mobile body { height: 99.9%; }
  1104. .ui-mobile fieldset, .ui-page { padding: 0; margin: 0; }
  1105. .ui-mobile a img, .ui-mobile fieldset { border-width: 0; }
  1106. /* responsive page widths */
  1107. .ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  1108. /* Issue #2066 */
  1109. body.ui-mobile-viewport,
  1110. div.ui-mobile-viewport { overflow-x: hidden; }
  1111. /* "page" containers - full-screen views, one should always be in view post-pageload */
  1112. .ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; }
  1113. .ui-mobile .ui-page-active { display: block; overflow: visible; }
  1114. /* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
  1115. .ui-page { outline: none; }
  1116. /*orientations from js are available */
  1117. @media screen and (orientation: portrait){
  1118. .ui-mobile, .ui-mobile .ui-page { min-height: 420px; }
  1119. }
  1120. @media screen and (orientation: landscape){
  1121. .ui-mobile, .ui-mobile .ui-page { min-height: 300px; }
  1122. }
  1123. /* loading screen */
  1124. .ui-loading .ui-loader { display: block; }
  1125. .ui-loader { display: none; z-index: 9999999; position: fixed; top: 50%; left: 50%; border:0; }
  1126. .ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
  1127. .ui-loader-verbose { width: 200px; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
  1128. .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; }
  1129. .ui-loader-verbose h1 { font-size: 16px; margin: 0; text-align: center; }
  1130. .ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }
  1131. .ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
  1132. .ui-loader-textonly { padding: 15px; margin-left: -115px; }
  1133. .ui-loader-textonly .ui-icon { display: none; }
  1134. .ui-loader-fakefix { position: absolute; }
  1135. /*fouc*/
  1136. .ui-mobile-rendering > * { visibility: hidden; }
  1137. /*headers, content panels*/
  1138. .ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; }
  1139. .ui-bar { font-size: 16px; margin: 0; }
  1140. .ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; }
  1141. .ui-header, .ui-footer { position: relative; border-left-width: 0; border-right-width: 0; zoom: 1; }
  1142. .ui-header .ui-btn-left,
  1143. .ui-header .ui-btn-right,
  1144. .ui-footer .ui-btn-left,
  1145. .ui-footer .ui-btn-right { position: absolute; top: 3px; }
  1146. .ui-header .ui-btn-left,
  1147. .ui-footer .ui-btn-left { left: 5px; }
  1148. .ui-header .ui-btn-right,
  1149. .ui-footer .ui-btn-right { right: 5px; }
  1150. .ui-footer .ui-btn-icon-notext,
  1151. .ui-header .ui-btn-icon-notext { top: 6px; }
  1152. .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
  1153. .ui-footer .ui-title { margin: .6em 15px .8em; }
  1154. /*content area*/
  1155. .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; }
  1156. /* icons sizing */
  1157. .ui-icon { width: 18px; height: 18px; }
  1158. /* non-js content hiding */
  1159. .ui-nojs { position: absolute; left: -9999px; }
  1160. /* accessible content hiding */
  1161. .ui-hide-label label.ui-input-text, .ui-hide-label label.ui-select, .ui-hide-label label.ui-slider, .ui-hide-label label.ui-submit, .ui-hide-label .ui-controlgroup-label,
  1162. .ui-hidden-accessible { position: absolute !important; left: -9999px; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
  1163. /* Transitions originally inspired by those from jQtouch, nice work, folks */
  1164. .ui-mobile-viewport-transitioning,
  1165. .ui-mobile-viewport-transitioning .ui-page {
  1166. width: 100%;
  1167. height: 100%;
  1168. overflow: hidden;
  1169. -webkit-box-sizing: border-box;
  1170. -moz-box-sizing: border-box;
  1171. box-sizing: border-box;
  1172. }
  1173. .ui-page-pre-in {
  1174. opacity: 0;
  1175. }
  1176. .in {
  1177. -webkit-animation-timing-function: ease-out;
  1178. -webkit-animation-duration: 350ms;
  1179. -moz-animation-timing-function: ease-out;
  1180. -moz-animation-duration: 350ms;
  1181. }
  1182. .out {
  1183. -webkit-animation-timing-function: ease-in;
  1184. -webkit-animation-duration: 225ms;
  1185. -moz-animation-timing-function: ease-in;
  1186. -moz-animation-duration: 225ms;
  1187. }
  1188. @-webkit-keyframes fadein {
  1189. from { opacity: 0; }
  1190. to { opacity: 1; }
  1191. }
  1192. @-moz-keyframes fadein {
  1193. from { opacity: 0; }
  1194. to { opacity: 1; }
  1195. }
  1196. @-webkit-keyframes fadeout {
  1197. from { opacity: 1; }
  1198. to { opacity: 0; }
  1199. }
  1200. @-moz-keyframes fadeout {
  1201. from { opacity: 1; }
  1202. to { opacity: 0; }
  1203. }
  1204. .fade.out {
  1205. opacity: 0;
  1206. -webkit-animation-duration: 125ms;
  1207. -webkit-animation-name: fadeout;
  1208. -moz-animation-duration: 125ms;
  1209. -moz-animation-name: fadeout;
  1210. }
  1211. .fade.in {
  1212. opacity: 1;
  1213. -webkit-animation-duration: 225ms;
  1214. -webkit-animation-name: fadein;
  1215. -moz-animation-duration: 225ms;
  1216. -moz-animation-name: fadein;
  1217. }
  1218. .pop {
  1219. -webkit-transform-origin: 50% 50%;
  1220. -moz-transform-origin: 50% 50%;
  1221. }
  1222. .pop.in {
  1223. -webkit-transform: scale(1);
  1224. -moz-transform: scale(1);
  1225. opacity: 1;
  1226. -webkit-animation-name: popin;
  1227. -moz-animation-name: popin;
  1228. -webkit-animation-duration: 350ms;
  1229. -moz-animation-duration: 350ms;
  1230. }
  1231. .pop.out {
  1232. -webkit-animation-name: fadeout;
  1233. -moz-animation-name: fadeout;
  1234. opacity: 0;
  1235. -webkit-animation-duration: 100ms;
  1236. -moz-animation-duration: 100ms;
  1237. }
  1238. .pop.in.reverse {
  1239. -webkit-animation-name: fadein;
  1240. -moz-animation-name: fadein;
  1241. }
  1242. .pop.out.reverse {
  1243. -webkit-transform: scale(.8);
  1244. -moz-transform: scale(.8);
  1245. -webkit-animation-name: popout;
  1246. -moz-animation-name: popout;
  1247. }
  1248. @-webkit-keyframes popin {
  1249. from {
  1250. -webkit-transform: scale(.8);
  1251. opacity: 0;
  1252. }
  1253. to {
  1254. -webkit-transform: scale(1);
  1255. opacity: 1;
  1256. }
  1257. }
  1258. @-moz-keyframes popin {
  1259. from {
  1260. -moz-transform: scale(.8);
  1261. opacity: 0;
  1262. }
  1263. to {
  1264. -moz-transform: scale(1);
  1265. opacity: 1;
  1266. }
  1267. }
  1268. @-webkit-keyframes popout {
  1269. from {
  1270. -webkit-transform: scale(1);
  1271. opacity: 1;
  1272. }
  1273. to {
  1274. -webkit-transform: scale(.8);
  1275. opacity: 0;
  1276. }
  1277. }
  1278. @-moz-keyframes popout {
  1279. from {
  1280. -moz-transform: scale(1);
  1281. opacity: 1;
  1282. }
  1283. to {
  1284. -moz-transform: scale(.8);
  1285. opacity: 0;
  1286. }
  1287. }
  1288. /* keyframes for slidein from sides */
  1289. @-webkit-keyframes slideinfromright {
  1290. from { -webkit-transform: translateX(100%); }
  1291. to { -webkit-transform: translateX(0); }
  1292. }
  1293. @-moz-keyframes slideinfromright {
  1294. from { -moz-transform: translateX(100%); }
  1295. to { -moz-transform: translateX(0); }
  1296. }
  1297. @-webkit-keyframes slideinfromleft {
  1298. from { -webkit-transform: translateX(-100%); }
  1299. to { -webkit-transform: translateX(0); }
  1300. }
  1301. @-moz-keyframes slideinfromleft {
  1302. from { -moz-transform: translateX(-100%); }
  1303. to { -moz-transform: translateX(0); }
  1304. }
  1305. /* keyframes for slideout to sides */
  1306. @-webkit-keyframes slideouttoleft {
  1307. from { -webkit-transform: translateX(0); }
  1308. to { -webkit-transform: translateX(-100%); }
  1309. }
  1310. @-moz-keyframes slideouttoleft {
  1311. from { -moz-transform: translateX(0); }
  1312. to { -moz-transform: translateX(-100%); }
  1313. }
  1314. @-webkit-keyframes slideouttoright {
  1315. from { -webkit-transform: translateX(0); }
  1316. to { -webkit-transform: translateX(100%); }
  1317. }
  1318. @-moz-keyframes slideouttoright {
  1319. from { -moz-transform: translateX(0); }
  1320. to { -moz-transform: translateX(100%); }
  1321. }
  1322. .slide.out, .slide.in {
  1323. -webkit-animation-timing-function: ease-out;
  1324. -webkit-animation-duration: 350ms;
  1325. -moz-animation-timing-function: ease-out;
  1326. -moz-animation-duration: 350ms;
  1327. }
  1328. .slide.out {
  1329. -webkit-transform: translateX(-100%);
  1330. -webkit-animation-name: slideouttoleft;
  1331. -moz-transform: translateX(-100%);
  1332. -moz-animation-name: slideouttoleft;
  1333. }
  1334. .slide.in {
  1335. -webkit-transform: translateX(0);
  1336. -webkit-animation-name: slideinfromright;
  1337. -moz-transform: translateX(0);
  1338. -moz-animation-name: slideinfromright;
  1339. }
  1340. .slide.out.reverse {
  1341. -webkit-transform: translateX(100%);
  1342. -webkit-animation-name: slideouttoright;
  1343. -moz-transform: translateX(100%);
  1344. -moz-animation-name: slideouttoright;
  1345. }
  1346. .slide.in.reverse {
  1347. -webkit-transform: translateX(0);
  1348. -webkit-animation-name: slideinfromleft;
  1349. -moz-transform: translateX(0);
  1350. -moz-animation-name: slideinfromleft;
  1351. }
  1352. .slidefade.out {
  1353. -webkit-transform: translateX(-100%);
  1354. -webkit-animation-name: slideouttoleft;
  1355. -moz-transform: translateX(-100%);
  1356. -moz-animation-name: slideouttoleft;
  1357. -webkit-animation-duration: 225ms;
  1358. -moz-animation-duration: 225ms;
  1359. }
  1360. .slidefade.in {
  1361. -webkit-transform: translateX(0);
  1362. -webkit-animation-name: fadein;
  1363. -moz-transform: translateX(0);
  1364. -moz-animation-name: fadein;
  1365. -webkit-animation-duration: 200ms;
  1366. -moz-animation-duration: 200ms;
  1367. }
  1368. .slidefade.out.reverse {
  1369. -webkit-transform: translateX(100%);
  1370. -webkit-animation-name: slideouttoright;
  1371. -moz-transform: translateX(100%);
  1372. -moz-animation-name: slideouttoright;
  1373. -webkit-animation-duration: 200ms;
  1374. -moz-animation-duration: 200ms;
  1375. }
  1376. .slidefade.in.reverse {
  1377. -webkit-transform: translateX(0);
  1378. -webkit-animation-name: fadein;
  1379. -moz-transform: translateX(0);
  1380. -moz-animation-name: fadein;
  1381. -webkit-animation-duration: 200ms;
  1382. -moz-animation-duration: 200ms;
  1383. }
  1384. /* slide down */
  1385. .slidedown.out {
  1386. -webkit-animation-name: fadeout;
  1387. -moz-animation-name: fadeout;
  1388. -webkit-animation-duration: 100ms;
  1389. -moz-animation-duration: 100ms;
  1390. }
  1391. .slidedown.in {
  1392. -webkit-transform: translateY(0);
  1393. -webkit-animation-name: slideinfromtop;
  1394. -moz-transform: translateY(0);
  1395. -moz-animation-name: slideinfromtop;
  1396. -webkit-animation-duration: 250ms;
  1397. -moz-animation-duration: 250ms;
  1398. }
  1399. .slidedown.in.reverse {
  1400. -webkit-animation-name: fadein;
  1401. -moz-animation-name: fadein;
  1402. -webkit-animation-duration: 150ms;
  1403. -moz-animation-duration: 150ms;
  1404. }
  1405. .slidedown.out.reverse {
  1406. -webkit-transform: translateY(-100%);
  1407. -moz-transform: translateY(-100%);
  1408. -webkit-animation-name: slideouttotop;
  1409. -moz-animation-name: slideouttotop;
  1410. -webkit-animation-duration: 200ms;
  1411. -moz-animation-duration: 200ms;
  1412. }
  1413. @-webkit-keyframes slideinfromtop {
  1414. from { -webkit-transform: translateY(-100%); }
  1415. to { -webkit-transform: translateY(0); }
  1416. }
  1417. @-moz-keyframes slideinfromtop {
  1418. from { -moz-transform: translateY(-100%); }
  1419. to { -moz-transform: translateY(0); }
  1420. }
  1421. @-webkit-keyframes slideouttotop {
  1422. from { -webkit-transform: translateY(0); }
  1423. to { -webkit-transform: translateY(-100%); }
  1424. }
  1425. @-moz-keyframes slideouttotop {
  1426. from { -moz-transform: translateY(0); }
  1427. to { -moz-transform: translateY(-100%); }
  1428. }
  1429. /* slide up */
  1430. .slideup.out {
  1431. -webkit-animation-name: fadeout;
  1432. -moz-animation-name: fadeout;
  1433. -webkit-animation-duration: 100ms;
  1434. -moz-animation-duration: 100ms;
  1435. }
  1436. .slideup.in {
  1437. -webkit-transform: translateY(0);
  1438. -webkit-animation-name: slideinfrombottom;
  1439. -moz-transform: translateY(0);
  1440. -moz-animation-name: slideinfrombottom;
  1441. -webkit-animation-duration: 250ms;
  1442. -moz-animation-duration: 250ms;
  1443. }
  1444. .slideup.in.reverse {
  1445. -webkit-animation-name: fadein;
  1446. -moz-animation-name: fadein;
  1447. -webkit-animation-duration: 150ms;
  1448. -moz-animation-duration: 150ms;
  1449. }
  1450. .slideup.out.reverse {
  1451. -webkit-transform: translateY(100%);
  1452. -moz-transform: translateY(100%);
  1453. -webkit-animation-name: slideouttobottom;
  1454. -moz-animation-name: slideouttobottom;
  1455. -webkit-animation-duration: 200ms;
  1456. -moz-animation-duration: 200ms;
  1457. }
  1458. @-webkit-keyframes slideinfrombottom {
  1459. from { -webkit-transform: translateY(100%); }
  1460. to { -webkit-transform: translateY(0); }
  1461. }
  1462. @-moz-keyframes slideinfrombottom {
  1463. from { -moz-transform: translateY(100%); }
  1464. to { -moz-transform: translateY(0); }
  1465. }
  1466. @-webkit-keyframes slideouttobottom {
  1467. from { -webkit-transform: translateY(0); }
  1468. to { -webkit-transform: translateY(100%); }
  1469. }
  1470. @-moz-keyframes slideouttobottom {
  1471. from { -moz-transform: translateY(0); }
  1472. to { -moz-transform: translateY(100%); }
  1473. }
  1474. /* The properties in this rule are only necessary for the 'flip' transition.
  1475. * We need specify the perspective to create a projection matrix. This will add
  1476. * some depth as the element flips. The depth number represents the distance of
  1477. * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1478. * value.
  1479. */
  1480. .viewport-flip {
  1481. -webkit-perspective: 1000;
  1482. -moz-perspective: 1000;
  1483. position: absolute;
  1484. }
  1485. .flip {
  1486. -webkit-backface-visibility:hidden;
  1487. -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  1488. -moz-backface-visibility:hidden;
  1489. -moz-transform:translateX(0);
  1490. }
  1491. .flip.out {
  1492. -webkit-transform: rotateY(-90deg) scale(.9);
  1493. -webkit-animation-name: flipouttoleft;
  1494. -webkit-animation-duration: 175ms;
  1495. -moz-transform: rotateY(-90deg) scale(.9);
  1496. -moz-animation-name: flipouttoleft;
  1497. -moz-animation-duration: 175ms;
  1498. }
  1499. .flip.in {
  1500. -webkit-animation-name: flipintoright;
  1501. -webkit-animation-duration: 225ms;
  1502. -moz-animation-name: flipintoright;
  1503. -moz-animation-duration: 225ms;
  1504. }
  1505. .flip.out.reverse {
  1506. -webkit-transform: rotateY(90deg) scale(.9);
  1507. -webkit-animation-name: flipouttoright;
  1508. -moz-transform: rotateY(90deg) scale(.9);
  1509. -moz-animation-name: flipouttoright;
  1510. }
  1511. .flip.in.reverse {
  1512. -webkit-animation-name: flipintoleft;
  1513. -moz-animation-name: flipintoleft;
  1514. }
  1515. @-webkit-keyframes flipouttoleft {
  1516. from { -webkit-transform: rotateY(0); }
  1517. to { -webkit-transform: rotateY(-90deg) scale(.9); }
  1518. }
  1519. @-moz-keyframes flipouttoleft {
  1520. from { -moz-transform: rotateY(0); }
  1521. to { -moz-transform: rotateY(-90deg) scale(.9); }
  1522. }
  1523. @-webkit-keyframes flipouttoright {
  1524. from { -webkit-transform: rotateY(0) ; }
  1525. to { -webkit-transform: rotateY(90deg) scale(.9); }
  1526. }
  1527. @-moz-keyframes flipouttoright {
  1528. from { -moz-transform: rotateY(0); }
  1529. to { -moz-transform: rotateY(90deg) scale(.9); }
  1530. }
  1531. @-webkit-keyframes flipintoleft {
  1532. from { -webkit-transform: rotateY(-90deg) scale(.9); }
  1533. to { -webkit-transform: rotateY(0); }
  1534. }
  1535. @-moz-keyframes flipintoleft {
  1536. from { -moz-transform: rotateY(-90deg) scale(.9); }
  1537. to { -moz-transform: rotateY(0); }
  1538. }
  1539. @-webkit-keyframes flipintoright {
  1540. from { -webkit-transform: rotateY(90deg) scale(.9); }
  1541. to { -webkit-transform: rotateY(0); }
  1542. }
  1543. @-moz-keyframes flipintoright {
  1544. from { -moz-transform: rotateY(90deg) scale(.9); }
  1545. to { -moz-transform: rotateY(0); }
  1546. }
  1547. /* The properties in this rule are only necessary for the 'flip' transition.
  1548. * We need specify the perspective to create a projection matrix. This will add
  1549. * some depth as the element flips. The depth number represents the distance of
  1550. * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  1551. * value.
  1552. */
  1553. .viewport-turn {
  1554. -webkit-perspective: 1000;
  1555. -moz-perspective: 1000;
  1556. position: absolute;
  1557. }
  1558. .turn {
  1559. -webkit-backface-visibility:hidden;
  1560. -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  1561. -webkit-transform-origin: 0;
  1562. -moz-backface-visibility:hidden;
  1563. -moz-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
  1564. -moz-transform-origin: 0;
  1565. }
  1566. .turn.out {
  1567. -webkit-transform: rotateY(-90deg) scale(.9);
  1568. -webkit-animation-name: flipouttoleft;
  1569. -moz-transform: rotateY(-90deg) scale(.9);
  1570. -moz-animation-name: flipouttoleft;
  1571. -webkit-animation-duration: 125ms;
  1572. -moz-animation-duration: 125ms;
  1573. }
  1574. .turn.in {
  1575. -webkit-animation-name: flipintoright;
  1576. -moz-animation-name: flipintoright;
  1577. -webkit-animation-duration: 250ms;
  1578. -moz-animation-duration: 250ms;
  1579. }
  1580. .turn.out.reverse {
  1581. -webkit-transform: rotateY(90deg) scale(.9);
  1582. -webkit-animation-name: flipouttoright;
  1583. -moz-transform: rotateY(90deg) scale(.9);
  1584. -moz-animation-name: flipouttoright;
  1585. }
  1586. .turn.in.reverse {
  1587. -webkit-animation-name: flipintoleft;
  1588. -moz-animation-name: flipintoleft;
  1589. }
  1590. @-webkit-keyframes flipouttoleft {
  1591. from { -webkit-transform: rotateY(0); }
  1592. to { -webkit-transform: rotateY(-90deg) scale(.9); }
  1593. }
  1594. @-moz-keyframes flipouttoleft {
  1595. from { -moz-transform: rotateY(0); }
  1596. to { -moz-transform: rotateY(-90deg) scale(.9); }
  1597. }
  1598. @-webkit-keyframes flipouttoright {
  1599. from { -webkit-transform: rotateY(0) ; }
  1600. to { -webkit-transform: rotateY(90deg) scale(.9); }
  1601. }
  1602. @-moz-keyframes flipouttoright {
  1603. from { -moz-transform: rotateY(0); }
  1604. to { -moz-transform: rotateY(90deg) scale(.9); }
  1605. }
  1606. @-webkit-keyframes flipintoleft {
  1607. from { -webkit-transform: rotateY(-90deg) scale(.9); }
  1608. to { -webkit-transform: rotateY(0); }
  1609. }
  1610. @-moz-keyframes flipintoleft {
  1611. from { -moz-transform: rotateY(-90deg) scale(.9); }
  1612. to { -moz-transform: rotateY(0); }
  1613. }
  1614. @-webkit-keyframes flipintoright {
  1615. from { -webkit-transform: rotateY(90deg) scale(.9); }
  1616. to { -webkit-transform: rotateY(0); }
  1617. }
  1618. @-moz-keyframes flipintoright {
  1619. from { -moz-transform: rotateY(90deg) scale(.9); }
  1620. to { -moz-transform: rotateY(0); }
  1621. }
  1622. /* flow transition */
  1623. .flow {
  1624. -webkit-transform-origin: 50% 30%;
  1625. -moz-transform-origin: 50% 30%;
  1626. -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
  1627. -moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
  1628. }
  1629. .ui-dialog.flow {
  1630. -webkit-transform-origin: none;
  1631. -moz-transform-origin: none;
  1632. -webkit-box-shadow: none;
  1633. -moz-box-shadow: none;
  1634. }
  1635. .flow.out {
  1636. -webkit-transform: translateX(-100%) scale(.7);
  1637. -webkit-animation-name: flowouttoleft;
  1638. -webkit-animation-timing-function: ease;
  1639. -webkit-animation-duration: 350ms;
  1640. -moz-transform: translateX(-100%) scale(.7);
  1641. -moz-animation-name: flowouttoleft;
  1642. -moz-animation-timing-function: ease;
  1643. -moz-animation-duration: 350ms;
  1644. }
  1645. .flow.in {
  1646. -webkit-transform: translateX(0) scale(1);
  1647. -webkit-animation-name: flowinfromright;
  1648. -webkit-animation-timing-function: ease;
  1649. -webkit-animation-duration: 350ms;
  1650. -moz-transform: translateX(0) scale(1);
  1651. -moz-animation-name: flowinfromright;
  1652. -moz-animation-timing-function: ease;
  1653. -moz-animation-duration: 350ms;
  1654. }
  1655. .flow.out.reverse {
  1656. -webkit-transform: translateX(100%);
  1657. -webkit-animation-name: flowouttoright;
  1658. -moz-transform: translateX(100%);
  1659. -moz-animation-name: flowouttoright;
  1660. }
  1661. .flow.in.reverse {
  1662. -webkit-animation-name: flowinfromleft;
  1663. -moz-animation-name: flowinfromleft;
  1664. }
  1665. @-webkit-keyframes flowouttoleft {
  1666. 0% { -webkit-transform: translateX(0) scale(1); }
  1667. 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
  1668. 100% { -webkit-transform: translateX(-100%) scale(.7); }
  1669. }
  1670. @-moz-keyframes flowouttoleft {
  1671. 0% { -moz-transform: translateX(0) scale(1); }
  1672. 60%, 70% { -moz-transform: translateX(0) scale(.7); }
  1673. 100% { -moz-transform: translateX(-100%) scale(.7); }
  1674. }
  1675. @-webkit-keyframes flowouttoright {
  1676. 0% { -webkit-transform: translateX(0) scale(1); }
  1677. 60%, 70% { -webkit-transform: translateX(0) scale(.7); }
  1678. 100% { -webkit-transform: translateX(100%) scale(.7); }
  1679. }
  1680. @-moz-keyframes flowouttoright {
  1681. 0% { -moz-transform: translateX(0) scale(1); }
  1682. 60%, 70% { -moz-transform: translateX(0) scale(.7); }
  1683. 100% { -moz-transform: translateX(100%) scale(.7); }
  1684. }
  1685. @-webkit-keyframes flowinfromleft {
  1686. 0% { -webkit-transform: translateX(-100%) scale(.7); }
  1687. 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
  1688. 100% { -webkit-transform: translateX(0) scale(1); }
  1689. }
  1690. @-moz-keyframes flowinfromleft {
  1691. 0% { -moz-transform: translateX(-100%) scale(.7); }
  1692. 30%, 40% { -moz-transform: translateX(0) scale(.7); }
  1693. 100% { -moz-transform: translateX(0) scale(1); }
  1694. }
  1695. @-webkit-keyframes flowinfromright {
  1696. 0% { -webkit-transform: translateX(100%) scale(.7); }
  1697. 30%, 40% { -webkit-transform: translateX(0) scale(.7); }
  1698. 100% { -webkit-transform: translateX(0) scale(1); }
  1699. }
  1700. @-moz-keyframes flowinfromright {
  1701. 0% { -moz-transform: translateX(100%) scale(.7); }
  1702. 30%, 40% { -moz-transform: translateX(0) scale(.7); }
  1703. 100% { -moz-transform: translateX(0) scale(1); }
  1704. }
  1705. /* content configurations. */
  1706. .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
  1707. .ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  1708. /* grid solo: 100 - single item fallback */
  1709. .ui-grid-solo .ui-block-a { display: block; float: none; }
  1710. /* Lower percentages for older browsers (i.e. IE7) to prevent wrapping. -.5px to fix BB5 wrap issue. */
  1711. /* grid a: 50/50 */
  1712. .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 49.95%; }
  1713. .ui-grid-a > :nth-child(n) { width: 50%; margin-right: -.5px; }
  1714. .ui-grid-a .ui-block-a { clear: left; }
  1715. /* grid b: 33/33/33 */
  1716. .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.25%; }
  1717. .ui-grid-b > :nth-child(n) { width: 33.333%; margin-right: -.5px; }
  1718. .ui-grid-b .ui-block-a { clear: left; }
  1719. /* grid c: 25/25/25/25 */
  1720. .ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 24.925%; }
  1721. .ui-grid-c > :nth-child(n) { width: 25%; margin-right: -.5px; }
  1722. .ui-grid-c .ui-block-a { clear: left; }
  1723. /* grid d: 20/20/20/20/20 */
  1724. .ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 19.925%; }
  1725. .ui-grid-d > :nth-child(n) { width: 20%; }
  1726. .ui-grid-d .ui-block-a { clear: left; }
  1727. /* fixed page header & footer configuration */
  1728. .ui-header-fixed,
  1729. .ui-footer-fixed {
  1730. left: 0;
  1731. right: 0;
  1732. width: 100%;
  1733. position: fixed;
  1734. z-index: 1000;
  1735. }
  1736. .ui-header-fixed {
  1737. top: 0;
  1738. }
  1739. .ui-footer-fixed {
  1740. bottom: 0;
  1741. }
  1742. .ui-header-fullscreen,
  1743. .ui-footer-fullscreen {
  1744. filter: Alpha(Opacity=90);
  1745. opacity: .9;
  1746. }
  1747. .ui-page-header-fixed {
  1748. padding-top: 2.6875em;
  1749. }
  1750. .ui-page-footer-fixed {
  1751. padding-bottom: 2.6875em;
  1752. }
  1753. .ui-page-header-fullscreen .ui-content,
  1754. .ui-page-footer-fullscreen .ui-content {
  1755. padding: 0;
  1756. }
  1757. .ui-fixed-hidden {
  1758. position: absolute;
  1759. }
  1760. .ui-page-header-fullscreen .ui-fixed-hidden,
  1761. .ui-page-footer-fullscreen .ui-fixed-hidden {
  1762. left: -9999px;
  1763. }
  1764. .ui-header-fixed .ui-btn,
  1765. .ui-footer-fixed .ui-btn {
  1766. z-index: 10;
  1767. }
  1768. .ui-navbar { max-width: 100%; }
  1769. .ui-navbar.ui-mini { margin: 0; }
  1770. .ui-navbar ul:before, .ui-navbar ul:after { content: " "; display: table; }
  1771. .ui-navbar ul:after { clear: both; }
  1772. .ui-navbar ul { list-style:none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; zoom: 1; }
  1773. .ui-navbar li .ui-btn { display: block; text-align: center; margin: 0 -1px 0 0; border-right-width: 0; }
  1774. .ui-navbar li .ui-btn-icon-right .ui-icon { right: 6px; }
  1775. /* add border if not in header/footer (full width) */
  1776. .ui-navbar li:last-child .ui-btn,
  1777. .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: 0; border-right-width: 1px; }
  1778. .ui-header .ui-navbar li:last-child .ui-btn,
  1779. .ui-footer .ui-navbar li:last-child .ui-btn,
  1780. .ui-header .ui-navbar .ui-grid-duo .ui-block-b .ui-btn,
  1781. .ui-footer .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { margin-right: -1px; border-right-width: 0; }
  1782. .ui-navbar .ui-grid-duo li.ui-block-a:last-child .ui-btn { margin-right: -1px; border-right-width: 1px; }
  1783. .ui-header .ui-navbar li .ui-btn,
  1784. .ui-footer .ui-navbar li .ui-btn { border-top-width: 0; border-bottom-width: 0; }
  1785. /* fixing gaps caused by subpixel problem */
  1786. .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn,
  1787. .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn { margin-right: -5px; }
  1788. .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
  1789. .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn,
  1790. .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn,
  1791. .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn { margin-right: -4px; }
  1792. .ui-header .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
  1793. .ui-footer .ui-navbar .ui-grid-b li.ui-block-c .ui-btn-icon-right .ui-icon,
  1794. .ui-header .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
  1795. .ui-footer .ui-navbar .ui-grid-c li.ui-block-d .ui-btn-icon-right .ui-icon,
  1796. .ui-header .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon,
  1797. .ui-footer .ui-navbar .ui-grid-d li.ui-block-e .ui-btn-icon-right .ui-icon { right: 8px; }
  1798. .ui-navbar li .ui-btn .ui-btn-inner { padding-top: .7em; padding-bottom: .8em }
  1799. .ui-navbar li .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
  1800. .ui-navbar li .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
  1801. .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; }
  1802. .ui-mini { margin-top: .25em; margin-bottom: .25em; }
  1803. .ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline,
  1804. .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; }
  1805. .ui-btn-inner { font-size: 16px; padding: .6em 20px; min-width: .75em; display: block; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; zoom: 1; }
  1806. .ui-btn input, .ui-btn button { z-index: 2; }
  1807. .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; }
  1808. .ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right { margin: 0; } /* .ui-mobile to increase specificity level */
  1809. .ui-btn-block { display: block; }
  1810. .ui-header > .ui-btn,
  1811. .ui-footer > .ui-btn { display: inline-block; margin: 0; }
  1812. .ui-header .ui-btn-block,
  1813. .ui-footer .ui-btn-block { display: block; }
  1814. .ui-header .ui-btn-inner,
  1815. .ui-footer .ui-btn-inner,
  1816. .ui-mini .ui-btn-inner { font-size: 12.5px; padding: .55em 11px .5em; }
  1817. .ui-fullsize .ui-btn-inner,
  1818. .ui-fullsize .ui-btn-inner { font-size: 16px; padding: .6em 20px; }
  1819. .ui-btn-icon-notext { width: 24px; height: 24px; }
  1820. .ui-btn-icon-notext .ui-btn-inner { padding: 0; height: 100%; }
  1821. .ui-btn-icon-notext .ui-btn-inner .ui-icon { margin: 2px 1px 2px 3px; float: left; }
  1822. .ui-btn-text { position: relative; z-index: 1; width: 100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
  1823. .ui-btn-icon-notext .ui-btn-text { position: absolute; left: -9999px; }
  1824. .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
  1825. .ui-btn-icon-right .ui-btn-inner { padding-right: 40px; }
  1826. .ui-btn-icon-top .ui-btn-inner { padding-top: 40px; }
  1827. .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 40px; }
  1828. .ui-header .ui-btn-icon-left .ui-btn-inner,
  1829. .ui-footer .ui-btn-icon-left .ui-btn-inner,
  1830. .ui-mini.ui-btn-icon-left .ui-btn-inner,
  1831. .ui-mini .ui-btn-icon-left .ui-btn-inner { padding-left: 30px; }
  1832. .ui-header .ui-btn-icon-right .ui-btn-inner,
  1833. .ui-footer .ui-btn-icon-right .ui-btn-inner,
  1834. .ui-mini.ui-btn-icon-right .ui-btn-inner,
  1835. .ui-mini .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
  1836. .ui-header .ui-btn-icon-top .ui-btn-inner,
  1837. .ui-footer .ui-btn-icon-top .ui-btn-inner { padding: 30px 3px .5em 3px; }
  1838. .ui-mini.ui-btn-icon-top .ui-btn-inner,
  1839. .ui-mini .ui-btn-icon-top .ui-btn-inner { padding-top: 30px; }
  1840. .ui-header .ui-btn-icon-bottom .ui-btn-inner,
  1841. .ui-footer .ui-btn-icon-bottom .ui-btn-inner { padding: .55em 3px 30px 3px; }
  1842. .ui-mini.ui-btn-icon-bottom .ui-btn-inner,
  1843. .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
  1844. /*btn icon positioning*/
  1845. .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
  1846. .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
  1847. .ui-btn-icon-top .ui-btn-inner .ui-icon, .ui-btn-icon-bottom .ui-btn-inner .ui-icon { position: absolute; left: 50%; margin-left: -9px; }
  1848. .ui-btn-icon-left .ui-icon { left: 10px; }
  1849. .ui-btn-icon-right .ui-icon { right: 10px; }
  1850. .ui-btn-icon-top .ui-icon { top: 10px; }
  1851. .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
  1852. .ui-header .ui-btn-icon-left .ui-icon,
  1853. .ui-footer .ui-btn-icon-left .ui-icon,
  1854. .ui-mini.ui-btn-icon-left .ui-icon,
  1855. .ui-mini .ui-btn-icon-left .ui-icon { left: 5px; }
  1856. .ui-header .ui-btn-icon-right .ui-icon,
  1857. .ui-footer .ui-btn-icon-right .ui-icon,
  1858. .ui-mini.ui-btn-icon-right .ui-icon,
  1859. .ui-mini .ui-btn-icon-right .ui-icon { right: 5px; }
  1860. .ui-header .ui-btn-icon-top .ui-icon,
  1861. .ui-footer .ui-btn-icon-top .ui-icon,
  1862. .ui-mini.ui-btn-icon-top .ui-icon,
  1863. .ui-mini .ui-btn-icon-top .ui-icon { top: 5px; }
  1864. .ui-header .ui-btn-icon-bottom .ui-icon,
  1865. .ui-footer .ui-btn-icon-bottom .ui-icon,
  1866. .ui-mini.ui-btn-icon-bottom .ui-icon,
  1867. .ui-mini .ui-btn-icon-bottom .ui-icon { bottom: 5px; }
  1868. /*hiding native button,inputs */
  1869. .ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: none; cursor: pointer; background: #fff; background: rgba(255,255,255,0); filter: Alpha(Opacity=0); opacity: .1; font-size: 1px; border: none; text-indent: -9999px; }
  1870. /* Fixes IE/WP filter alpha opacity bugs */
  1871. .ui-disabled .ui-btn-hidden { display: none; }
  1872. .ui-disabled { z-index: 1; }
  1873. .ui-field-contain .ui-btn.ui-submit { margin: 0; }
  1874. label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
  1875. @media all and (min-width: 450px){
  1876. .ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  1877. .ui-field-contain .ui-btn.ui-submit { width: 78%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  1878. .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
  1879. }
  1880. .ui-collapsible-inset { margin: .5em 0; }
  1881. .ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -15px; padding: 0; position: relative; }
  1882. .ui-collapsible-inset .ui-collapsible-heading { margin: 0; }
  1883. .ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; }
  1884. .ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; }
  1885. .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 0; }
  1886. .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; }
  1887. .ui-collapsible-heading .ui-btn-inner,
  1888. .ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner { padding-left: 40px; }
  1889. .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner { padding-left: 12px; padding-right: 40px; }
  1890. .ui-collapsible-heading .ui-btn-icon-top .ui-btn-inner,
  1891. .ui-collapsible-heading .ui-btn-icon-bottom .ui-btn-inner { padding-right: 40px; text-align: center; }
  1892. .ui-collapsible-heading .ui-btn span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; }
  1893. .ui-collapsible-heading .ui-btn span.ui-btn .ui-btn-inner { padding: 10px 0; }
  1894. .ui-collapsible-heading .ui-btn span.ui-btn .ui-icon { left: 0; margin-top: -10px; }
  1895. .ui-collapsible-heading-status { position: absolute; top: -9999px; left:0px; }
  1896. .ui-collapsible-content {
  1897. display: block;
  1898. margin: 0 -15px;
  1899. padding: 10px 15px;
  1900. border-left-width: 0;
  1901. border-right-width: 0;
  1902. border-top: none; /* Overrides ui-body-* */
  1903. background-image: none; /* Overrides ui-body-* */
  1904. }
  1905. .ui-collapsible-inset .ui-collapsible-content { margin: 0; border-right-width: 1px; border-left-width: 1px; }
  1906. .ui-collapsible-content-collapsed { display: none; }
  1907. .ui-collapsible-set { margin: .5em 0; }
  1908. .ui-collapsible-set .ui-collapsible { margin: -1px 0 0; }
  1909. .ui-collapsible-set .ui-collapsible:first-child { margin-top: 0; }
  1910. .ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0; zoom: 1; }
  1911. .ui-controlgroup.ui-mini, fieldset.ui-controlgroup.ui-mini { margin: .25em 0; }
  1912. .ui-field-contain .ui-controlgroup, .ui-field-contain fieldset.ui-controlgroup { margin: 0; }
  1913. .ui-bar .ui-controlgroup { margin: 0 5px; }
  1914. .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; }
  1915. .ui-controlgroup li { list-style: none; }
  1916. .ui-controlgroup-vertical .ui-btn,
  1917. .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
  1918. .ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
  1919. .ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
  1920. .ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
  1921. .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px }
  1922. .ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; }
  1923. .ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner,
  1924. .ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner,
  1925. .ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
  1926. .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
  1927. .ui-controlgroup-horizontal .ui-controlgroup-controls:before,
  1928. .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
  1929. .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
  1930. .ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; }
  1931. .ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
  1932. .ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; }
  1933. .ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select,
  1934. .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; clear: none; margin: 0 -1px 0 0; }
  1935. .ui-controlgroup-horizontal .ui-select .ui-btn,
  1936. .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn { float: none; margin: 0; }
  1937. .ui-controlgroup-horizontal .ui-controlgroup-last, .ui-controlgroup-horizontal .ui-select:last-child,
  1938. .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
  1939. .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; }
  1940. @media all and (min-width: 450px){
  1941. .ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  1942. .ui-field-contain .ui-controlgroup-controls { width: 78%; display: inline-block; }
  1943. .ui-field-contain .ui-controlgroup .ui-select { width: 100%; display: block; }
  1944. .ui-field-contain .ui-controlgroup-horizontal .ui-select { width: auto; }
  1945. .ui-hide-label .ui-controlgroup-controls { width: 100%; }
  1946. }
  1947. .ui-dialog {
  1948. background: none !important; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */
  1949. }
  1950. .ui-dialog-contain {
  1951. width: 92.5%;
  1952. max-width: 500px;
  1953. margin: 10% auto 15px auto;
  1954. padding: 0;
  1955. position: relative;
  1956. top: -15px;
  1957. }
  1958. .ui-dialog-contain > .ui-header,
  1959. .ui-dialog-contain > .ui-content,
  1960. .ui-dialog-contain > .ui-footer {
  1961. display: block;
  1962. position: relative;
  1963. width: auto;
  1964. margin: 0;
  1965. }
  1966. .ui-dialog-contain > .ui-header {
  1967. border: none;
  1968. overflow: hidden;
  1969. z-index: 10;
  1970. padding: 0;
  1971. }
  1972. .ui-dialog-contain > .ui-content {
  1973. padding: 15px;
  1974. }
  1975. .ui-dialog-contain > .ui-footer {
  1976. z-index: 10;
  1977. padding: 0 15px;
  1978. }
  1979. .ui-popup-open .ui-header-fixed,
  1980. .ui-popup-open .ui-footer-fixed {
  1981. position: absolute !important; /* See line #553 of popup.js */
  1982. }
  1983. .ui-popup-screen {
  1984. background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */
  1985. top: 0px;
  1986. left: 0px;
  1987. right: 0px;
  1988. bottom: 1px;
  1989. position: absolute;
  1990. filter: Alpha(Opacity=0);
  1991. opacity: 0;
  1992. z-index: 1099;
  1993. }
  1994. .ui-popup-screen.in {
  1995. opacity: 0.5;
  1996. filter: Alpha(Opacity=50);
  1997. }
  1998. .ui-popup-screen.out {
  1999. opacity: 0;
  2000. filter: Alpha(Opacity=0);
  2001. }
  2002. .ui-popup-container {
  2003. z-index: 1100;
  2004. display: inline-block;
  2005. position: absolute;
  2006. padding: 0;
  2007. outline: 0;
  2008. }
  2009. .ui-popup {
  2010. position: relative;
  2011. }
  2012. .ui-popup.ui-content,
  2013. .ui-popup .ui-content {
  2014. overflow: visible;
  2015. }
  2016. .ui-popup > p,
  2017. .ui-popup > h1,
  2018. .ui-popup > h2,
  2019. .ui-popup > h3,
  2020. .ui-popup > h4,
  2021. .ui-popup > h5,
  2022. .ui-popup > h6 {
  2023. margin: .5em 7px;
  2024. }
  2025. .ui-popup > span {
  2026. display: block;
  2027. margin: .5em 7px;
  2028. }
  2029. .ui-popup .ui-title {
  2030. font-size: 16px;
  2031. font-weight: bold;
  2032. margin-top: .5em;
  2033. margin-bottom: .5em;
  2034. }
  2035. .ui-popup-container .ui-content > p,
  2036. .ui-popup-container .ui-content > h1,
  2037. .ui-popup-container .ui-content > h2,
  2038. .ui-popup-container .ui-content > h3,
  2039. .ui-popup-container .ui-content > h4,
  2040. .ui-popup-container .ui-content > h5,
  2041. .ui-popup-container .ui-content > h6 {
  2042. margin: .5em 0;
  2043. }
  2044. .ui-popup-container .ui-content > span {
  2045. margin: 0;
  2046. }
  2047. .ui-popup-container .ui-content > p:first-child,
  2048. .ui-popup-container .ui-content > h1:first-child,
  2049. .ui-popup-container .ui-content > h2:first-child,
  2050. .ui-popup-container .ui-content > h3:first-child,
  2051. .ui-popup-container .ui-content > h4:first-child,
  2052. .ui-popup-container .ui-content > h5:first-child,
  2053. .ui-popup-container .ui-content > h6:first-child {
  2054. margin-top: 0;
  2055. }
  2056. .ui-popup-container .ui-content > p:last-child,
  2057. .ui-popup-container .ui-content > h1:last-child,
  2058. .ui-popup-container .ui-content > h2:last-child,
  2059. .ui-popup-container .ui-content > h3:last-child,
  2060. .ui-popup-container .ui-content > h4:last-child,
  2061. .ui-popup-container .ui-content > h5:last-child,
  2062. .ui-popup-container .ui-content > h6:last-child {
  2063. margin-bottom: 0;
  2064. }
  2065. .ui-popup > img {
  2066. width: auto;
  2067. height: auto;
  2068. max-width: 100%;
  2069. max-height: 100%;
  2070. vertical-align: middle;
  2071. }
  2072. .ui-popup iframe {
  2073. vertical-align: middle;
  2074. }
  2075. @media all and (min-width: 450px){
  2076. .ui-popup .ui-field-contain label.ui-submit,
  2077. .ui-popup .ui-field-contain .ui-controlgroup-label,
  2078. .ui-popup .ui-field-contain label.ui-select,
  2079. .ui-popup .ui-field-contain label.ui-input-text {
  2080. font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em;
  2081. }
  2082. .ui-popup .ui-field-contain .ui-btn.ui-submit,
  2083. .ui-popup .ui-field-contain .ui-controlgroup-controls,
  2084. .ui-popup .ui-field-contain .ui-select,
  2085. .ui-popup .ui-field-contain input.ui-input-text,
  2086. .ui-popup .ui-field-contain textarea.ui-input-text,
  2087. .ui-popup .ui-field-contain .ui-input-search {
  2088. width: 100%; display: block;
  2089. }
  2090. }
  2091. .ui-popup > .ui-btn-left,
  2092. .ui-popup > .ui-btn-right {
  2093. position: absolute;
  2094. top: -9px;
  2095. margin: 0;
  2096. z-index: 1101;
  2097. }
  2098. .ui-popup > .ui-btn-left { left: -9px; }
  2099. .ui-popup > .ui-btn-right { right: -9px; }
  2100. .ui-popup.ui-corner-all > .ui-header,
  2101. .ui-popup.ui-corner-all ~ .ui-content,
  2102. .ui-popup.ui-corner-all > .ui-content:first-child {
  2103. -webkit-border-top-left-radius: inherit;
  2104. border-top-left-radius: inherit;
  2105. -webkit-border-top-right-radius: inherit;
  2106. border-top-right-radius: inherit;
  2107. }
  2108. .ui-popup.ui-corner-all > .ui-content,
  2109. .ui-popup.ui-corner-all > .ui-footer,
  2110. .ui-popup.ui-corner-all > .ui-header:nth-child(n):last-child {
  2111. -webkit-border-bottom-left-radius: inherit;
  2112. border-bottom-left-radius: inherit;
  2113. -webkit-border-bottom-right-radius: inherit;
  2114. border-bottom-right-radius: inherit;
  2115. }
  2116. .ui-popup.ui-corner-all > .ui-content:nth-child(2),
  2117. .ui-popup.ui-corner-all > .ui-header:nth-child(2) {
  2118. -webkit-border-top-left-radius: 0;
  2119. border-top-left-radius: 0;
  2120. -webkit-border-top-right-radius: 0;
  2121. border-top-right-radius: 0;
  2122. }
  2123. .ui-popup.ui-corner-all > .ui-content:nth-last-child(1n+2),
  2124. .ui-popup.ui-corner-all > .ui-footer:nth-last-child(1n+2) {
  2125. -webkit-border-bottom-left-radius: 0;
  2126. border-bottom-left-radius: 0;
  2127. -webkit-border-bottom-right-radius: 0;
  2128. border-bottom-right-radius: 0;
  2129. }
  2130. .ui-popup.ui-corner-all > .ui-header:only-child,
  2131. .ui-popup.ui-corner-all > .ui-footer:only-child {
  2132. -webkit-border-radius: inherit;
  2133. border-radius: inherit;
  2134. }
  2135. .ui-checkbox, .ui-radio { position: relative; clear: both; margin: 0; z-index: 1; }
  2136. .ui-checkbox .ui-btn, .ui-radio .ui-btn { margin-top: .5em; margin-bottom: .5em; text-align: left; z-index: 2; }
  2137. .ui-checkbox .ui-btn.ui-mini, .ui-radio .ui-btn.ui-mini { margin: .25em 0; }
  2138. .ui-controlgroup .ui-checkbox .ui-btn, .ui-controlgroup .ui-radio .ui-btn { margin: 0; }
  2139. .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; }
  2140. .ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; }
  2141. .ui-checkbox .ui-mini.ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-mini.ui-btn-icon-left .ui-btn-inner { padding-left: 36px; }
  2142. .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; }
  2143. .ui-checkbox .ui-mini.ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 36px; }
  2144. .ui-checkbox .ui-btn-icon-top .ui-btn-inner,.ui-radio .ui-btn-icon-top .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
  2145. .ui-checkbox .ui-btn-icon-bottom .ui-btn-inner, .ui-radio .ui-btn-icon-bottom .ui-btn-inner { padding-right: 0; padding-left: 0; text-align: center; }
  2146. .ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; }
  2147. .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon { left: 15px; }
  2148. .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon, .ui-radio .ui-mini.ui-btn-icon-left .ui-icon { left: 9px; }
  2149. .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
  2150. .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
  2151. .ui-checkbox .ui-btn-icon-top .ui-icon, .ui-radio .ui-btn-icon-top .ui-icon { top: 10px; }
  2152. .ui-checkbox .ui-btn-icon-bottom .ui-icon, .ui-radio .ui-btn-icon-bottom .ui-icon { top: auto; bottom: 10px; }
  2153. .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon { right: 15px; }
  2154. .ui-checkbox .ui-mini.ui-btn-icon-right .ui-icon, .ui-radio .ui-mini.ui-btn-icon-right .ui-icon { right: 9px; }
  2155. /* input, label positioning */
  2156. .ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }
  2157. .ui-field-contain, fieldset.ui-field-contain { padding: .8em 0; margin: 0; border-width: 0 0 1px 0; overflow: visible; }
  2158. .ui-field-contain:last-child { border-bottom-width: 0; }
  2159. .ui-field-contain { max-width: 100%; } /* This prevents horizontal scrollbar in IE7 */
  2160. @media all and (min-width: 450px){
  2161. .ui-field-contain, .ui-mobile fieldset.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
  2162. }
  2163. .ui-select { display: block; position: relative; }
  2164. .ui-select select { position: absolute; left: -9999px; top: -9999px; }
  2165. .ui-select .ui-btn { overflow: hidden; opacity: 1; }
  2166. .ui-field-contain .ui-select .ui-btn { margin: 0; }
  2167. /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
  2168. .ui-select .ui-btn select { cursor: pointer; -webkit-appearance: none; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; }
  2169. .ui-select .ui-disabled { opacity: .3; }
  2170. /* Display none because of issues with IE/WP's filter alpha opacity */
  2171. .ui-select .ui-disabled select { display: none; }
  2172. @-moz-document url-prefix() { .ui-select .ui-btn select { opacity: 0.0001; }}
  2173. .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; }
  2174. .ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; }
  2175. .ui-select .ui-disabled.ui-select-nativeonly .ui-btn-inner { opacity: 0; }
  2176. .ui-select .ui-btn-icon-right .ui-btn-inner, .ui-select .ui-li-has-count .ui-btn-inner { padding-right: 45px; }
  2177. .ui-select .ui-mini.ui-btn-icon-right .ui-btn-inner { padding-right: 32px; }
  2178. .ui-select .ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 80px; }
  2179. .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-btn-inner { padding-right: 67px; }
  2180. .ui-select .ui-btn-icon-right .ui-icon { right: 15px; }
  2181. .ui-select .ui-mini.ui-btn-icon-right .ui-icon { right: 7px; }
  2182. .ui-select .ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 45px; }
  2183. .ui-select .ui-mini.ui-btn-icon-right.ui-li-has-count .ui-li-count { right: 32px; }
  2184. /* labels */
  2185. label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
  2186. /*listbox*/
  2187. .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; overflow: hidden !important;
  2188. /* This !important is required for iPad Safari specifically. See https://github.com/jquery/jquery-mobile/issues/2647 */ }
  2189. .ui-select .ui-btn-text { text-overflow: ellipsis; }
  2190. .ui-selectmenu { padding: 6px; min-width: 160px; }
  2191. .ui-selectmenu .ui-listview { margin: 0; }
  2192. .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; }
  2193. .ui-selectmenu-hidden { top: -99999px; left: -9999px; }
  2194. .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; }
  2195. .ui-selectmenu-list .ui-li .ui-icon { display: block; }
  2196. .ui-li.ui-selectmenu-placeholder { display: none; }
  2197. .ui-selectmenu .ui-header { margin: 0; padding: 0; }
  2198. .ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; }
  2199. @media all and (min-width: 450px){
  2200. .ui-field-contain label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  2201. .ui-field-contain .ui-select { width: 78%; display: inline-block; }
  2202. .ui-hide-label .ui-select { width: 100%; }
  2203. }
  2204. /* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */
  2205. .ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }
  2206. label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
  2207. input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; margin: .5em 0; line-height: 1.4; font-size: 16px; display: block; width: 100%; outline: 0; }
  2208. input.ui-input-text.ui-mini, textarea.ui-input-text.ui-mini { margin: .25em 0; }
  2209. .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text { margin: 0; }
  2210. input.ui-input-text, textarea.ui-input-text, .ui-input-search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  2211. input.ui-input-text { -webkit-appearance: none; }
  2212. textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
  2213. .ui-input-search { padding: 0 30px; margin: .5em 0; background-image: none; position: relative; }
  2214. .ui-input-search.ui-mini { margin: .25em 0; }
  2215. .ui-field-contain .ui-input-search { margin: 0; }
  2216. .ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; }
  2217. .ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
  2218. .ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -13px; }
  2219. .ui-mini .ui-input-clear { right: -3px; }
  2220. .ui-input-search .ui-input-clear-hidden { display: none; }
  2221. input.ui-mini, .ui-mini input, textarea.ui-mini { font-size: 14px; }
  2222. textarea.ui-mini { height: 45px; }
  2223. @media all and (min-width: 450px){
  2224. .ui-field-contain label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
  2225. .ui-field-contain input.ui-input-text,
  2226. .ui-field-contain textarea.ui-input-text,
  2227. .ui-field-contain .ui-input-search { width: 78%; display: inline-block; }
  2228. .ui-hide-label input.ui-input-text,
  2229. .ui-hide-label textarea.ui-input-text,
  2230. .ui-hide-label .ui-input-search { width: 100%; }
  2231. .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ }
  2232. }
  2233. .ui-listview { margin: 0; }
  2234. ol.ui-listview, ol.ui-listview .ui-li-divider { counter-reset: listnumbering; }
  2235. .ui-content .ui-listview { margin: -15px; }
  2236. .ui-collapsible-content > .ui-listview { margin: -10px -15px; }
  2237. .ui-content .ui-listview-inset { margin: 1em 0; }
  2238. .ui-collapsible-content .ui-listview-inset { margin: .5em 0; }
  2239. .ui-listview, .ui-li { list-style:none; padding:0; }
  2240. .ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; }
  2241. .ui-li.ui-btn { margin: 0; }
  2242. .ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  2243. .ui-li-static { background-image: none; }
  2244. .ui-li-divider { padding: .5em 15px; font-size: 14px; font-weight: bold; }
  2245. ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal; counter-increment: listnumbering; content: counter(listnumbering) ". "; }
  2246. ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */
  2247. .ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; }
  2248. .ui-li-last, .ui-li.ui-field-contain.ui-li-last { border-bottom-width: 1px; }
  2249. .ui-collapsible [class*="ui-body"] > .ui-listview:not(.ui-listview-inset) .ui-li-last { border-bottom-width: 0; }
  2250. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li:first-child { border-top-width: 0; }
  2251. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset),
  2252. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last { -webkit-border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
  2253. .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last .ui-li-link-alt { -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; }
  2254. .ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; }
  2255. .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px; display: block; }
  2256. .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; }
  2257. .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; }
  2258. .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count, .ui-li-divider.ui-li-has-count { padding-right: 45px; }
  2259. .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 40px; }
  2260. .ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; }
  2261. .ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  2262. .ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
  2263. .ui-li-thumb, .ui-listview .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; }
  2264. .ui-listview .ui-li-icon { max-height: 16px; max-width: 16px; left: 10px; top: .9em; }
  2265. .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; }
  2266. .ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; }
  2267. @media all and (min-width: 480px){
  2268. .ui-li-aside { width: 45%; }
  2269. }
  2270. .ui-li-divider { cursor: default; }
  2271. .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 53px; }
  2272. .ui-li-has-alt.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt.ui-li-has-count { padding-right: 88px; }
  2273. .ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 10px; }
  2274. .ui-li-has-count.ui-li-divider .ui-li-count, .ui-li-has-count .ui-link-inherit .ui-li-count { margin-top: -.95em; }
  2275. .ui-li-has-arrow.ui-li-has-count .ui-li-count { right: 40px; }
  2276. .ui-li-has-alt.ui-li-has-count .ui-li-count { right: 53px; }
  2277. .ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; }
  2278. .ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -13px 0 0 0; border-bottom-width: 1px; z-index: -1;}
  2279. .ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;}
  2280. .ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; }
  2281. .ui-li-link-alt .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; margin-top: -9px; }
  2282. .ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; }
  2283. .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px; }
  2284. .ui-collapsible-content .ui-listview-filter { margin: -10px -15px 10px -15px; border-bottom: inherit; }
  2285. .ui-listview-filter-inset { margin: -15px -5px; background: transparent; }
  2286. .ui-collapsible-content .ui-listview-filter-inset { margin: -5px; border-bottom-width: 0; }
  2287. .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
  2288. .ui-li.ui-screen-hidden{ display:none; }
  2289. /* Odd iPad positioning issue. */
  2290. @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  2291. .ui-li .ui-btn-text { overflow: visible; }
  2292. }
  2293. label.ui-slider { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; }
  2294. input.ui-slider-input,
  2295. .ui-field-contain input.ui-slider-input { display: inline-block; width: 50px; background-image: none; padding: .4em; margin: .5em 0; line-height: 1.4; font-size: 16px; outline: 0; }
  2296. input.ui-slider-input.ui-mini,
  2297. .ui-field-contain input.ui-slider-input.ui-mini { width: 45px; margin: .25em 0; font-size: 14px; }
  2298. .ui-field-contain input.ui-slider-input { margin: 0; }
  2299. input.ui-slider-input, .ui-field-contain input.ui-slider-input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }
  2300. /* Fixes input fields being to small on Safari/Mac because of the up and down arrows. */
  2301. .ui-slider-input::-webkit-outer-spin-button { margin: 0; }
  2302. select.ui-slider-switch { display: none; }
  2303. div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; }
  2304. div.ui-slider-mini { height: 12px; margin-left: 10px; top: 2px; }
  2305. div.ui-slider-bg { border: none; height: 100%; padding-right: 8px; }
  2306. .ui-controlgroup a.ui-slider-handle, a.ui-btn.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin: -15px 0 0 -15px; outline: 0; }
  2307. a.ui-btn.ui-slider-handle .ui-btn-inner { padding: 0; height: 100%; }
  2308. div.ui-slider-mini a.ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -7px; }
  2309. div.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: -9px 0 0 -9px; border-top: none; }
  2310. @media all and (min-width: 450px){
  2311. .ui-field-contain label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
  2312. .ui-field-contain div.ui-slider { width: 43%; }
  2313. .ui-field-contain div.ui-slider-switch { width: 5.5em; }
  2314. }
  2315. div.ui-slider-switch { height: 32px; margin-left: 0; width: 5.8em; }
  2316. a.ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; }
  2317. div.ui-slider-switch .ui-slider-handle { margin: 1px 0 0 -15px; }
  2318. .ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; }
  2319. div.ui-slider-switch.ui-slider-mini { width: 5em; height: 29px; }
  2320. div.ui-slider-switch.ui-slider-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; }
  2321. div.ui-slider-switch.ui-slider-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; }
  2322. div.ui-slider-switch.ui-slider-mini a.ui-slider-handle .ui-btn-inner { height: 30px; width: 30px; padding: 0; margin: 0; }
  2323. span.ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; border-width: 0; white-space: nowrap; }
  2324. .ui-slider-mini span.ui-slider-label { font-size: 14px; }
  2325. span.ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; }
  2326. span.ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em;}
  2327. .ui-slider-inline { width: 120px; display: inline-block; }