foundation.css 27 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348
  1. .wrapper {
  2. width: 100%; }
  3. #outlook a {
  4. padding: 0; }
  5. body {
  6. width: 100% !important;
  7. min-width: 100%;
  8. -webkit-text-size-adjust: 100%;
  9. -ms-text-size-adjust: 100%;
  10. margin: 0;
  11. Margin: 0;
  12. padding: 0;
  13. -moz-box-sizing: border-box;
  14. -webkit-box-sizing: border-box;
  15. box-sizing: border-box; }
  16. .ExternalClass {
  17. width: 100%; }
  18. .ExternalClass,
  19. .ExternalClass p,
  20. .ExternalClass span,
  21. .ExternalClass font,
  22. .ExternalClass td,
  23. .ExternalClass div {
  24. line-height: 100%; }
  25. #backgroundTable {
  26. margin: 0;
  27. Margin: 0;
  28. padding: 0;
  29. width: 100% !important;
  30. line-height: 100% !important; }
  31. img {
  32. outline: none;
  33. text-decoration: none;
  34. -ms-interpolation-mode: bicubic;
  35. width: auto;
  36. max-width: 100%;
  37. clear: both;
  38. display: block; }
  39. center {
  40. width: 100%;
  41. min-width: 580px; }
  42. a img {
  43. border: none; }
  44. p {
  45. margin: 0 0 0 10px;
  46. Margin: 0 0 0 10px; }
  47. table {
  48. border-spacing: 0;
  49. border-collapse: collapse; }
  50. td {
  51. word-wrap: break-word;
  52. -webkit-hyphens: auto;
  53. -moz-hyphens: auto;
  54. hyphens: auto;
  55. border-collapse: collapse !important; }
  56. table, tr, td {
  57. padding: 0;
  58. vertical-align: top;
  59. text-align: left; }
  60. @media only screen {
  61. html {
  62. min-height: 100%;
  63. background: #f3f3f3; } }
  64. table.body {
  65. background: #f3f3f3;
  66. height: 100%;
  67. width: 100%; }
  68. table.container {
  69. background: #fefefe;
  70. width: 580px;
  71. margin: 0 auto;
  72. Margin: 0 auto;
  73. text-align: inherit; }
  74. table.row {
  75. padding: 0;
  76. width: 100%;
  77. position: relative; }
  78. table.spacer {
  79. width: 100%; }
  80. table.spacer td {
  81. mso-line-height-rule: exactly; }
  82. table.container table.row {
  83. display: table; }
  84. td.columns,
  85. td.column,
  86. th.columns,
  87. th.column {
  88. margin: 0 auto;
  89. Margin: 0 auto;
  90. padding-left: 16px;
  91. padding-bottom: 16px; }
  92. td.columns .column,
  93. td.columns .columns,
  94. td.column .column,
  95. td.column .columns,
  96. th.columns .column,
  97. th.columns .columns,
  98. th.column .column,
  99. th.column .columns {
  100. padding-left: 0 !important;
  101. padding-right: 0 !important; }
  102. td.columns .column center,
  103. td.columns .columns center,
  104. td.column .column center,
  105. td.column .columns center,
  106. th.columns .column center,
  107. th.columns .columns center,
  108. th.column .column center,
  109. th.column .columns center {
  110. min-width: none !important; }
  111. td.columns.last,
  112. td.column.last,
  113. th.columns.last,
  114. th.column.last {
  115. padding-right: 16px; }
  116. td.columns table:not(.button),
  117. td.column table:not(.button),
  118. th.columns table:not(.button),
  119. th.column table:not(.button) {
  120. width: 100%; }
  121. td.large-1,
  122. th.large-1 {
  123. width: 32.33333px;
  124. padding-left: 8px;
  125. padding-right: 8px; }
  126. td.large-1.first,
  127. th.large-1.first {
  128. padding-left: 16px; }
  129. td.large-1.last,
  130. th.large-1.last {
  131. padding-right: 16px; }
  132. .collapse > tbody > tr > td.large-1,
  133. .collapse > tbody > tr > th.large-1 {
  134. padding-right: 0;
  135. padding-left: 0;
  136. width: 48.33333px; }
  137. .collapse td.large-1.first,
  138. .collapse th.large-1.first,
  139. .collapse td.large-1.last,
  140. .collapse th.large-1.last {
  141. width: 56.33333px; }
  142. td.large-1 center,
  143. th.large-1 center {
  144. min-width: 0.33333px; }
  145. .body .columns td.large-1,
  146. .body .column td.large-1,
  147. .body .columns th.large-1,
  148. .body .column th.large-1 {
  149. width: 8.33333%; }
  150. td.large-2,
  151. th.large-2 {
  152. width: 80.66667px;
  153. padding-left: 8px;
  154. padding-right: 8px; }
  155. td.large-2.first,
  156. th.large-2.first {
  157. padding-left: 16px; }
  158. td.large-2.last,
  159. th.large-2.last {
  160. padding-right: 16px; }
  161. .collapse > tbody > tr > td.large-2,
  162. .collapse > tbody > tr > th.large-2 {
  163. padding-right: 0;
  164. padding-left: 0;
  165. width: 96.66667px; }
  166. .collapse td.large-2.first,
  167. .collapse th.large-2.first,
  168. .collapse td.large-2.last,
  169. .collapse th.large-2.last {
  170. width: 104.66667px; }
  171. td.large-2 center,
  172. th.large-2 center {
  173. min-width: 48.66667px; }
  174. .body .columns td.large-2,
  175. .body .column td.large-2,
  176. .body .columns th.large-2,
  177. .body .column th.large-2 {
  178. width: 16.66667%; }
  179. td.large-3,
  180. th.large-3 {
  181. width: 129px;
  182. padding-left: 8px;
  183. padding-right: 8px; }
  184. td.large-3.first,
  185. th.large-3.first {
  186. padding-left: 16px; }
  187. td.large-3.last,
  188. th.large-3.last {
  189. padding-right: 16px; }
  190. .collapse > tbody > tr > td.large-3,
  191. .collapse > tbody > tr > th.large-3 {
  192. padding-right: 0;
  193. padding-left: 0;
  194. width: 145px; }
  195. .collapse td.large-3.first,
  196. .collapse th.large-3.first,
  197. .collapse td.large-3.last,
  198. .collapse th.large-3.last {
  199. width: 153px; }
  200. td.large-3 center,
  201. th.large-3 center {
  202. min-width: 97px; }
  203. .body .columns td.large-3,
  204. .body .column td.large-3,
  205. .body .columns th.large-3,
  206. .body .column th.large-3 {
  207. width: 25%; }
  208. td.large-4,
  209. th.large-4 {
  210. width: 177.33333px;
  211. padding-left: 8px;
  212. padding-right: 8px; }
  213. td.large-4.first,
  214. th.large-4.first {
  215. padding-left: 16px; }
  216. td.large-4.last,
  217. th.large-4.last {
  218. padding-right: 16px; }
  219. .collapse > tbody > tr > td.large-4,
  220. .collapse > tbody > tr > th.large-4 {
  221. padding-right: 0;
  222. padding-left: 0;
  223. width: 193.33333px; }
  224. .collapse td.large-4.first,
  225. .collapse th.large-4.first,
  226. .collapse td.large-4.last,
  227. .collapse th.large-4.last {
  228. width: 201.33333px; }
  229. td.large-4 center,
  230. th.large-4 center {
  231. min-width: 145.33333px; }
  232. .body .columns td.large-4,
  233. .body .column td.large-4,
  234. .body .columns th.large-4,
  235. .body .column th.large-4 {
  236. width: 33.33333%; }
  237. td.large-5,
  238. th.large-5 {
  239. width: 225.66667px;
  240. padding-left: 8px;
  241. padding-right: 8px; }
  242. td.large-5.first,
  243. th.large-5.first {
  244. padding-left: 16px; }
  245. td.large-5.last,
  246. th.large-5.last {
  247. padding-right: 16px; }
  248. .collapse > tbody > tr > td.large-5,
  249. .collapse > tbody > tr > th.large-5 {
  250. padding-right: 0;
  251. padding-left: 0;
  252. width: 241.66667px; }
  253. .collapse td.large-5.first,
  254. .collapse th.large-5.first,
  255. .collapse td.large-5.last,
  256. .collapse th.large-5.last {
  257. width: 249.66667px; }
  258. td.large-5 center,
  259. th.large-5 center {
  260. min-width: 193.66667px; }
  261. .body .columns td.large-5,
  262. .body .column td.large-5,
  263. .body .columns th.large-5,
  264. .body .column th.large-5 {
  265. width: 41.66667%; }
  266. td.large-6,
  267. th.large-6 {
  268. width: 274px;
  269. padding-left: 8px;
  270. padding-right: 8px; }
  271. td.large-6.first,
  272. th.large-6.first {
  273. padding-left: 16px; }
  274. td.large-6.last,
  275. th.large-6.last {
  276. padding-right: 16px; }
  277. .collapse > tbody > tr > td.large-6,
  278. .collapse > tbody > tr > th.large-6 {
  279. padding-right: 0;
  280. padding-left: 0;
  281. width: 290px; }
  282. .collapse td.large-6.first,
  283. .collapse th.large-6.first,
  284. .collapse td.large-6.last,
  285. .collapse th.large-6.last {
  286. width: 298px; }
  287. td.large-6 center,
  288. th.large-6 center {
  289. min-width: 242px; }
  290. .body .columns td.large-6,
  291. .body .column td.large-6,
  292. .body .columns th.large-6,
  293. .body .column th.large-6 {
  294. width: 50%; }
  295. td.large-7,
  296. th.large-7 {
  297. width: 322.33333px;
  298. padding-left: 8px;
  299. padding-right: 8px; }
  300. td.large-7.first,
  301. th.large-7.first {
  302. padding-left: 16px; }
  303. td.large-7.last,
  304. th.large-7.last {
  305. padding-right: 16px; }
  306. .collapse > tbody > tr > td.large-7,
  307. .collapse > tbody > tr > th.large-7 {
  308. padding-right: 0;
  309. padding-left: 0;
  310. width: 338.33333px; }
  311. .collapse td.large-7.first,
  312. .collapse th.large-7.first,
  313. .collapse td.large-7.last,
  314. .collapse th.large-7.last {
  315. width: 346.33333px; }
  316. td.large-7 center,
  317. th.large-7 center {
  318. min-width: 290.33333px; }
  319. .body .columns td.large-7,
  320. .body .column td.large-7,
  321. .body .columns th.large-7,
  322. .body .column th.large-7 {
  323. width: 58.33333%; }
  324. td.large-8,
  325. th.large-8 {
  326. width: 370.66667px;
  327. padding-left: 8px;
  328. padding-right: 8px; }
  329. td.large-8.first,
  330. th.large-8.first {
  331. padding-left: 16px; }
  332. td.large-8.last,
  333. th.large-8.last {
  334. padding-right: 16px; }
  335. .collapse > tbody > tr > td.large-8,
  336. .collapse > tbody > tr > th.large-8 {
  337. padding-right: 0;
  338. padding-left: 0;
  339. width: 386.66667px; }
  340. .collapse td.large-8.first,
  341. .collapse th.large-8.first,
  342. .collapse td.large-8.last,
  343. .collapse th.large-8.last {
  344. width: 394.66667px; }
  345. td.large-8 center,
  346. th.large-8 center {
  347. min-width: 338.66667px; }
  348. .body .columns td.large-8,
  349. .body .column td.large-8,
  350. .body .columns th.large-8,
  351. .body .column th.large-8 {
  352. width: 66.66667%; }
  353. td.large-9,
  354. th.large-9 {
  355. width: 419px;
  356. padding-left: 8px;
  357. padding-right: 8px; }
  358. td.large-9.first,
  359. th.large-9.first {
  360. padding-left: 16px; }
  361. td.large-9.last,
  362. th.large-9.last {
  363. padding-right: 16px; }
  364. .collapse > tbody > tr > td.large-9,
  365. .collapse > tbody > tr > th.large-9 {
  366. padding-right: 0;
  367. padding-left: 0;
  368. width: 435px; }
  369. .collapse td.large-9.first,
  370. .collapse th.large-9.first,
  371. .collapse td.large-9.last,
  372. .collapse th.large-9.last {
  373. width: 443px; }
  374. td.large-9 center,
  375. th.large-9 center {
  376. min-width: 387px; }
  377. .body .columns td.large-9,
  378. .body .column td.large-9,
  379. .body .columns th.large-9,
  380. .body .column th.large-9 {
  381. width: 75%; }
  382. td.large-10,
  383. th.large-10 {
  384. width: 467.33333px;
  385. padding-left: 8px;
  386. padding-right: 8px; }
  387. td.large-10.first,
  388. th.large-10.first {
  389. padding-left: 16px; }
  390. td.large-10.last,
  391. th.large-10.last {
  392. padding-right: 16px; }
  393. .collapse > tbody > tr > td.large-10,
  394. .collapse > tbody > tr > th.large-10 {
  395. padding-right: 0;
  396. padding-left: 0;
  397. width: 483.33333px; }
  398. .collapse td.large-10.first,
  399. .collapse th.large-10.first,
  400. .collapse td.large-10.last,
  401. .collapse th.large-10.last {
  402. width: 491.33333px; }
  403. td.large-10 center,
  404. th.large-10 center {
  405. min-width: 435.33333px; }
  406. .body .columns td.large-10,
  407. .body .column td.large-10,
  408. .body .columns th.large-10,
  409. .body .column th.large-10 {
  410. width: 83.33333%; }
  411. td.large-11,
  412. th.large-11 {
  413. width: 515.66667px;
  414. padding-left: 8px;
  415. padding-right: 8px; }
  416. td.large-11.first,
  417. th.large-11.first {
  418. padding-left: 16px; }
  419. td.large-11.last,
  420. th.large-11.last {
  421. padding-right: 16px; }
  422. .collapse > tbody > tr > td.large-11,
  423. .collapse > tbody > tr > th.large-11 {
  424. padding-right: 0;
  425. padding-left: 0;
  426. width: 531.66667px; }
  427. .collapse td.large-11.first,
  428. .collapse th.large-11.first,
  429. .collapse td.large-11.last,
  430. .collapse th.large-11.last {
  431. width: 539.66667px; }
  432. td.large-11 center,
  433. th.large-11 center {
  434. min-width: 483.66667px; }
  435. .body .columns td.large-11,
  436. .body .column td.large-11,
  437. .body .columns th.large-11,
  438. .body .column th.large-11 {
  439. width: 91.66667%; }
  440. td.large-12,
  441. th.large-12 {
  442. width: 564px;
  443. padding-left: 8px;
  444. padding-right: 8px; }
  445. td.large-12.first,
  446. th.large-12.first {
  447. padding-left: 16px; }
  448. td.large-12.last,
  449. th.large-12.last {
  450. padding-right: 16px; }
  451. .collapse > tbody > tr > td.large-12,
  452. .collapse > tbody > tr > th.large-12 {
  453. padding-right: 0;
  454. padding-left: 0;
  455. width: 580px; }
  456. .collapse td.large-12.first,
  457. .collapse th.large-12.first,
  458. .collapse td.large-12.last,
  459. .collapse th.large-12.last {
  460. width: 588px; }
  461. td.large-12 center,
  462. th.large-12 center {
  463. min-width: 532px; }
  464. .body .columns td.large-12,
  465. .body .column td.large-12,
  466. .body .columns th.large-12,
  467. .body .column th.large-12 {
  468. width: 100%; }
  469. td.large-offset-1,
  470. td.large-offset-1.first,
  471. td.large-offset-1.last,
  472. th.large-offset-1,
  473. th.large-offset-1.first,
  474. th.large-offset-1.last {
  475. padding-left: 64.33333px; }
  476. td.large-offset-2,
  477. td.large-offset-2.first,
  478. td.large-offset-2.last,
  479. th.large-offset-2,
  480. th.large-offset-2.first,
  481. th.large-offset-2.last {
  482. padding-left: 112.66667px; }
  483. td.large-offset-3,
  484. td.large-offset-3.first,
  485. td.large-offset-3.last,
  486. th.large-offset-3,
  487. th.large-offset-3.first,
  488. th.large-offset-3.last {
  489. padding-left: 161px; }
  490. td.large-offset-4,
  491. td.large-offset-4.first,
  492. td.large-offset-4.last,
  493. th.large-offset-4,
  494. th.large-offset-4.first,
  495. th.large-offset-4.last {
  496. padding-left: 209.33333px; }
  497. td.large-offset-5,
  498. td.large-offset-5.first,
  499. td.large-offset-5.last,
  500. th.large-offset-5,
  501. th.large-offset-5.first,
  502. th.large-offset-5.last {
  503. padding-left: 257.66667px; }
  504. td.large-offset-6,
  505. td.large-offset-6.first,
  506. td.large-offset-6.last,
  507. th.large-offset-6,
  508. th.large-offset-6.first,
  509. th.large-offset-6.last {
  510. padding-left: 306px; }
  511. td.large-offset-7,
  512. td.large-offset-7.first,
  513. td.large-offset-7.last,
  514. th.large-offset-7,
  515. th.large-offset-7.first,
  516. th.large-offset-7.last {
  517. padding-left: 354.33333px; }
  518. td.large-offset-8,
  519. td.large-offset-8.first,
  520. td.large-offset-8.last,
  521. th.large-offset-8,
  522. th.large-offset-8.first,
  523. th.large-offset-8.last {
  524. padding-left: 402.66667px; }
  525. td.large-offset-9,
  526. td.large-offset-9.first,
  527. td.large-offset-9.last,
  528. th.large-offset-9,
  529. th.large-offset-9.first,
  530. th.large-offset-9.last {
  531. padding-left: 451px; }
  532. td.large-offset-10,
  533. td.large-offset-10.first,
  534. td.large-offset-10.last,
  535. th.large-offset-10,
  536. th.large-offset-10.first,
  537. th.large-offset-10.last {
  538. padding-left: 499.33333px; }
  539. td.large-offset-11,
  540. td.large-offset-11.first,
  541. td.large-offset-11.last,
  542. th.large-offset-11,
  543. th.large-offset-11.first,
  544. th.large-offset-11.last {
  545. padding-left: 547.66667px; }
  546. td.expander,
  547. th.expander {
  548. visibility: hidden;
  549. width: 0;
  550. padding: 0 !important; }
  551. table.container.radius {
  552. border-radius: 0;
  553. border-collapse: separate; }
  554. .block-grid {
  555. width: 100%;
  556. max-width: 580px; }
  557. .block-grid td {
  558. display: inline-block;
  559. padding: 8px; }
  560. .up-2 td {
  561. width: 274px !important; }
  562. .up-3 td {
  563. width: 177px !important; }
  564. .up-4 td {
  565. width: 129px !important; }
  566. .up-5 td {
  567. width: 100px !important; }
  568. .up-6 td {
  569. width: 80px !important; }
  570. .up-7 td {
  571. width: 66px !important; }
  572. .up-8 td {
  573. width: 56px !important; }
  574. table.text-center,
  575. th.text-center,
  576. td.text-center,
  577. h1.text-center,
  578. h2.text-center,
  579. h3.text-center,
  580. h4.text-center,
  581. h5.text-center,
  582. h6.text-center,
  583. p.text-center,
  584. span.text-center {
  585. text-align: center; }
  586. table.text-left,
  587. th.text-left,
  588. td.text-left,
  589. h1.text-left,
  590. h2.text-left,
  591. h3.text-left,
  592. h4.text-left,
  593. h5.text-left,
  594. h6.text-left,
  595. p.text-left,
  596. span.text-left {
  597. text-align: left; }
  598. table.text-right,
  599. th.text-right,
  600. td.text-right,
  601. h1.text-right,
  602. h2.text-right,
  603. h3.text-right,
  604. h4.text-right,
  605. h5.text-right,
  606. h6.text-right,
  607. p.text-right,
  608. span.text-right {
  609. text-align: right; }
  610. span.text-center {
  611. display: block;
  612. width: 100%;
  613. text-align: center; }
  614. @media only screen and (max-width: 596px) {
  615. .small-float-center {
  616. margin: 0 auto !important;
  617. float: none !important;
  618. text-align: center !important; }
  619. .small-text-center {
  620. text-align: center !important; }
  621. .small-text-left {
  622. text-align: left !important; }
  623. .small-text-right {
  624. text-align: right !important; } }
  625. img.float-left {
  626. float: left;
  627. text-align: left; }
  628. img.float-right {
  629. float: right;
  630. text-align: right; }
  631. img.float-center,
  632. img.text-center {
  633. margin: 0 auto;
  634. Margin: 0 auto;
  635. float: none;
  636. text-align: center; }
  637. table.float-center,
  638. td.float-center,
  639. th.float-center {
  640. margin: 0 auto;
  641. Margin: 0 auto;
  642. float: none;
  643. text-align: center; }
  644. .hide-for-large {
  645. display: none !important;
  646. mso-hide: all;
  647. overflow: hidden;
  648. max-height: 0;
  649. font-size: 0;
  650. width: 0;
  651. line-height: 0; }
  652. @media only screen and (max-width: 596px) {
  653. .hide-for-large {
  654. display: block !important;
  655. width: auto !important;
  656. overflow: visible !important;
  657. max-height: none !important;
  658. font-size: inherit !important;
  659. line-height: inherit !important; } }
  660. table.body table.container .hide-for-large * {
  661. mso-hide: all; }
  662. @media only screen and (max-width: 596px) {
  663. table.body table.container .hide-for-large,
  664. table.body table.container .row.hide-for-large {
  665. display: table !important;
  666. width: 100% !important; } }
  667. @media only screen and (max-width: 596px) {
  668. table.body table.container .callout-inner.hide-for-large {
  669. display: table-cell !important;
  670. width: 100% !important; } }
  671. @media only screen and (max-width: 596px) {
  672. table.body table.container .show-for-large {
  673. display: none !important;
  674. width: 0;
  675. mso-hide: all;
  676. overflow: hidden; } }
  677. body,
  678. table.body,
  679. h1,
  680. h2,
  681. h3,
  682. h4,
  683. h5,
  684. h6,
  685. p,
  686. td,
  687. th,
  688. a {
  689. color: #0a0a0a;
  690. font-family: Helvetica, Arial, sans-serif;
  691. font-weight: normal;
  692. padding: 0;
  693. margin: 0;
  694. Margin: 0;
  695. text-align: left;
  696. line-height: 1.3; }
  697. h1,
  698. h2,
  699. h3,
  700. h4,
  701. h5,
  702. h6 {
  703. color: inherit;
  704. word-wrap: normal;
  705. font-family: Helvetica, Arial, sans-serif;
  706. font-weight: normal;
  707. margin-bottom: 10px;
  708. Margin-bottom: 10px; }
  709. h1 {
  710. font-size: 34px; }
  711. h2 {
  712. font-size: 30px; }
  713. h3 {
  714. font-size: 28px; }
  715. h4 {
  716. font-size: 24px; }
  717. h5 {
  718. font-size: 20px; }
  719. h6 {
  720. font-size: 18px; }
  721. body,
  722. table.body,
  723. p,
  724. td,
  725. th {
  726. font-size: 16px;
  727. line-height: 1.3; }
  728. p {
  729. margin-bottom: 10px;
  730. Margin-bottom: 10px; }
  731. p.lead {
  732. font-size: 20px;
  733. line-height: 1.6; }
  734. p.subheader {
  735. margin-top: 4px;
  736. margin-bottom: 8px;
  737. Margin-top: 4px;
  738. Margin-bottom: 8px;
  739. font-weight: normal;
  740. line-height: 1.4;
  741. color: #8a8a8a; }
  742. small {
  743. font-size: 80%;
  744. color: #cacaca; }
  745. a {
  746. color: #2199e8;
  747. text-decoration: none; }
  748. a:hover {
  749. color: #147dc2; }
  750. a:active {
  751. color: #147dc2; }
  752. a:visited {
  753. color: #2199e8; }
  754. h1 a,
  755. h1 a:visited,
  756. h2 a,
  757. h2 a:visited,
  758. h3 a,
  759. h3 a:visited,
  760. h4 a,
  761. h4 a:visited,
  762. h5 a,
  763. h5 a:visited,
  764. h6 a,
  765. h6 a:visited {
  766. color: #2199e8; }
  767. pre {
  768. background: #f3f3f3;
  769. margin: 30px 0;
  770. Margin: 30px 0; }
  771. pre code {
  772. color: #cacaca; }
  773. pre code span.callout {
  774. color: #8a8a8a;
  775. font-weight: bold; }
  776. pre code span.callout-strong {
  777. color: #ff6908;
  778. font-weight: bold; }
  779. table.hr {
  780. width: 100%; }
  781. table.hr th {
  782. height: 0;
  783. max-width: 580px;
  784. border-top: 0;
  785. border-right: 0;
  786. border-bottom: 1px solid #0a0a0a;
  787. border-left: 0;
  788. margin: 20px auto;
  789. Margin: 20px auto;
  790. clear: both; }
  791. .stat {
  792. font-size: 40px;
  793. line-height: 1; }
  794. p + .stat {
  795. margin-top: -16px;
  796. Margin-top: -16px; }
  797. span.preheader {
  798. display: none !important;
  799. visibility: hidden;
  800. mso-hide: all !important;
  801. font-size: 1px;
  802. color: #f3f3f3;
  803. line-height: 1px;
  804. max-height: 0px;
  805. max-width: 0px;
  806. opacity: 0;
  807. overflow: hidden; }
  808. table.button {
  809. width: auto;
  810. margin: 0 0 16px 0;
  811. Margin: 0 0 16px 0; }
  812. table.button table td {
  813. text-align: left;
  814. color: #fefefe;
  815. background: #2199e8;
  816. border: 2px solid #2199e8; }
  817. table.button table td a {
  818. font-family: Helvetica, Arial, sans-serif;
  819. font-size: 16px;
  820. font-weight: bold;
  821. color: #fefefe;
  822. text-decoration: none;
  823. display: inline-block;
  824. padding: 8px 16px 8px 16px;
  825. border: 0 solid #2199e8;
  826. border-radius: 3px; }
  827. table.button.radius table td {
  828. border-radius: 3px;
  829. border: none; }
  830. table.button.rounded table td {
  831. border-radius: 500px;
  832. border: none; }
  833. table.button:hover table tr td a,
  834. table.button:active table tr td a,
  835. table.button table tr td a:visited,
  836. table.button.tiny:hover table tr td a,
  837. table.button.tiny:active table tr td a,
  838. table.button.tiny table tr td a:visited,
  839. table.button.small:hover table tr td a,
  840. table.button.small:active table tr td a,
  841. table.button.small table tr td a:visited,
  842. table.button.large:hover table tr td a,
  843. table.button.large:active table tr td a,
  844. table.button.large table tr td a:visited {
  845. color: #fefefe; }
  846. table.button.tiny table td,
  847. table.button.tiny table a {
  848. padding: 4px 8px 4px 8px; }
  849. table.button.tiny table a {
  850. font-size: 10px;
  851. font-weight: normal; }
  852. table.button.small table td,
  853. table.button.small table a {
  854. padding: 5px 10px 5px 10px;
  855. font-size: 12px; }
  856. table.button.large table a {
  857. padding: 10px 20px 10px 20px;
  858. font-size: 20px; }
  859. table.button.expand,
  860. table.button.expanded {
  861. width: 100% !important; }
  862. table.button.expand table,
  863. table.button.expanded table {
  864. width: 100%; }
  865. table.button.expand table a,
  866. table.button.expanded table a {
  867. text-align: center;
  868. width: 100%;
  869. padding-left: 0;
  870. padding-right: 0; }
  871. table.button.expand center,
  872. table.button.expanded center {
  873. min-width: 0; }
  874. table.button:hover table td,
  875. table.button:visited table td,
  876. table.button:active table td {
  877. background: #147dc2;
  878. color: #fefefe; }
  879. table.button:hover table a,
  880. table.button:visited table a,
  881. table.button:active table a {
  882. border: 0 solid #147dc2; }
  883. table.button.secondary table td {
  884. background: #777777;
  885. color: #fefefe;
  886. border: 0px solid #777777; }
  887. table.button.secondary table a {
  888. color: #fefefe;
  889. border: 0 solid #777777; }
  890. table.button.secondary:hover table td {
  891. background: #919191;
  892. color: #fefefe; }
  893. table.button.secondary:hover table a {
  894. border: 0 solid #919191; }
  895. table.button.secondary:hover table td a {
  896. color: #fefefe; }
  897. table.button.secondary:active table td a {
  898. color: #fefefe; }
  899. table.button.secondary table td a:visited {
  900. color: #fefefe; }
  901. table.button.success table td {
  902. background: #3adb76;
  903. border: 0px solid #3adb76; }
  904. table.button.success table a {
  905. border: 0 solid #3adb76; }
  906. table.button.success:hover table td {
  907. background: #23bf5d; }
  908. table.button.success:hover table a {
  909. border: 0 solid #23bf5d; }
  910. table.button.alert table td {
  911. background: #ec5840;
  912. border: 0px solid #ec5840; }
  913. table.button.alert table a {
  914. border: 0 solid #ec5840; }
  915. table.button.alert:hover table td {
  916. background: #e23317; }
  917. table.button.alert:hover table a {
  918. border: 0 solid #e23317; }
  919. table.button.warning table td {
  920. background: #ffae00;
  921. border: 0px solid #ffae00; }
  922. table.button.warning table a {
  923. border: 0px solid #ffae00; }
  924. table.button.warning:hover table td {
  925. background: #cc8b00; }
  926. table.button.warning:hover table a {
  927. border: 0px solid #cc8b00; }
  928. table.callout {
  929. margin-bottom: 16px;
  930. Margin-bottom: 16px; }
  931. th.callout-inner {
  932. width: 100%;
  933. border: 1px solid #cbcbcb;
  934. padding: 10px;
  935. background: #fefefe; }
  936. th.callout-inner.primary {
  937. background: #def0fc;
  938. border: 1px solid #444444;
  939. color: #0a0a0a; }
  940. th.callout-inner.secondary {
  941. background: #ebebeb;
  942. border: 1px solid #444444;
  943. color: #0a0a0a; }
  944. th.callout-inner.success {
  945. background: #e1faea;
  946. border: 1px solid #1b9448;
  947. color: #fefefe; }
  948. th.callout-inner.warning {
  949. background: #fff3d9;
  950. border: 1px solid #996800;
  951. color: #fefefe; }
  952. th.callout-inner.alert {
  953. background: #fce6e2;
  954. border: 1px solid #b42912;
  955. color: #fefefe; }
  956. .thumbnail {
  957. border: solid 4px #fefefe;
  958. box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  959. display: inline-block;
  960. line-height: 0;
  961. max-width: 100%;
  962. transition: box-shadow 200ms ease-out;
  963. border-radius: 3px;
  964. margin-bottom: 16px; }
  965. .thumbnail:hover, .thumbnail:focus {
  966. box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }
  967. table.menu {
  968. width: 580px; }
  969. table.menu td.menu-item,
  970. table.menu th.menu-item {
  971. padding: 10px;
  972. padding-right: 10px; }
  973. table.menu td.menu-item a,
  974. table.menu th.menu-item a {
  975. color: #2199e8; }
  976. table.menu.vertical td.menu-item,
  977. table.menu.vertical th.menu-item {
  978. padding: 10px;
  979. padding-right: 0;
  980. display: block; }
  981. table.menu.vertical td.menu-item a,
  982. table.menu.vertical th.menu-item a {
  983. width: 100%; }
  984. table.menu.vertical td.menu-item table.menu.vertical td.menu-item,
  985. table.menu.vertical td.menu-item table.menu.vertical th.menu-item,
  986. table.menu.vertical th.menu-item table.menu.vertical td.menu-item,
  987. table.menu.vertical th.menu-item table.menu.vertical th.menu-item {
  988. padding-left: 10px; }
  989. table.menu.text-center a {
  990. text-align: center; }
  991. .menu[align="center"] {
  992. width: auto !important; }
  993. body.outlook p {
  994. display: inline !important; }
  995. @media only screen and (max-width: 596px) {
  996. table.body img {
  997. width: auto;
  998. height: auto; }
  999. table.body center {
  1000. min-width: 0 !important; }
  1001. table.body .container {
  1002. width: 95% !important; }
  1003. table.body .columns,
  1004. table.body .column {
  1005. height: auto !important;
  1006. -moz-box-sizing: border-box;
  1007. -webkit-box-sizing: border-box;
  1008. box-sizing: border-box;
  1009. padding-left: 16px !important;
  1010. padding-right: 16px !important; }
  1011. table.body .columns .column,
  1012. table.body .columns .columns,
  1013. table.body .column .column,
  1014. table.body .column .columns {
  1015. padding-left: 0 !important;
  1016. padding-right: 0 !important; }
  1017. table.body .collapse .columns,
  1018. table.body .collapse .column {
  1019. padding-left: 0 !important;
  1020. padding-right: 0 !important; }
  1021. td.small-1,
  1022. th.small-1 {
  1023. display: inline-block !important;
  1024. width: 8.33333% !important; }
  1025. td.small-2,
  1026. th.small-2 {
  1027. display: inline-block !important;
  1028. width: 16.66667% !important; }
  1029. td.small-3,
  1030. th.small-3 {
  1031. display: inline-block !important;
  1032. width: 25% !important; }
  1033. td.small-4,
  1034. th.small-4 {
  1035. display: inline-block !important;
  1036. width: 33.33333% !important; }
  1037. td.small-5,
  1038. th.small-5 {
  1039. display: inline-block !important;
  1040. width: 41.66667% !important; }
  1041. td.small-6,
  1042. th.small-6 {
  1043. display: inline-block !important;
  1044. width: 50% !important; }
  1045. td.small-7,
  1046. th.small-7 {
  1047. display: inline-block !important;
  1048. width: 58.33333% !important; }
  1049. td.small-8,
  1050. th.small-8 {
  1051. display: inline-block !important;
  1052. width: 66.66667% !important; }
  1053. td.small-9,
  1054. th.small-9 {
  1055. display: inline-block !important;
  1056. width: 75% !important; }
  1057. td.small-10,
  1058. th.small-10 {
  1059. display: inline-block !important;
  1060. width: 83.33333% !important; }
  1061. td.small-11,
  1062. th.small-11 {
  1063. display: inline-block !important;
  1064. width: 91.66667% !important; }
  1065. td.small-12,
  1066. th.small-12 {
  1067. display: inline-block !important;
  1068. width: 100% !important; }
  1069. .columns td.small-12,
  1070. .column td.small-12,
  1071. .columns th.small-12,
  1072. .column th.small-12 {
  1073. display: block !important;
  1074. width: 100% !important; }
  1075. table.body td.small-offset-1,
  1076. table.body th.small-offset-1 {
  1077. margin-left: 8.33333% !important;
  1078. Margin-left: 8.33333% !important; }
  1079. table.body td.small-offset-2,
  1080. table.body th.small-offset-2 {
  1081. margin-left: 16.66667% !important;
  1082. Margin-left: 16.66667% !important; }
  1083. table.body td.small-offset-3,
  1084. table.body th.small-offset-3 {
  1085. margin-left: 25% !important;
  1086. Margin-left: 25% !important; }
  1087. table.body td.small-offset-4,
  1088. table.body th.small-offset-4 {
  1089. margin-left: 33.33333% !important;
  1090. Margin-left: 33.33333% !important; }
  1091. table.body td.small-offset-5,
  1092. table.body th.small-offset-5 {
  1093. margin-left: 41.66667% !important;
  1094. Margin-left: 41.66667% !important; }
  1095. table.body td.small-offset-6,
  1096. table.body th.small-offset-6 {
  1097. margin-left: 50% !important;
  1098. Margin-left: 50% !important; }
  1099. table.body td.small-offset-7,
  1100. table.body th.small-offset-7 {
  1101. margin-left: 58.33333% !important;
  1102. Margin-left: 58.33333% !important; }
  1103. table.body td.small-offset-8,
  1104. table.body th.small-offset-8 {
  1105. margin-left: 66.66667% !important;
  1106. Margin-left: 66.66667% !important; }
  1107. table.body td.small-offset-9,
  1108. table.body th.small-offset-9 {
  1109. margin-left: 75% !important;
  1110. Margin-left: 75% !important; }
  1111. table.body td.small-offset-10,
  1112. table.body th.small-offset-10 {
  1113. margin-left: 83.33333% !important;
  1114. Margin-left: 83.33333% !important; }
  1115. table.body td.small-offset-11,
  1116. table.body th.small-offset-11 {
  1117. margin-left: 91.66667% !important;
  1118. Margin-left: 91.66667% !important; }
  1119. table.body table.columns td.expander,
  1120. table.body table.columns th.expander {
  1121. display: none !important; }
  1122. table.body .right-text-pad,
  1123. table.body .text-pad-right {
  1124. padding-left: 10px !important; }
  1125. table.body .left-text-pad,
  1126. table.body .text-pad-left {
  1127. padding-right: 10px !important; }
  1128. table.menu {
  1129. width: 100% !important; }
  1130. table.menu td,
  1131. table.menu th {
  1132. width: auto !important;
  1133. display: inline-block !important; }
  1134. table.menu.vertical td,
  1135. table.menu.vertical th, table.menu.small-vertical td,
  1136. table.menu.small-vertical th {
  1137. display: block !important; }
  1138. table.menu[align="center"] {
  1139. width: auto !important; }
  1140. table.button.small-expand,
  1141. table.button.small-expanded {
  1142. width: 100% !important; }
  1143. table.button.small-expand table,
  1144. table.button.small-expanded table {
  1145. width: 100%; }
  1146. table.button.small-expand table a,
  1147. table.button.small-expanded table a {
  1148. text-align: center !important;
  1149. width: 100% !important;
  1150. padding-left: 0 !important;
  1151. padding-right: 0 !important; }
  1152. table.button.small-expand center,
  1153. table.button.small-expanded center {
  1154. min-width: 0; } }