goodCSS 97.6kb

SUBMITTED BY: azzereply

DATE: Oct. 20, 2015, 9:31 p.m.

FORMAT: CSS

SIZE: 97.6 kB

Raw Download

HITS: 664

Report
  1. /* Table of Content
  2. ==================================================
  3. #Basic Styles
  4. #Typography
  5. #Links
  6. #Lists
  7. #Images
  8. #Buttons and Pills
  9. #Alert Boxes
  10. #Tables
  11. #Dropcaps
  12. #Accordion (Toggle)
  13. #Pricing Tables
  14. #Pricing Lists11/1/2013
  15. #Forms
  16. #Misc */
  19. /* #Basic Styles
  20. ================================================== */
  21. html, body {height:100%;}
  23. body {
  24. position: relative;
  25. background:#fcfdf9 url(../img/pattern.gif);
  26. font: 16px/20px 'MuseoSans500Regular', Arial, sans-serif;
  27. color: #888;
  28. -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  29. -webkit-text-size-adjust: 100%;
  30. }
  34. /* #Typography
  35. ================================================== */
  36. h1, h2, h3, h4, h5, h6 {
  37. font-family: 'MuseoSans500Regular', Arial, sans-serif;
  38. font-weight: normal;
  39. line-height:1.2em;
  40. margin:0 0 1.5em 0;
  41. text-shadow:0 1px 0 #fff;
  42. color: #88A919;
  43. }
  44. h1 {
  46. }
  47. h2 {
  48. font-size:25px;
  49. color:#88a919;
  50. margin-bottom:.8em;
  51. }
  52. h3 {
  53. font-size:25px;
  54. color:#88a919;
  55. margin-bottom:.8em;
  56. }
  57. h4 {
  58. font-size:1em;
  59. line-height:20px;
  60. margin:0;
  61. color:#88a919;
  62. text-transform:uppercase;
  63. }
  64. h5 {
  65. font-size:1em;
  66. line-height:20px;
  67. margin:0;
  68. }
  69. h6 {
  70. font-family:'MuseoSans500Italic', Arial, sans-serif;
  71. font-size:1em;
  72. line-height:20px;
  73. color:#88a919;
  74. }
  75. .bordered {
  76. background:url(../img/hr-double.gif) 0 100% repeat-x;
  77. padding-bottom:0.5em;
  78. margin-bottom:1.0em;
  79. }
  81. /* Blockquotes */
  82. blockquote,
  83. blockquote p {
  84. font-size: 16px;
  85. line-height: 26px;
  86. font-style:normal;
  87. font-family:'MuseoSans500Italic', Arial, sans-serif;
  88. color: #444;
  89. }
  90. blockquote {
  91. margin: 0 0 20px;
  92. padding: 9px 20px 0 19px;
  93. border:none;
  94. position:relative;
  95. }
  96. blockquote:before {
  97. position:relative;
  98. display:inline-block;
  99. content: open-quote;
  100. font-size:32px;
  101. font-style:normal;
  102. margin:0 3px 0 0;
  103. text-indent:0;
  104. }
  105. blockquote:after {
  106. position:relative;
  107. display:inline-block;
  108. content: close-quote;
  109. font-size:32px;
  110. line-height:24px;
  111. vertical-align:bottom;
  112. text-indent:0;
  113. }
  114. blockquote cite {
  115. display: block;
  116. font-size: 12px;
  117. color: #555;
  118. }
  119. blockquote cite:before {
  120. content: "\2014 \0020";
  121. }
  122. blockquote cite a,
  123. blockquote cite a:visited,
  124. blockquote cite a:visited {
  125. color: #555;
  126. }
  127. blockquote.left {
  128. float:left;
  129. width:40%;
  130. padding:30px 33px 30px 0;
  131. margin:0 20px 20px 0;
  132. background:url(../img/bq-bg.gif) 100% 0 repeat-y;
  133. }
  134. blockquote.right {
  135. float:right;
  136. width:35%;
  137. padding:0 0 0 25px;
  138. }
  139. .large-text {
  140. font-size:16px;
  141. line-height:24px;
  142. }
  144. blockquote.styled {
  145. background:#f7f7f7;
  146. font-size:12px;
  147. line-height:24px;
  148. color:#888;
  149. padding:36px 36px 32px 46px;
  150. box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  151. }
  152. blockquote.styled:before,
  153. blockquote.styled:after {
  154. font-family:Arial, Helvetica, sans-serif;
  155. font-weight:bold;
  156. vertical-align:middle;
  157. font-size:36px;
  158. }
  159. blockquote.styled:before {
  160. margin-left:-7px;
  161. }
  162. blockquote.fullwidth {
  163. padding: 0 0 20px 0;
  164. }
  166. strong {
  167. font-weight:normal;
  168. color:#444;
  169. }
  170. em {
  171. color:#a9a9a9;
  172. }
  173. p {
  174. margin:0 0 1.5em 0;
  175. font-size:16px;
  176. }
  177. address {
  178. font-style:normal;
  179. font-family:'MuseoSans500Italic', Arial, sans-serif;
  180. color:#888;
  181. line-height:24px;
  182. }
  185. /* #Links
  186. ================================================== */
  187. a {
  188. color: #bdd235;
  189. text-decoration:none;
  190. outline: 0;
  191. }
  192. a:hover,
  193. a:focus {
  194. text-decoration:underline;
  195. outline: 0;
  196. }
  199. /* #Lists
  200. ================================================== */
  201. ul, ol {
  202. margin:0 0 1.5em 0;
  203. padding:0;
  204. }
  205. ul { list-style: none outside; }
  206. ol { list-style: decimal; }
  207. ol,
  208. ul.square,
  209. ul.circle,
  210. ul.disc { margin-left: 40px; }
  211. ul.square { list-style: square outside; }
  212. ul.circle { list-style: circle outside; }
  213. ul.disc { list-style: disc outside; }
  214. ul ul, ul ol,
  215. ol ol, ol ul { margin: 4px 0 5px 30px; }
  216. ul ul li, ul ol li,
  217. ol ol li, ol ul li { margin-bottom: 6px; }
  218. li {
  219. margin:0 0 4px 0;
  220. padding:0;
  221. font-family:'MuseoSans500Italic', Arial, sans-serif;
  222. }
  223. ul li {
  224. background:url(../img/li-marker-dark.png) 0 4px no-repeat;
  225. padding:0 0 0 20px;
  226. color:#444;
  227. list-style:none;
  228. margin:0;
  229. }
  230. ol li {
  231. color:#444;
  232. }
  233. li a {
  234. color:#38667f;
  235. }
  236. li a:hover {
  237. color:#bdd235;
  238. }
  240. .styled2 li {
  241. background:url(../img/li-marker-2.png) 0 4px no-repeat;
  242. }
  243. .styled3 li {
  244. background:url(../img/li-marker-3.png) 0 4px no-repeat;
  245. }
  246. .styled4 li {
  247. background:url(../img/li-marker-4.png) 0 4px no-repeat;
  248. }
  249. .styled5 li {
  250. background:url(../img/li-marker-5.png) 0 4px no-repeat;
  251. }
  252. .styled6 li {
  253. background:url(../img/li-marker-6.png) 0 4px no-repeat;
  254. }
  255. .styled7 li {
  256. background:url(../img/li-marker-7.png) 0 4px no-repeat;
  257. }
  258. .styled8 li {
  259. background:url(../img/li-marker-8.png) 0 4px no-repeat;
  260. }
  261. .styled9 li {
  262. background:url(../img/li-marker-9.png) 0 4px no-repeat;
  263. }
  264. .styled10 li {
  265. background:url(../img/li-marker-10.png) 0 4px no-repeat;
  266. }
  269. /* #Images
  270. ================================================== */
  271. img {
  272. /*max-width: 100%;
  273. height: auto;*/
  274. }
  275. .ie8 img {
  276. max-width: none !important;
  277. }
  279. img.scale-with-grid {
  280. max-width: 100%;
  281. height: auto;
  282. }
  283. .fullwidth {
  284. display:block;
  285. min-width:100%;
  286. max-width:100%;
  287. height:auto;
  288. }
  289. img.fullwidth {
  290. image-rendering:optimizeQuality;
  291. -ms-interpolation-mode:bicubic;
  292. }
  294. .alignleft {
  295. float:left;
  296. margin:0 30px 10px 0;
  297. }
  298. .alignright {
  299. float:right;
  300. margin:0 0 10px 30px;
  301. }
  302. .aligncenter {
  303. text-align:center;
  304. margin:0 0 10px 0;
  305. }
  306. .alignnone {
  307. margin:0 0 10px 0;
  308. }
  310. /* Image Holder */
  311. .img-holder.img-holder-respons {
  313. }
  314. .img-holder.img-holder-respons img {
  316. }
  320. /* #Buttons and Pills
  321. ================================================== */
  322. /* Default Button */
  323. .button,
  324. button,
  325. input[type="submit"],
  326. input[type="reset"],
  327. input[type="button"] {
  328. background: #cee7f5; /* Old browsers */
  329. background: #cee7f5 -moz-linear-gradient(top, #cee7f5 0%, #c1dff2 100%); /* FF3.6+ */
  330. background: #cee7f5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cee7f5), color-stop(100%,#c1dff2)); /* Chrome,Safari4+ */
  331. background: #cee7f5 -webkit-linear-gradient(top, #cee7f5 0%,#c1dff2 100%); /* Chrome10+,Safari5.1+ */
  332. background: #cee7f5 -o-linear-gradient(top, #cee7f5 0%,#c1dff2 100%); /* Opera11.10+ */
  333. background: #cee7f5 -ms-linear-gradient(top, #cee7f5 0%,#c1dff2 100%); /* IE10+ */
  334. background: #cee7f5 linear-gradient(top, #cee7f5 0%,#c1dff2 100%); /* W3C */
  335. border-bottom:1px solid #9cc9e0;
  336. border-radius:3px;
  337. color: #1689c4;
  338. display: inline-block;
  339. font-size: 16px;
  340. text-transform:uppercase;
  341. text-decoration: none;
  342. text-shadow: 0 1px 0 #fff;
  343. cursor: pointer;
  344. line-height:32px;
  345. height:32px;
  346. padding:0 14px 0 14px;
  347. }
  349. .button:hover,
  350. button:hover,
  351. input[type="submit"]:hover,
  352. input[type="reset"]:hover,
  353. input[type="button"]:hover {
  354. color:#1689c4;
  355. text-decoration:none;
  356. background: #c1dff2; /* Old browsers */
  357. background: #c1dff2 -moz-linear-gradient(top, #c1dff2 0%, #cee7f5 100%); /* FF3.6+ */
  358. background: #cee7f5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1dff2), color-stop(100%,#cee7f5)); /* Chrome,Safari4+ */
  359. background: #c1dff2 -webkit-linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* Chrome10+,Safari5.1+ */
  360. background: #c1dff2 -o-linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* Opera11.10+ */
  361. background: #c1dff2 -ms-linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* IE10+ */
  362. background: #c1dff2 linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* W3C */ }
  364. .button:active,
  365. button:active,
  366. input[type="submit"]:active,
  367. input[type="reset"]:active,
  368. input[type="button"]:active {
  369. color:#1689c4;
  370. text-decoration:none;
  371. background: #c1dff2; /* Old browsers */
  372. background: #c1dff2 -moz-linear-gradient(top, #c1dff2 0%, #cee7f5 100%); /* FF3.6+ */
  373. background: #cee7f5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1dff2), color-stop(100%,#cee7f5)); /* Chrome,Safari4+ */
  374. background: #c1dff2 -webkit-linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* Chrome10+,Safari5.1+ */
  375. background: #c1dff2 -o-linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* Opera11.10+ */
  376. background: #c1dff2 -ms-linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* IE10+ */
  377. background: #c1dff2 linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* W3C */
  378. }
  380. .button.full-width,
  381. button.full-width,
  382. input[type="submit"].full-width,
  383. input[type="reset"].full-width,
  384. input[type="button"].full-width {
  385. width: 100%;
  386. padding-left: 0 !important;
  387. padding-right: 0 !important;
  388. text-align: center; }
  390. /* Fix for odd Mozilla border & padding issues */
  391. button::-moz-focus-inner,
  392. input::-moz-focus-inner {
  393. border: 0;
  394. padding: 0;
  395. }
  397. .btn-wrapper {
  398. float:left;
  399. position:relative;
  400. }
  401. .btn-wrapper .btn-marker {
  402. display:block;
  403. width:21px;
  404. height:21px;
  405. position:absolute;
  406. right:12px;
  407. top:6px;
  408. /*background:url(../img/btn-marker-alt.png) 0 0 no-repeat;*/
  409. }
  410. .btn-wrapper .button,
  411. .btn-wrapper button,
  412. .btn-wrapper input[type="submit"],
  413. .btn-wrapper input[type="reset"],
  414. .btn-wrapper input[type="button"] {
  415. padding-right:17px;
  416. }
  418. /* Normal Button */
  419. .btn {
  420. display:inline-block;
  421. position:relative;
  422. padding:5px;
  423. border-radius:4px;
  424. border:1px solid rgba(255, 255, 255, .1);
  425. border-left:1px solid rgba(0, 0, 0, .2);
  426. border-top:1px solid rgba(0, 0, 0, .2);
  427. box-shadow:inset 0 0 4px 0 rgba(0, 0, 0, .5);
  428. }
  429. .no-rgba .btn {
  430. background:url(../img/black-opacity-30.png);
  431. }
  432. .btn.full-w {
  433. display:block;
  434. }
  435. .btn .btn-inner {
  436. display:inline-block;
  437. position:relative;
  438. padding:17px 9px 9px 18px;
  439. font-size:21px;
  440. line-height:1em;
  441. text-transform:uppercase;
  442. color:#35840a;
  443. text-shadow:0 1px 1px #fff;
  444. background:#7f9f3a url(../img/btn-bg.gif) 0 0 repeat-x;
  445. border-radius:3px;
  446. }
  447. .btn .btn-inner:before {
  448. content: "";
  449. display:block;
  450. -webkit-box-shadow: 0 6px 6px rgba(0,0,0, .5);
  451. -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);
  452. box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);
  453. position: absolute;
  454. left: 0;
  455. bottom: 0;
  456. z-index:1;
  457. width: 100%;
  458. height: 12%;
  459. }
  460. .btn.full-w .btn-inner {
  461. display:block;
  462. }
  463. .btn .btn-inner em {
  464. display:block;
  465. font-size:12px;
  466. text-transform:none;
  467. font-style:normal;
  468. margin-top:-5px;
  469. color:inherit;
  470. }
  471. .btn i.marker {
  472. position:absolute;
  473. right:27px;
  474. top:9px;
  475. width:28px;
  476. height:28px;
  477. /*background:url(../img/btn-marker.png) 0 0 no-repeat;*/
  478. }
  479. .btn .btn-inner:hover {
  480. background: #b2d038; /* Old browsers */
  481. background: #b2d038 -moz-linear-gradient(top, #a2c62c 0%, #c2da44 100%); /* FF3.6+ */
  482. background: #b2d038 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2c62c), color-stop(100%,#c2da44)); /* Chrome,Safari4+ */
  483. background: #b2d038 -webkit-linear-gradient(top, #a2c62c 0%,#c2da44 100%); /* Chrome10+,Safari5.1+ */
  484. background: #b2d038 -o-linear-gradient(top, #a2c62c 0%,#c2da44 100%); /* Opera11.10+ */
  485. background: #b2d038 -ms-linear-gradient(top, #a2c62c 0%,#c2da44 100%); /* IE10+ */
  486. background: #b2d038 linear-gradient(top, #a2c62c 0%,#c2da44 100%); /* W3C */
  487. }
  489. /* Large Button */
  490. .btn.large .btn-inner {
  491. font-size:24px;
  492. letter-spacing:-1px;
  493. padding:10px 80px 2px 30px;
  494. font-weight:bold;
  495. background-image:url(../img/btn-large-bg.gif);
  496. }
  497. .btn.large .btn-inner:hover {
  498. background: #b2d038; /* Old browsers */
  499. background: #b2d038 -moz-linear-gradient(top, #a2c62c 0%, #c2da44 100%); /* FF3.6+ */
  500. background: #b2d038 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2c62c), color-stop(100%,#c2da44)); /* Chrome,Safari4+ */
  501. background: #b2d038 -webkit-linear-gradient(top, #a2c62c 0%,#c2da44 100%); /* Chrome10+,Safari5.1+ */
  502. background: #b2d038 -o-linear-gradient(top, #a2c62c 0%,#c2da44 100%); /* Opera11.10+ */
  503. background: #b2d038 -ms-linear-gradient(top, #a2c62c 0%,#c2da44 100%); /* IE10+ */
  504. background: #b2d038 linear-gradient(top, #a2c62c 0%,#c2da44 100%); /* W3C */
  505. }
  506. .btn.large .btn-inner em {
  507. font-weight:normal;
  508. font-size:14px;
  509. letter-spacing:0;
  510. }
  511. .btn i.marker {
  512. position:absolute;
  513. right:27px;
  514. top:9px;
  515. width:33px;
  516. height:33px;
  517. /*background:url(../img/btn-marker-large.png) 0 0 no-repeat;*/
  518. }
  521. /* Ribbon Button */
  522. .ribbon-button {
  523. display:inline-block;
  524. width:325px;
  525. height:79px;
  526. background:url(../img/ribbon-button.png) 0 0 no-repeat;
  527. color:#4a5f03;
  528. text-align:center;
  529. font-size:18px;
  530. text-transform:uppercase;
  531. line-height:75px;
  532. text-indent:-20px;
  533. text-shadow:0 1px 0 rgba(255, 255, 255, .7);
  534. }
  536. /* Alt Button */
  537. .button-alt {
  538. display:inline-block;
  539. padding:3px 14px 1px 14px;
  540. font-size:11px;
  541. text-transform:uppercase;
  542. color:#1689c4 !important;
  543. text-shadow:0 1px 0 #fff;
  544. font-family: 'MuseoSans500Regular', Arial, sans-serif;
  545. border-bottom:1px solid #9cc9e0;
  546. border-radius:3px;
  547. background: #cee7f5; /* Old browsers */
  548. background: #cee7f5 -moz-linear-gradient(top, #cee7f5 0%, #c1dff2 100%); /* FF3.6+ */
  549. background: #cee7f5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cee7f5), color-stop(100%,#c1dff2)); /* Chrome,Safari4+ */
  550. background: #cee7f5 -webkit-linear-gradient(top, #cee7f5 0%,#c1dff2 100%); /* Chrome10+,Safari5.1+ */
  551. background: #cee7f5 -o-linear-gradient(top, #cee7f5 0%,#c1dff2 100%); /* Opera11.10+ */
  552. background: #cee7f5 -ms-linear-gradient(top, #cee7f5 0%,#c1dff2 100%); /* IE10+ */
  553. background: #cee7f5 linear-gradient(top, #cee7f5 0%,#c1dff2 100%); /* W3C */
  554. }
  555. .button-alt:hover {
  556. color:#1689c4 !important;
  557. text-decoration:none;
  558. background: #c1dff2; /* Old browsers */
  559. background: #c1dff2 -moz-linear-gradient(top, #c1dff2 0%, #cee7f5 100%); /* FF3.6+ */
  560. background: #cee7f5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1dff2), color-stop(100%,#cee7f5)); /* Chrome,Safari4+ */
  561. background: #c1dff2 -webkit-linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* Chrome10+,Safari5.1+ */
  562. background: #c1dff2 -o-linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* Opera11.10+ */
  563. background: #c1dff2 -ms-linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* IE10+ */
  564. background: #c1dff2 linear-gradient(top, #c1dff2 0%,#cee7f5 100%); /* W3C */
  565. }
  568. /* Pills
  569. ---------------------------------------- */
  570. .pill {
  571. display:inline-block;
  572. position:relative;
  573. font-size:17px;
  574. line-height:1.2em;
  575. text-transform:uppercase;
  576. border-radius:3px;
  577. color:#1689c4;
  578. text-shadow:0 1px 0 rgba(255, 255, 255, .7);
  579. background: #cee6f5; /* Old browsers */
  580. background: #cee6f5 -moz-linear-gradient(top, #cee6f5 0%, #c1dff2 100%); /* FF3.6+ */
  581. background: #cee6f5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cee6f5), color-stop(100%,#c1dff2)); /* Chrome,Safari4+ */
  582. background: #cee6f5 -webkit-linear-gradient(top, #cee6f5 0%,#c1dff2 100%); /* Chrome10+,Safari5.1+ */
  583. background: #cee6f5 -o-linear-gradient(top, #cee6f5 0%,#c1dff2 100%); /* Opera11.10+ */
  584. background: #cee6f5 -ms-linear-gradient(top, #cee6f5 0%,#c1dff2 100%); /* IE10+ */
  585. background: #cee6f5 linear-gradient(top, #cee6f5 0%,#c1dff2 100%); /* W3C */
  586. box-shadow:inset 0 1px 1px rgba(255, 255, 255, .4), 0 1px 0 rgba(0, 0, 0, .2);
  587. border:1px solid rgba(0, 0, 0, .05);
  588. border-top:none;
  589. }
  590. .pill .pill-inner {
  591. display:inline-block;
  592. padding:9px 25px 7px 25px;
  593. background:url(../img/pill-pattern-alt2.png) 0 -3px;
  594. border-radius:3px;
  595. cursor:pointer;
  596. }
  597. .pill:hover {
  598. background: #cee6f5 -moz-linear-gradient(top, #c1dff2 0%, #cee6f5 100%); /* FF3.6+ */
  599. background: #cee6f5 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1dff2), color-stop(100%,#cee6f5)); /* Chrome,Safari4+ */
  600. background: #cee6f5 -webkit-linear-gradient(top, #c1dff2 0%,#cee6f5 100%); /* Chrome10+,Safari5.1+ */
  601. background: #cee6f5 -o-linear-gradient(top, #c1dff2 0%,#cee6f5 100%); /* Opera11.10+ */
  602. background: #cee6f5 -ms-linear-gradient(top, #c1dff2 0%,#cee6f5 100%); /* IE10+ */
  603. background: #cee6f5 linear-gradient(top, #c1dff2 0%,#cee6f5 100%); /* W3C */
  604. }
  605. .pill:hover .pill-inner {
  606. background:none;
  607. }
  609. /* Pill Sizes */
  610. .pill-large {
  611. font-size:24px;
  612. }
  613. .pill-large .pill-inner {
  614. padding:12px 35px 8px 35px;
  615. }
  616. .pill-small {
  617. font-size:11px;
  618. }
  619. .pill-small .pill-inner {
  620. padding:5px 12px 3px 12px;
  621. background-position:0 0;
  622. }
  624. /* Pill Styles */
  625. .pill-style1 {
  626. background: #bdda38; /* Old browsers */
  627. background: #bdda38 -moz-linear-gradient(top, #bdda38 0%, #accf25 100%); /* FF3.6+ */
  628. background: #bdda38 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdda38), color-stop(100%,#accf25)); /* Chrome,Safari4+ */
  629. background: #bdda38 -webkit-linear-gradient(top, #bdda38 0%,#accf25 100%); /* Chrome10+,Safari5.1+ */
  630. background: #bdda38 -o-linear-gradient(top, #bdda38 0%,#accf25 100%); /* Opera11.10+ */
  631. background: #bdda38 -ms-linear-gradient(top, #bdda38 0%,#accf25 100%); /* IE10+ */
  632. background: #bdda38 linear-gradient(top, #bdda38 0%,#accf25 100%); /* W3C */
  633. color:#568d00;
  634. }
  635. .pill-style1:hover {
  636. background: #bdda38 -moz-linear-gradient(top, #accf25 0%, #bdda38 100%); /* FF3.6+ */
  637. background: #bdda38 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#accf25), color-stop(100%,#bdda38)); /* Chrome,Safari4+ */
  638. background: #bdda38 -webkit-linear-gradient(top, #accf25 0%,#bdda38 100%); /* Chrome10+,Safari5.1+ */
  639. background: #bdda38 -o-linear-gradient(top, #accf25 0%,#bdda38 100%); /* Opera11.10+ */
  640. background: #bdda38 -ms-linear-gradient(top, #accf25 0%,#bdda38 100%); /* IE10+ */
  641. background: #bdda38 linear-gradient(top, #accf25 0%,#bdda38 100%); /* W3C */
  642. }
  644. .pill-style2 {
  645. background: #f0f1ee; /* Old browsers */
  646. background: #f0f1ee -moz-linear-gradient(top, #f0f1ee 0%, #ebece8 100%); /* FF3.6+ */
  647. background: #f0f1ee -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f1ee), color-stop(100%,#ebece8)); /* Chrome,Safari4+ */
  648. background: #f0f1ee -webkit-linear-gradient(top, #f0f1ee 0%,#ebece8 100%); /* Chrome10+,Safari5.1+ */
  649. background: #f0f1ee -o-linear-gradient(top, #f0f1ee 0%,#ebece8 100%); /* Opera11.10+ */
  650. background: #f0f1ee -ms-linear-gradient(top, #f0f1ee 0%,#ebece8 100%); /* IE10+ */
  651. background: #f0f1ee linear-gradient(top, #f0f1ee 0%,#ebece8 100%); /* W3C */
  652. color:#848484;
  653. }
  654. .pill-style2:hover {
  655. background: #ebece8; /* Old browsers */
  656. background: #ebece8 -moz-linear-gradient(top, #ebece8 0%, #f0f1ee 100%); /* FF3.6+ */
  657. background: #ebece8 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebece8), color-stop(100%,#f0f1ee)); /* Chrome,Safari4+ */
  658. background: #ebece8 -webkit-linear-gradient(top, #ebece8 0%,#f0f1ee 100%); /* Chrome10+,Safari5.1+ */
  659. background: #ebece8 -o-linear-gradient(top, #ebece8 0%,#f0f1ee 100%); /* Opera11.10+ */
  660. background: #ebece8 -ms-linear-gradient(top, #ebece8 0%,#f0f1ee 100%); /* IE10+ */
  661. background: #ebece8 linear-gradient(top, #ebece8 0%,#f0f1ee 100%); /* W3C */
  662. }
  664. .pill-style3 {
  665. background: #f5e1ce; /* Old browsers */
  666. background: #f5e1ce -moz-linear-gradient(top, #f5e1ce 0%, #f2d8c1 100%); /* FF3.6+ */
  667. background: #f5e1ce -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5e1ce), color-stop(100%,#f2d8c1)); /* Chrome,Safari4+ */
  668. background: #f5e1ce -webkit-linear-gradient(top, #f5e1ce 0%,#f2d8c1 100%); /* Chrome10+,Safari5.1+ */
  669. background: #f5e1ce -o-linear-gradient(top, #f5e1ce 0%,#f2d8c1 100%); /* Opera11.10+ */
  670. background: #f5e1ce -ms-linear-gradient(top, #f5e1ce 0%,#f2d8c1 100%); /* IE10+ */
  671. background: #f5e1ce linear-gradient(top, #f5e1ce 0%,#f2d8c1 100%); /* W3C */
  672. color:#e58059;
  673. }
  674. .pill-style3:hover {
  675. background: #f2d8c1; /* Old browsers */
  676. background: #f2d8c1 -moz-linear-gradient(top, #f2d8c1 0%, #f5e1ce 100%); /* FF3.6+ */
  677. background: #f5e1ce -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2d8c1), color-stop(100%,#f5e1ce)); /* Chrome,Safari4+ */
  678. background: #f2d8c1 -webkit-linear-gradient(top, #f2d8c1 0%,#f5e1ce 100%); /* Chrome10+,Safari5.1+ */
  679. background: #f2d8c1 -o-linear-gradient(top, #f2d8c1 0%,#f5e1ce 100%); /* Opera11.10+ */
  680. background: #f2d8c1 -ms-linear-gradient(top, #f2d8c1 0%,#f5e1ce 100%); /* IE10+ */
  681. background: #f2d8c1 linear-gradient(top, #f2d8c1 0%,#f5e1ce 100%); /* W3C */
  682. }
  684. .pill-style4 {
  685. background: #f9f5ba; /* Old browsers */
  686. background: #f9f5ba -moz-linear-gradient(top, #f9f5ba 0%, #f5f198 100%); /* FF3.6+ */
  687. background: #f9f5ba -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f5ba), color-stop(100%,#f5f198)); /* Chrome,Safari4+ */
  688. background: #f9f5ba -webkit-linear-gradient(top, #f9f5ba 0%,#f5f198 100%); /* Chrome10+,Safari5.1+ */
  689. background: #f9f5ba -o-linear-gradient(top, #f9f5ba 0%,#f5f198 100%); /* Opera11.10+ */
  690. background: #f9f5ba -ms-linear-gradient(top, #f9f5ba 0%,#f5f198 100%); /* IE10+ */
  691. background: #f9f5ba linear-gradient(top, #f9f5ba 0%,#f5f198 100%); /* W3C */
  692. color:#aea826;
  693. }
  694. .pill-style4:hover {
  695. background: #f5f198; /* Old browsers */
  696. background: #f5f198 -moz-linear-gradient(top, #f5f198 0%, #f9f5ba 100%); /* FF3.6+ */
  697. background: #f5f198 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f198), color-stop(100%,#f9f5ba)); /* Chrome,Safari4+ */
  698. background: #f5f198 -webkit-linear-gradient(top, #f5f198 0%,#f9f5ba 100%); /* Chrome10+,Safari5.1+ */
  699. background: #f5f198 -o-linear-gradient(top, #f5f198 0%,#f9f5ba 100%); /* Opera11.10+ */
  700. background: #f5f198 -ms-linear-gradient(top, #f5f198 0%,#f9f5ba 100%); /* IE10+ */
  701. background: #f5f198 linear-gradient(top, #f5f198 0%,#f9f5ba 100%); /* W3C */
  702. }
  704. .pill-style5 {
  705. background: #19525d; /* Old browsers */
  706. background: #19525d -moz-linear-gradient(top, #19525d 0%, #0e3b45 100%); /* FF3.6+ */
  707. background: #19525d -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19525d), color-stop(100%,#0e3b45)); /* Chrome,Safari4+ */
  708. background: #19525d -webkit-linear-gradient(top, #19525d 0%,#0e3b45 100%); /* Chrome10+,Safari5.1+ */
  709. background: #19525d -o-linear-gradient(top, #19525d 0%,#0e3b45 100%); /* Opera11.10+ */
  710. background: #19525d -ms-linear-gradient(top, #19525d 0%,#0e3b45 100%); /* IE10+ */
  711. background: #19525d linear-gradient(top, #19525d 0%,#0e3b45 100%); /* W3C */
  712. color:#010d0f;
  713. text-shadow:0 1px 0 rgba(255, 255, 255, .14);
  714. }
  715. .pill-style5 .pill-inner {
  716. background:url(../img/pill-pattern-alt3.png) 0 -2px;
  717. }
  718. .pill-style5:hover {
  719. background: #0e3b45; /* Old browsers */
  720. background: #0e3b45 -moz-linear-gradient(top, #0e3b45 0%, #19525d 100%); /* FF3.6+ */
  721. background: #0e3b45 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e3b45), color-stop(100%,#19525d)); /* Chrome,Safari4+ */
  722. background: #0e3b45 -webkit-linear-gradient(top, #0e3b45 0%,#19525d 100%); /* Chrome10+,Safari5.1+ */
  723. background: #0e3b45 -o-linear-gradient(top, #0e3b45 0%,#19525d 100%); /* Opera11.10+ */
  724. background: #0e3b45 -ms-linear-gradient(top, #0e3b45 0%,#19525d 100%); /* IE10+ */
  725. background: #0e3b45 linear-gradient(top, #0e3b45 0%,#19525d 100%); /* W3C */
  726. }
  728. .pill-style6 {
  729. background: #155d85; /* Old browsers */
  730. background: #155d85 -moz-linear-gradient(top, #155d85 0%, #0b456e 100%); /* FF3.6+ */
  731. background: #155d85 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#155d85), color-stop(100%,#0b456e)); /* Chrome,Safari4+ */
  732. background: #155d85 -webkit-linear-gradient(top, #155d85 0%,#0b456e 100%); /* Chrome10+,Safari5.1+ */
  733. background: #155d85 -o-linear-gradient(top, #155d85 0%,#0b456e 100%); /* Opera11.10+ */
  734. background: #155d85 -ms-linear-gradient(top, #155d85 0%,#0b456e 100%); /* IE10+ */
  735. background: #155d85 linear-gradient(top, #155d85 0%,#0b456e 100%); /* W3C */
  736. color:#cae5f4;
  737. text-shadow:0 1px 0 rgba(0, 0, 0, .5);
  738. }
  739. .pill-style6 .pill-inner {
  740. background:url(../img/pill-pattern-alt3.png) 0 -2px;
  741. }
  742. .pill-style6:hover {
  743. background: #0b456e; /* Old browsers */
  744. background: #0b456e -moz-linear-gradient(top, #0b456e 0%, #155d85 100%); /* FF3.6+ */
  745. background: #0b456e -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b456e), color-stop(100%,#155d85)); /* Chrome,Safari4+ */
  746. background: #0b456e -webkit-linear-gradient(top, #0b456e 0%,#155d85 100%); /* Chrome10+,Safari5.1+ */
  747. background: #0b456e -o-linear-gradient(top, #0b456e 0%,#155d85 100%); /* Opera11.10+ */
  748. background: #0b456e -ms-linear-gradient(top, #0b456e 0%,#155d85 100%); /* IE10+ */
  749. background: #0b456e linear-gradient(top, #0b456e 0%,#155d85 100%); /* W3C */
  750. }
  752. .pill-style7 {
  753. background: #8aa30f; /* Old browsers */
  754. background: #8aa30f -moz-linear-gradient(top, #8aa30f 0%, #738e08 100%); /* FF3.6+ */
  755. background: #8aa30f -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8aa30f), color-stop(100%,#738e08)); /* Chrome,Safari4+ */
  756. background: #8aa30f -webkit-linear-gradient(top, #8aa30f 0%,#738e08 100%); /* Chrome10+,Safari5.1+ */
  757. background: #8aa30f -o-linear-gradient(top, #8aa30f 0%,#738e08 100%); /* Opera11.10+ */
  758. background: #8aa30f -ms-linear-gradient(top, #8aa30f 0%,#738e08 100%); /* IE10+ */
  759. background: #8aa30f linear-gradient(top, #8aa30f 0%,#738e08 100%); /* W3C */
  760. color:#e5f3a5;
  761. text-shadow:0 1px 0 rgba(0, 0, 0, .5);
  762. }
  763. .pill-style7 .pill-inner {
  764. background:url(../img/pill-pattern-alt3.png) 0 -2px;
  765. }
  767. .pill-style7:hover {
  768. background: #738e08; /* Old browsers */
  769. background: #738e08 -moz-linear-gradient(top, #738e08 0%, #8aa30f 100%); /* FF3.6+ */
  770. background: #738e08 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#738e08), color-stop(100%,#8aa30f)); /* Chrome,Safari4+ */
  771. background: #738e08 -webkit-linear-gradient(top, #738e08 0%,#8aa30f 100%); /* Chrome10+,Safari5.1+ */
  772. background: #738e08 -o-linear-gradient(top, #738e08 0%,#8aa30f 100%); /* Opera11.10+ */
  773. background: #738e08 -ms-linear-gradient(top, #738e08 0%,#8aa30f 100%); /* IE10+ */
  774. background: #738e08 linear-gradient(top, #738e08 0%,#8aa30f 100%); /* W3C */
  775. }
  777. .pill-style8 {
  778. background: #a0a0a0; /* Old browsers */
  779. background: #a0a0a0 -moz-linear-gradient(top, #a0a0a0 0%, #8b8b8b 100%); /* FF3.6+ */
  780. background: #a0a0a0 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0a0a0), color-stop(100%,#8b8b8b)); /* Chrome,Safari4+ */
  781. background: #a0a0a0 -webkit-linear-gradient(top, #a0a0a0 0%,#8b8b8b 100%); /* Chrome10+,Safari5.1+ */
  782. background: #a0a0a0 -o-linear-gradient(top, #a0a0a0 0%,#8b8b8b 100%); /* Opera11.10+ */
  783. background: #a0a0a0 -ms-linear-gradient(top, #a0a0a0 0%,#8b8b8b 100%); /* IE10+ */
  784. background: #a0a0a0 linear-gradient(top, #a0a0a0 0%,#8b8b8b 100%); /* W3C */
  785. color:#edeeeb;
  786. text-shadow:0 1px 0 rgba(0, 0, 0, .5);
  787. }
  788. .pill-style8 .pill-inner {
  789. background:url(../img/pill-pattern-alt3.png) 0 -2px;
  790. }
  791. .pill-style8:hover {
  792. background: #8b8b8b; /* Old browsers */
  793. background: #8b8b8b -moz-linear-gradient(top, #8b8b8b 0%, #a0a0a0 100%); /* FF3.6+ */
  794. background: #8b8b8b -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b8b8b), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
  795. background: #8b8b8b -webkit-linear-gradient(top, #8b8b8b 0%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
  796. background: #8b8b8b -o-linear-gradient(top, #8b8b8b 0%,#a0a0a0 100%); /* Opera11.10+ */
  797. background: #8b8b8b -ms-linear-gradient(top, #8b8b8b 0%,#a0a0a0 100%); /* IE10+ */
  798. background: #8b8b8b linear-gradient(top, #8b8b8b 0%,#a0a0a0 100%); /* W3C */
  799. }
  801. .pill-style9 {
  802. background: #db7b56; /* Old browsers */
  803. background: #db7b56 -moz-linear-gradient(top, #db7b56 0%, #d06440 100%); /* FF3.6+ */
  804. background: #db7b56 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db7b56), color-stop(100%,#d06440)); /* Chrome,Safari4+ */
  805. background: #db7b56 -webkit-linear-gradient(top, #db7b56 0%,#d06440 100%); /* Chrome10+,Safari5.1+ */
  806. background: #db7b56 -o-linear-gradient(top, #db7b56 0%,#d06440 100%); /* Opera11.10+ */
  807. background: #db7b56 -ms-linear-gradient(top, #db7b56 0%,#d06440 100%); /* IE10+ */
  808. background: #db7b56 linear-gradient(top, #db7b56 0%,#d06440 100%); /* W3C */
  809. color:#fae7d6;
  810. text-shadow:0 1px 0 rgba(0, 0, 0, .5);
  811. }
  812. .pill-style9 .pill-inner {
  813. background:url(../img/pill-pattern-alt3.png) 0 -2px;
  814. }
  815. .pill-style9:hover {
  816. background: #d06440; /* Old browsers */
  817. background: #d06440 -moz-linear-gradient(top, #d06440 0%, #db7b56 100%); /* FF3.6+ */
  818. background: #d06440 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d06440), color-stop(100%,#db7b56)); /* Chrome,Safari4+ */
  819. background: #d06440 -webkit-linear-gradient(top, #d06440 0%,#db7b56 100%); /* Chrome10+,Safari5.1+ */
  820. background: #d06440 -o-linear-gradient(top, #d06440 0%,#db7b56 100%); /* Opera11.10+ */
  821. background: #d06440 -ms-linear-gradient(top, #d06440 0%,#db7b56 100%); /* IE10+ */
  822. background: #d06440 linear-gradient(top, #d06440 0%,#db7b56 100%); /* W3C */
  823. }
  825. .pill-style10 {
  826. background: #bfbb47; /* Old browsers */
  827. background: #bfbb47 -moz-linear-gradient(top, #bfbb47 0%, #a1992f 100%); /* FF3.6+ */
  828. background: #bfbb47 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbb47), color-stop(100%,#a1992f)); /* Chrome,Safari4+ */
  829. background: #bfbb47 -webkit-linear-gradient(top, #bfbb47 0%,#a1992f 100%); /* Chrome10+,Safari5.1+ */
  830. background: #bfbb47 -o-linear-gradient(top, #bfbb47 0%,#a1992f 100%); /* Opera11.10+ */
  831. background: #bfbb47 -ms-linear-gradient(top, #bfbb47 0%,#a1992f 100%); /* IE10+ */
  832. background: #bfbb47 linear-gradient(top, #bfbb47 0%,#a1992f 100%); /* W3C */
  833. color:#f8f4b3;
  834. text-shadow:0 1px 0 rgba(0, 0, 0, .5);
  835. }
  836. .pill-style10 .pill-inner {
  837. background:url(../img/pill-pattern-alt3.png) 0 -2px;
  838. }
  839. .pill-style10:hover {
  840. background: #a1992f; /* Old browsers */
  841. background: #a1992f -moz-linear-gradient(top, #a1992f 0%, #bfbb47 100%); /* FF3.6+ */
  842. background: #a1992f -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1992f), color-stop(100%,#bfbb47)); /* Chrome,Safari4+ */
  843. background: #a1992f -webkit-linear-gradient(top, #a1992f 0%,#bfbb47 100%); /* Chrome10+,Safari5.1+ */
  844. background: #a1992f -o-linear-gradient(top, #a1992f 0%,#bfbb47 100%); /* Opera11.10+ */
  845. background: #a1992f -ms-linear-gradient(top, #a1992f 0%,#bfbb47 100%); /* IE10+ */
  846. background: #a1992f linear-gradient(top, #a1992f 0%,#bfbb47 100%); /* W3C */
  847. }
  849. .pill-style11 {
  850. background: #082c33; /* Old browsers */
  851. background: #082c33 -moz-linear-gradient(top, #082c33 0%, #041b21 100%); /* FF3.6+ */
  852. background: #082c33 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#082c33), color-stop(100%,#041b21)); /* Chrome,Safari4+ */
  853. background: #082c33 -webkit-linear-gradient(top, #082c33 0%,#041b21 100%); /* Chrome10+,Safari5.1+ */
  854. background: #082c33 -o-linear-gradient(top, #082c33 0%,#041b21 100%); /* Opera11.10+ */
  855. background: #082c33 -ms-linear-gradient(top, #082c33 0%,#041b21 100%); /* IE10+ */
  856. background: #082c33 linear-gradient(top, #082c33 0%,#041b21 100%); /* W3C */
  857. color:#517d86;
  858. text-shadow:0 1px 0 rgba(0, 0, 0, .5);
  859. }
  860. .pill-style11 .pill-inner {
  861. background:url(../img/pill-pattern-alt3.png) 0 -2px;
  862. }
  863. .pill-style11:hover {
  864. background: #041b21; /* Old browsers */
  865. background: #041b21 -moz-linear-gradient(top, #041b21 0%, #082c33 100%); /* FF3.6+ */
  866. background: #041b21 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#041b21), color-stop(100%,#082c33)); /* Chrome,Safari4+ */
  867. background: #041b21 -webkit-linear-gradient(top, #041b21 0%,#082c33 100%); /* Chrome10+,Safari5.1+ */
  868. background: #041b21 -o-linear-gradient(top, #041b21 0%,#082c33 100%); /* Opera11.10+ */
  869. background: #041b21 -ms-linear-gradient(top, #041b21 0%,#082c33 100%); /* IE10+ */
  870. background: #041b21 linear-gradient(top, #041b21 0%,#082c33 100%); /* W3C */
  871. }
  874. /* #Alert boxes
  875. ================================================== */
  876. .alert {
  877. padding:4px 20px 4px 39px;
  878. border-radius:3px;
  879. background-position:12px 5px;
  880. background-repeat:no-repeat;
  881. border-width: 1px;
  882. border-style:solid;
  883. margin-bottom:30px;
  884. }
  885. .alert-error {
  886. background-color:#f4c9c9;
  887. background-image:url(../img/ico-alert-error.png);
  888. border-color:#ed9d9d;
  889. color:#de6666;
  890. }
  891. .alert-warning {
  892. background-color:#f6f1d2;
  893. background-image:url(../img/ico-alert-warning.png);
  894. border-color:#e3ce4b;
  895. color:#d2b715;
  896. }
  897. .alert-info {
  898. background-color:#d1e8f5;
  899. background-image:url(../img/ico-alert-info.png);
  900. border-color:#6bbeed;
  901. color:#3d9cd2;
  902. }
  903. .alert-success {
  904. background-color:#deef90;
  905. background-image:url(../img/ico-alert-success.png);
  906. border-color:#adc92a;
  907. color:#6d9b0a;
  908. }
  909. /* #Tables
  910. ================================================== */
  911. table.default-table {
  912. border: medium none;
  913. border-collapse: separate;
  914. border-spacing: 0;
  915. margin-bottom: 15px;
  916. width: 100%;
  917. background-color: #f7f7f7;
  918. box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  919. }
  920. table.default-table th {
  921. border-style: none solid none solid;
  922. border-width: 0 1px 0 1px;
  923. border-color: #e4e4e4 #fff #e4e4e4 #e4e4e4;
  924. color: #444;
  925. font-size: 16px;
  926. font-weight:normal;
  927. text-transform:uppercase;
  928. padding: 16px 0;
  929. text-align:center;
  930. vertical-align: top;
  931. }
  932. table.default-table tbody tr th:first-child {
  933. border-width: 0 1px 0 0;
  934. }
  935. table.default-table td {
  936. border-style: none solid none solid;
  937. border-width: 0 1px 0 1px;
  938. border-color: #e4e4e4 #fff #e4e4e4 #e4e4e4;
  939. text-align:center;
  940. font-size:12px;
  941. color:#888;
  942. padding:5px 0;
  943. }
  944. table.default-table tbody tr:nth-child(even) {
  945. background:#f1f1f1;
  946. }
  947. table.default-table tbody tr td:first-child {
  948. border-width: 0 1px 0 0;
  949. }
  951. /* #Dropcaps
  952. ================================================== */
  953. .dropcap {
  954. float:left;
  955. width:40px;
  956. height:40px;
  957. font-size:20px;
  958. line-height:40px;
  959. text-align:center;
  960. margin:-5px 10px 0 0;
  961. }
  962. .dropcap-style1 {
  963. background:#f7f7f7;
  964. color:#444;
  965. }
  966. .dropcap-style2 {
  967. background:#115b87;
  968. color:#f7f7f7;
  969. }
  970. .dropcap-style3 {
  971. background:#444;
  972. color:#f7f7f7;
  973. }
  975. /* #Accordion (Toggle)
  976. ================================================== */
  977. .accordion-wrapper {
  978. background:#f7f7f7;
  979. padding:-1px 38px;
  980. box-shadow:0 1px 1px rgba(0, 0, 0, .2);
  981. }
  982. .accordion-wrapper .acc-head {
  984. padding:0 38px;
  985. font-size:16px;
  986. text-transform:uppercase;
  987. background:url(../img/dotted-window.png) 2px 100% repeat-x;
  988. }
  989. .accordion-wrapper .acc-head.active,
  990. .accordion-wrapper .acc-head.last {
  991. background:none;
  992. }
  993. .accordion-wrapper .acc-head a {
  994. display:block;
  995. color:#115b87;
  996. text-decoration:none;
  997. padding:15px 0;
  998. }
  999. .accordion-wrapper .acc-head a:before {
  1000. /*content:"+";*/
  1001. display:inline-block;
  1002. position:relative;
  1003. padding-right:10px;
  1004. width:12px;
  1005. overflow:hidden;
  1006. text-align:center;
  1007. font-size:18px;
  1008. vertical-align:text-bottom;
  1009. }
  1010. .accordion-wrapper .acc-head.active a:before {
  1011. /*content:"-";*/
  1012. }
  1013. .accordion-wrapper .acc-head a:hover,
  1014. .accordion-wrapper .acc-head.active a {
  1015. color:#96b123;
  1016. }
  1017. .acc-body {
  1018. margin:0;
  1019. padding:0 0 15px 0;
  1020. }
  1023. /* #Pricing Tables
  1024. ================================================== */
  1025. .pricing-tables {
  1026. padding-bottom:18px;
  1027. margin-bottom:34px;
  1028. position:relative;
  1029. }
  1030. .pricing-column {
  1031. display:block;
  1032. position:relative;
  1033. float:left;
  1034. }
  1036. /* Single Pricing Cell */
  1037. .single-pricing-table {
  1038. background:#f7f7f7;
  1039. border:1px solid #e8e8e8;
  1040. position:relative;
  1041. text-align:center;
  1042. -webkit-transition: box-shadow 0.3s ease-out;
  1043. -moz-transition: box-shadow 0.3s ease-out;
  1044. transition: box-shadow 0.3s ease-out;
  1045. }
  1046. .single-pricing-table:before {
  1047. content:"";
  1048. display:block;
  1049. position:absolute;
  1050. left:-2px;
  1051. right:-2px;
  1052. bottom:-2px;
  1053. top:-2px;
  1054. border:1px solid #fff;
  1055. z-index:-1;
  1056. }
  1058. /* Pricing Header */
  1059. .single-pricing-table .pr-head {
  1060. color:#fff;
  1061. position:relative;
  1062. overflow:hidden;
  1063. margin:-2px -2px 0 -2px;
  1064. border-radius:2px 2px 0 0;
  1065. }
  1066. .single-pricing-table .pr-head h3,
  1067. .single-pricing-table .pr-head h4 {
  1068. font-family: 'Oswald', sans-serif;
  1069. color:#fff;
  1070. text-shadow:none;
  1071. font-weight:normal;
  1072. }
  1073. .single-pricing-table .pr-head .circle-bg {
  1074. display:block;
  1075. position:absolute;
  1076. width:260px;
  1077. height:260px;
  1078. background:#a7bf20 url(../img/pricing-table-bg.gif) 0 100% repeat-x;
  1079. border-radius:130px;
  1080. left:50%;
  1081. top:0;
  1082. margin:-140px 0 0 -130px;
  1083. z-index:1;
  1084. box-shadow:0 1px 0 rgba(0, 0, 0, .3);
  1085. }
  1086. .single-pricing-table .pr-head .circle-bg:before {
  1087. content:"";
  1088. display:block;
  1089. position:absolute;
  1090. right:0;
  1091. top:0;
  1092. bottom:0;
  1093. left:0;
  1094. background:url(../img/pricing-texture.png) 0 100% repeat-x;
  1095. border-radius:inherit;
  1096. }
  1097. .single-pricing-table .pr-head .circle-line {
  1098. display:block;
  1099. position:absolute;
  1100. width:260px;
  1101. height:260px;
  1102. border:1px solid rgba(0, 0, 0, .3);
  1103. border-radius:130px;
  1104. left:50%;
  1105. top:0;
  1106. margin:-152px 0 0 -131px;
  1107. z-index:2;
  1108. }
  1109. .single-pricing-table .pr-head h3.price {
  1110. font-size:20px;
  1111. line-height:1.2em;
  1112. padding:25px 0 50px 0;
  1113. margin:0;
  1114. position:relative;
  1115. z-index:3;
  1116. }
  1117. .single-pricing-table .pr-head h3.price sup {
  1118. font-size:.6em;
  1119. top: -.6em
  1120. }
  1121. .single-pricing-table .pr-head h4 {
  1122. font-size:18px;
  1123. color:#115b87;
  1124. padding:35px 0;
  1125. }
  1127. /* Pricing Features */
  1128. .single-pricing-table .pr-features {
  1130. }
  1131. .single-pricing-table .pr-features ul {
  1132. margin:0;
  1133. padding:0;
  1134. }
  1135. .single-pricing-table .pr-features ul li {
  1136. list-style-type:none;
  1137. margin:0;
  1138. background:none;
  1139. color:#888;
  1140. font-family: 'MuseoSans500Regular', Arial, sans-serif;
  1141. }
  1142. .single-pricing-table .pr-features ul li:nth-child(odd) {
  1143. background:#f1f1f1;
  1144. }
  1145. .single-pricing-table .pr-features ul li.odd {
  1146. background:#f1f1f1;
  1147. }
  1149. /* Pricing Footer */
  1150. .single-pricing-table .pr-foot {
  1151. padding:30px 0;
  1152. }
  1154. /* Pill custom styles */
  1155. .single-pricing-table .pr-foot .pill .pill-inner {
  1156. padding-left:16px;
  1157. padding-right:16px;
  1158. }
  1160. /* Pricing Grid
  1161. -------------------------------------------------- */
  1162. .pricing-tables.five-cols .pricing-column:first-child {
  1163. margin-left:0 !important;
  1164. }
  1165. /* 5 cols */
  1166. .pricing-tables.five-cols .pricing-column {
  1167. width:180px;
  1168. margin-left:10px;
  1169. }
  1170. /* 4 cols */
  1171. .pricing-tables.four-cols .pricing-column {
  1172. width:232px;
  1173. margin-left:4px;
  1174. }
  1175. .pricing-tables.four-cols .pricing-column:first-child {
  1176. margin-left:0;
  1177. }
  1178. .pricing-tables.four-cols .single-pricing-table .pr-head .circle-bg {
  1179. width:320px;
  1180. height:320px;
  1181. border-radius:160px;
  1182. margin:-190px 0 0 -160px;
  1183. }
  1184. .pricing-tables.four-cols .single-pricing-table .pr-head .circle-line {
  1185. width:320px;
  1186. height:320px;
  1187. border-radius:160px;
  1188. margin:-205px 0 0 -161px;
  1189. }
  1190. /* 3 cols */
  1191. .pricing-tables.three-cols .pricing-column {
  1192. width:300px;
  1193. margin-left:20px;
  1194. }
  1195. .pricing-tables.three-cols .pricing-column:first-child {
  1196. margin-left:0;
  1197. }
  1198. .pricing-tables.three-cols .single-pricing-table .pr-head .circle-bg {
  1199. width:440px;
  1200. height:440px;
  1201. border-radius:220px;
  1202. margin:-293px 0 0 -220px;
  1203. }
  1204. .pricing-tables.three-cols .single-pricing-table .pr-head .circle-line {
  1205. width:440px;
  1206. height:440px;
  1207. border-radius:220px;
  1208. margin:-310px 0 0 -220px;
  1209. }
  1210. .pricing-tables.three-cols .single-pricing-table .pr-head h3.price {
  1211. font-size:46px;
  1212. padding:33px 0 61px 0;
  1213. }
  1215. @media only screen and (min-width: 960px) { /* We disable hover effect for mobile devices */
  1216. /* Pricing Active and Hover */
  1217. .membership-table .single-pricing-table.active,
  1218. .membership-table .single-pricing-table:hover {
  1219. margin:-20px;
  1220. z-index:3;
  1221. box-shadow:0 2px 20px rgba(0, 0, 0, .14);
  1222. }
  1223. .membership-table .single-pricing-table.active .pr-head h3.price,
  1224. .membership-table .single-pricing-table:hover .pr-head h3.price {
  1225. padding:35px 0 60px 0;
  1226. color:#506301;
  1227. }
  1228. .membership-table .single-pricing-table.active .pr-head .circle-bg,
  1229. .membership-table .single-pricing-table:hover .pr-head .circle-bg {
  1230. width:300px;
  1231. height:300px;
  1232. border-radius:150px;
  1233. margin:-150px 0 0 -150px;
  1234. }
  1235. .membership-table .single-pricing-table.active .pr-head .circle-line,
  1236. .membership-table .single-pricing-table:hover .pr-head .circle-line {
  1237. width:300px;
  1238. height:300px;
  1239. border:1px solid rgba(0, 0, 0, .3);
  1240. border-radius:150px;
  1241. margin:-164px 0 0 -150px;
  1242. }
  1243. .membership-table .single-pricing-table.active .pr-head h4,
  1244. .membership-table .single-pricing-table:hover .pr-head h4 {
  1245. color:#96b123;
  1246. padding:35px 0;
  1247. }
  1248. .membership-table .single-pricing-table.active .pr-foot,
  1249. .membership-table .single-pricing-table:hover .pr-foot {
  1250. padding:40px 0 58px 0;
  1251. }
  1253. /* 4 cols */
  1254. .membership-table .pricing-tables.four-cols .single-pricing-table.active .pr-head .circle-bg,
  1255. .membership-table .pricing-tables.four-cols .single-pricing-table:hover .pr-head .circle-bg {
  1256. width:400px;
  1257. height:400px;
  1258. border-radius:200px;
  1259. margin:-248px 0 0 -201px;
  1260. }
  1261. .membership-table .pricing-tables.four-cols .single-pricing-table.active .pr-head .circle-line,
  1262. .membership-table .pricing-tables.four-cols .single-pricing-table:hover .pr-head .circle-line {
  1263. width:400px;
  1264. height:400px;
  1265. border:1px solid rgba(0, 0, 0, .3);
  1266. border-radius:200px;
  1267. margin:-265px 0 0 -200px;
  1268. }
  1269. /* 3 cols */
  1270. .membership-table .pricing-tables.three-cols .single-pricing-table.active .pr-head .circle-bg,
  1271. .membership-table .pricing-tables.three-cols .single-pricing-table:hover .pr-head .circle-bg {
  1272. width:500px;
  1273. height:500px;
  1274. border-radius:250px;
  1275. margin:-335px 0 0 -251px;
  1276. }
  1277. .membership-table .pricing-tables.three-cols .single-pricing-table.active .pr-head .circle-line,
  1278. .membership-table .pricing-tables.three-cols .single-pricing-table:hover .pr-head .circle-line {
  1279. width:500px;
  1280. height:500px;
  1281. border:1px solid rgba(0, 0, 0, .3);
  1282. border-radius:250px;
  1283. margin:-355px 0 0 -250px;
  1284. }
  1285. .membership-table .pricing-tables.three-cols .single-pricing-table.active .pr-head h3.price,
  1286. .membership-table .pricing-tables.three-cols .single-pricing-table:hover .pr-head h3.price {
  1287. padding:43px 0 71px 0;
  1288. }
  1290. }
  1293. /* #Pricing Lists
  1294. ================================================== */
  1295. .pricing-list {
  1296. margin:0;
  1297. padding:0;
  1298. list-style-type:none;
  1299. }
  1300. .pricing-list li {
  1301. list-style-type:none;
  1302. margin:0 0 10px 0;
  1303. padding:0;
  1304. background:url(../img/hr-dotted.png) 0 100% repeat-x;
  1305. overflow:hidden;
  1306. }
  1307. .pricing-list li .name {
  1308. float:left;
  1309. background:url(../img/pattern.gif);
  1310. padding-right:2px;
  1311. }
  1312. .pricing-list li .price {
  1313. float:right;
  1314. background:url(../img/pattern.gif);
  1315. color:#96b123;
  1316. padding:0 0 0 11px;
  1317. }
  1320. /* #Forms
  1321. ================================================== */
  1322. input {
  1323. border:0;
  1324. background:none;
  1325. outline:none;
  1326. color:#888;;
  1327. -moz-background-clip: padding;
  1328. -webkit-background-clip: padding-box;
  1329. background-clip: padding-box;
  1330. }
  1332. textarea {
  1333. background:none;
  1334. border:0;
  1335. min-height:100px;
  1336. overflow:hidden;
  1337. color:#888;
  1338. outline:none;
  1339. resize:none;
  1340. -moz-background-clip: padding;
  1341. -webkit-background-clip: padding-box;
  1342. background-clip: padding-box;
  1343. }
  1345. /* Form defaults */
  1346. input[type="text"],
  1347. input[type="password"],
  1348. input[type="email"],
  1349. textarea,
  1350. select {
  1351. border: 1px solid #ccc;
  1352. padding: 6px 4px;
  1353. outline: none;
  1354. -moz-border-radius: 2px;
  1355. -webkit-border-radius: 2px;
  1356. border-radius: 2px;
  1357. font-family: Arial, sans-serif;
  1358. color: #777;
  1359. margin: 0;
  1360. width: 210px;
  1361. max-width: 100%;
  1362. display: block;
  1363. background: #fff;
  1364. -webkit-transition: all 0.2s ease-out;
  1365. -moz-transition: all 0.2s ease-out;
  1366. transition: all 0.2s ease-out;
  1367. -webkit-box-sizing:border-box;
  1368. -moz-box-sizing:border-box;
  1369. box-sizing:border-box;
  1370. }
  1371. select { padding: 5px; }
  1372. .select
  1373. {
  1374. background:#fff;
  1375. background:rgba(255, 255, 255, .4);
  1376. border-top:1px solid #c9c9c8;
  1377. border-left:1px solid #dfe0de;
  1378. border-right:1px solid #dfe0de;
  1379. border-bottom:1px solid #fff;
  1380. padding:7px 9px;
  1381. border-radius:3px;
  1382. color:#888;
  1383. box-shadow:inset 0 1px 1px rgba(0, 0, 0, .1);
  1384. }
  1385. textarea:focus {
  1386. color: #888;
  1387. box-shadow:inset 0 0 0 rgba(0, 0, 0, .1), 0 0 3px rgba(102, 185, 227, 1);
  1388. }
  1389. input[type="text"], textarea {
  1390. background:#fff;
  1391. background:rgba(255, 255, 255, .4);
  1392. border-top:1px solid #c9c9c8;
  1393. border-left:1px solid #dfe0de;
  1394. border-right:1px solid #dfe0de;
  1395. border-bottom:1px solid #fff;
  1396. padding:7px 9px;
  1397. border-radius:3px;
  1398. color:#888;
  1399. box-shadow:inset 0 1px 1px rgba(0, 0, 0, .1);
  1400. }
  1401. input[type="text"]:focus,
  1402. input[type="password"]:focus,
  1403. input[type="email"]:focus,
  1404. textarea:focus {
  1405. color: #888;
  1406. box-shadow:inset 0 0 0 rgba(0, 0, 0, .1), 0 0 3px rgba(102, 185, 227, 1);
  1407. }
  1408. label,
  1409. legend {
  1410. display: block;
  1411. font-weight: normal;
  1412. }
  1413. input[type="checkbox"] {
  1414. display: inline;
  1415. }
  1416. /* Field Holder */
  1417. .field {
  1418. margin-bottom:15px;
  1419. position:relative;
  1420. }
  1422. /* === DROPKICK CSS === */
  1423. /* One container to bind them... */
  1424. .dk_container {
  1425. font-size: 1em; /*changed to ems*/
  1426. border-radius: 3px; /*changed to ems*/
  1427. white-space: nowrap; /*added this so that everything stays neatly on one line*/
  1428. }
  1430. .dk_container:focus {
  1431. outline: 0;
  1432. }
  1434. .dk_container a {
  1435. cursor: pointer;
  1436. text-decoration: none;
  1437. }
  1439. /* Opens the dropdown and holds the menu label */
  1440. .dk_toggle {
  1441. background:#fff;
  1442. background:rgba(255, 255, 255, 1);
  1443. border-top:1px solid #c9c9c8;
  1444. border-left:1px solid #dfe0de;
  1445. border-right:1px solid #dfe0de;
  1446. border-bottom:1px solid #fff;
  1447. padding: 0 3em 0 1em;
  1448. color:#888;
  1449. box-shadow:inset 0 1px 1px rgba(0, 0, 0, .1);
  1450. -webkit-border-radius: 3px;
  1451. -moz-border-radius: 3px;
  1452. border-radius: 3px;
  1453. display: block;
  1454. line-height: 2.4em; /*added this instead of the padding top/bottom. we can now calculate it exactly */
  1456. -webkit-transition: border-color .5s;
  1457. -moz-transition: border-color .5s;
  1458. -o-transition: border-color .5s;
  1459. -ms-transition: border-color .5s;
  1460. transition: border-color .5s;
  1462. -webkit-user-select: none;
  1463. -moz-user-select: none;
  1464. -ms-user-select: none;
  1465. user-select: none;
  1467. font-size:12px;
  1468. }
  1470. .dk_toggle:after {
  1471. font-size: 1em; /*changed to ems*/
  1472. line-height: 2.5em; /*exactly the same as the parent - so everything aligns vertically*/
  1473. content: "";
  1474. float: right;
  1475. margin: -0.1em -3.1em 0 0;
  1476. width: 33px;
  1477. height: 33px;
  1478. background: url(../img/form-select1.png) 0 0 no-repeat;
  1479. /*margin-top: 4px; won't need this, we've specified the lineheight for vertical aligning*/
  1480. }
  1481. .custom-select-2 .dk_toggle:after {
  1482. background: url(../img/form-select2.png) 0 0 no-repeat;
  1483. }
  1484. .custom-select-3 .dk_toggle:after {
  1485. background: url(../img/form-select3.png) 0 0 no-repeat;
  1486. }
  1487. .custom-select-4 .dk_toggle:after {
  1488. background: url(../img/form-select4.png) 0 0 no-repeat;
  1489. }
  1490. .custom-select-5 .dk_toggle:after {
  1491. background: url(../img/form-select5.png) 0 0 no-repeat;
  1492. }
  1493. .custom-select-6 .dk_toggle:after {
  1494. background: url(../img/form-select6.png) 0 0 no-repeat;
  1495. }
  1497. /* Applied whenever the dropdown is open */
  1498. .dk_open {
  1499. z-index: 10;
  1500. }
  1502. .dk_open .dk_toggle {
  1503. z-index: 30;
  1504. }
  1506. .dk_open .dk_toggle:after {
  1507. /*I've removed a load of styles here, as they're all inherited from .dk_toggle:after */
  1509. }
  1511. /* The outer container of the options */
  1512. .dk_options {
  1513. background: #f7f7f5;
  1514. border-radius: 0 0 .4em .4em; /*changed to ems*/
  1515. }
  1516. .ie8 .dk_options {
  1517. background: #fff;
  1518. }
  1520. .dk_options a {
  1521. color: #999;
  1522. padding: 0 1em;
  1523. line-height: 2.5em; /*added this instead of the padding top/bottom. we can now calculate it exactly */
  1524. -webkit-user-select: none;
  1525. -moz-user-select: none;
  1526. -ms-user-select: none;
  1527. user-select: none;
  1528. }
  1530. .dk_options li {
  1531. background-image: none;
  1532. border: none;
  1533. padding: 0;
  1534. margin: 0;
  1535. font-size: 11px;
  1536. }
  1538. .dk_options li:first-child {
  1539. display: none;
  1540. }
  1542. .dk_options #divider {
  1543. width: 90%; /*flexible value - leave as it is!*/
  1544. height: 1px; /*rounded to a neat ems value*/
  1545. margin: auto;
  1546. background-color: #eee;
  1547. }
  1549. .dk_options li:last-child #divider {
  1550. display: none;
  1551. }
  1553. .dk_options a:hover,.dk_option_current a {
  1554. color: #444;
  1555. text-decoration: none;
  1556. }
  1558. /* Inner container for options, this is what makes the scrollbar possible. */
  1559. .dk_options_inner {
  1560. border: 1px solid #dfe0de; /*change to ems*/
  1561. border-bottom-width: .1em; /*chamge to ems*/
  1562. border-bottom-color: #dfe0de;
  1563. color: #a2a8ad;
  1564. /*max-height: 250px; */
  1565. text-shadow: #dfe0de 0 .05em 0; /*change to ems*/
  1566. border-radius: 0 0 .4em .4em; /*change to ems*/
  1567. margin: 0;
  1568. padding: 0;
  1569. }
  1571. /* Set a max-height on the options inner */
  1572. .dk_options_inner,.dk_touch .dk_options {
  1573. /*max-height: 250px; */
  1574. }
  1575. /****** End Theme ******/
  1576. /***** Critical to the continued enjoyment of working dropdowns ******/
  1577. .dk_container {
  1578. display: none;
  1579. float: none;
  1580. position: relative;
  1581. }
  1583. .dk_container a {
  1584. /*width: auto!important; I don't like using !important, but this needs to override a fixed pixel width which is added inline by the dropkick script - or comment out line 116 in the js*/
  1585. outline: 0;
  1586. }
  1588. .dk_toggle {
  1589. display: -moz-inline-stack;
  1590. display: block;
  1591. position: relative;
  1592. zoom: 1;
  1593. }
  1595. .dk_open {
  1596. position: relative;
  1597. }
  1599. .dk_open .dk_options {
  1600. display: block;
  1601. }
  1603. .dk_open .dk_label {
  1604. color: inherit;
  1605. }
  1607. .dk_options {
  1608. display: none;
  1609. margin-top: -.05em;
  1610. position: absolute;
  1611. right: 0;
  1612. width: 100%;
  1613. }
  1615. .dk_options a,.dk_options a:link,.dk_options a:visited {
  1616. display: block;
  1617. }
  1619. .dk_options_inner {
  1620. overflow: auto;
  1621. position: relative;
  1622. }
  1624. .dk_touch .dk_options {
  1625. overflow: hidden;
  1626. }
  1628. .dk_touch .dk_options_inner {
  1629. max-height: none;
  1630. overflow: visible;
  1631. }
  1633. .dk-select {
  1634. position: relative;
  1635. top: -99999em;
  1636. visibility: hidden;
  1637. }
  1638. /***** End Critical to the continued enjoyment of working dropdowns ******/
  1640. /* Custom Radio buttons and checkboxes */
  1641. .radio {
  1642. height: 16px;
  1643. width: 17px;
  1644. clear:left;
  1645. float:left;
  1646. margin: 1px 6px 0 0;
  1647. background: url("../img/radio1.png");
  1648. background-repeat:no-repeat;
  1649. cursor: default;
  1650. position:relative;
  1651. overflow:hidden;
  1652. }
  1653. .radio2 {
  1654. height: 16px;
  1655. width: 17px;
  1656. clear:left;
  1657. float:left;
  1658. margin: 1px 6px 0 0;
  1659. background: url("../img/radio2.png");
  1660. background-repeat:no-repeat;
  1661. cursor: default;
  1662. position:relative;
  1663. overflow:hidden;
  1664. }
  1665. .radio3 {
  1666. height: 16px;
  1667. width: 17px;
  1668. clear:left;
  1669. float:left;
  1670. margin: 1px 6px 0 0;
  1671. background: url("../img/radio3.png");
  1672. background-repeat:no-repeat;
  1673. cursor: default;
  1674. position:relative;
  1675. overflow:hidden;
  1676. }
  1677. .radio4 {
  1678. height: 16px;
  1679. width: 17px;
  1680. clear:left;
  1681. float:left;
  1682. margin: 1px 6px 0 0;
  1683. background: url("../img/radio4.png");
  1684. background-repeat:no-repeat;
  1685. cursor: default;
  1686. position:relative;
  1687. overflow:hidden;
  1688. }
  1689. .radio5 {
  1690. height: 16px;
  1691. width: 17px;
  1692. clear:left;
  1693. float:left;
  1694. margin: 1px 6px 0 0;
  1695. background: url("../img/radio5.png");
  1696. background-repeat:no-repeat;
  1697. cursor: default;
  1698. position:relative;
  1699. overflow:hidden;
  1700. }
  1701. .radio6 {
  1702. height: 16px;
  1703. width: 17px;
  1704. clear:left;
  1705. float:left;
  1706. margin: 1px 6px 0 0;
  1707. background: url("../img/radio6.png");
  1708. background-repeat:no-repeat;
  1709. cursor: default;
  1710. position:relative;
  1711. overflow:hidden;
  1712. }
  1713. .radio.disabled,
  1714. .radio2.disabled,
  1715. .radio3.disabled,
  1716. .radio4.disabled,
  1717. .radio5.disabled,
  1718. .radio6.disabled{
  1719. opacity:0.5;
  1720. filter:Alpha(opacity="50");
  1721. }
  1722. .checkbox {
  1723. position:relative;
  1724. height: 18px;
  1725. width: 18px;
  1726. clear:left;
  1727. float:left;
  1728. margin: 0 7px 0 0;
  1729. background: url("../img/checkbox1.png") no-repeat;
  1730. cursor: default;
  1731. text-align:left;
  1732. overflow:hidden;
  1733. }
  1734. .checkbox2 {
  1735. position:relative;
  1736. height: 18px;
  1737. width: 18px;
  1738. clear:left;
  1739. float:left;
  1740. margin: 0 7px 0 0;
  1741. background: url("../img/checkbox2.png") no-repeat;
  1742. cursor: default;
  1743. text-align:left;
  1744. overflow:hidden;
  1745. }
  1746. .checkbox3 {
  1747. position:relative;
  1748. height: 18px;
  1749. width: 18px;
  1750. clear:left;
  1751. float:left;
  1752. margin: 0 7px 0 0;
  1753. background: url("../img/checkbox3.png") no-repeat;
  1754. cursor: default;
  1755. text-align:left;
  1756. overflow:hidden;
  1757. }
  1758. .checkbox4 {
  1759. position:relative;
  1760. height: 18px;
  1761. width: 18px;
  1762. clear:left;
  1763. float:left;
  1764. margin: 0 7px 0 0;
  1765. background: url("../img/checkbox4.png") no-repeat;
  1766. cursor: default;
  1767. text-align:left;
  1768. overflow:hidden;
  1769. }
  1770. .checkbox5 {
  1771. position:relative;
  1772. height: 18px;
  1773. width: 18px;
  1774. clear:left;
  1775. float:left;
  1776. margin: 0 7px 0 0;
  1777. background: url("../img/checkbox5.png") no-repeat;
  1778. cursor: default;
  1779. text-align:left;
  1780. overflow:hidden;
  1781. }
  1782. .checkbox6 {
  1783. position:relative;
  1784. height: 18px;
  1785. width: 18px;
  1786. clear:left;
  1787. float:left;
  1788. margin: 0 7px 0 0;
  1789. background: url("../img/checkbox6.png") no-repeat;
  1790. cursor: default;
  1791. text-align:left;
  1792. overflow:hidden;
  1793. }
  1794. .checkbox input,
  1795. .checkbox2 input,
  1796. .checkbox3 input,
  1797. .checkbox4 input,
  1798. .checkbox5 input,
  1799. .checkbox6 input,
  1800. .radio input,
  1801. .radio2 input,
  1802. .radio3 input,
  1803. .radio4 input,
  1804. .radio5 input,
  1805. .radio6 input {position:absolute; left:-400px;top:0px;}
  1808. /* Newsletter */
  1809. #newsletter-form {
  1810. position:relative;
  1811. margin:0;
  1812. padding:0;
  1813. }
  1814. #newsletter-form input[type="text"] {
  1815. background:rgba(80, 80, 80, .5);
  1816. border:none;
  1817. border-radius:3px;
  1818. padding:7px 50px 7px 10px;
  1819. width:100%;
  1820. color:#798354;
  1821. box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
  1822. }
  1823. .no-rgba #newsletter-form input[type="text"] {
  1824. background:#3b3b3c;
  1825. }
  1826. #newsletter-form input[type="text"]::-webkit-input-placeholder{
  1827. color:#798354;
  1828. }
  1829. #newsletter-form .submit-holder {
  1830. width:44px;
  1831. height:28px;
  1832. display:block;
  1833. position:absolute;
  1834. right:0;
  1835. top:0;
  1836. background:url(../img/divider.png) 0 0 no-repeat;
  1837. }
  1838. #newsletter-form input[type="submit"] {
  1839. display:block;
  1840. width:35px;
  1841. height:28px;
  1842. text-indent:-999px;
  1843. background:url(../img/newsletter-submit.png) 50% 50% no-repeat;
  1844. border:none;
  1845. padding:0;
  1846. margin:0 0 0 6px;
  1847. border-radius:0;
  1848. -webkit-transition: all 0.2s ease-out;
  1849. -moz-transition: all 0.2s ease-out;
  1850. transition: all 0.2s ease-out;
  1851. }
  1852. #newsletter-form input[type="submit"]:hover {
  1853. opacity:.5;
  1854. }
  1856. #newsletter-form input[type="text"]:focus:-moz-placeholder{
  1857. color:#51573b;
  1858. }
  1859. #newsletter-form input[type="text"]:focus::-webkit-input-placeholder{
  1860. color:#51573b;
  1861. }
  1863. /* Alternative Styles for Newsletter */
  1864. #newsletter-form.alt input[type="text"] {
  1865. background:#fff;
  1866. background:rgba(255, 255, 255, .4);
  1867. box-shadow:inset 0 1px 1px rgba(0, 0, 0, .1);
  1868. border-top:1px solid #c9c9c8;
  1869. border-left:1px solid #dfe0de;
  1870. border-right:1px solid #dfe0de;
  1871. border-bottom:1px solid #fff;
  1872. color:#888;
  1873. padding-top:9px;
  1874. padding-bottom:9px;
  1875. }
  1876. #newsletter-form.alt input[type="text"]::-webkit-input-placeholder{
  1877. color:#888;
  1878. }
  1879. #newsletter-form.alt input[type="text"]:focus:-moz-placeholder{
  1880. color:#ccc;
  1881. }
  1882. #newsletter-form.alt input[type="text"]:focus::-webkit-input-placeholder{
  1883. color:#ccc;
  1884. }
  1885. #newsletter-form.alt .submit-holder {
  1886. background:none;
  1887. padding:0;
  1888. margin:0;
  1889. width:42px;
  1890. height:32px;
  1891. padding:0;
  1892. background: #bdda38; /* Old browsers */
  1893. background: #bdda38 -moz-linear-gradient(top, #bdda38 0%, #accf25 100%); /* FF3.6+ */
  1894. background: #bdda38 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bdda38), color-stop(100%,#accf25)); /* Chrome,Safari4+ */
  1895. background: #bdda38 -webkit-linear-gradient(top, #bdda38 0%,#accf25 100%); /* Chrome10+,Safari5.1+ */
  1896. background: #bdda38 -o-linear-gradient(top, #bdda38 0%,#accf25 100%); /* Opera11.10+ */
  1897. background: #bdda38 -ms-linear-gradient(top, #bdda38 0%,#accf25 100%); /* IE10+ */
  1898. background: #bdda38 linear-gradient(top, #bdda38 0%,#accf25 100%); /* W3C */
  1899. box-shadow:inset 0 1px 1px rgba(255, 255, 255, .4), 0 1px 0 rgba(0, 0, 0, .2);
  1900. border:1px solid rgba(0, 0, 0, .05);
  1901. border-top:none;
  1902. border-radius:0 4px 4px 0;
  1903. }
  1904. #newsletter-form.alt .submit-holder:hover {
  1905. background: #bdda38 -moz-linear-gradient(top, #accf25 0%, #bdda38 100%); /* FF3.6+ */
  1906. background: #bdda38 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#accf25), color-stop(100%,#bdda38)); /* Chrome,Safari4+ */
  1907. background: #bdda38 -webkit-linear-gradient(top, #accf25 0%,#bdda38 100%); /* Chrome10+,Safari5.1+ */
  1908. background: #bdda38 -o-linear-gradient(top, #accf25 0%,#bdda38 100%); /* Opera11.10+ */
  1909. background: #bdda38 -ms-linear-gradient(top, #accf25 0%,#bdda38 100%); /* IE10+ */
  1910. background: #bdda38 linear-gradient(top, #accf25 0%,#bdda38 100%); /* W3C */
  1911. }
  1912. #newsletter-form.alt .submit-inner {
  1913. display:inline-block;
  1914. background:url(../img/pill-pattern-alt2.png) 0 -3px;
  1915. border-radius:0 4px 4px 0;
  1916. margin:0;
  1917. width:100%;
  1918. height:32px;
  1919. }
  1920. #newsletter-form.alt .submit-holder:hover .submit-inner {
  1921. background:none;
  1922. }
  1923. #newsletter-form.alt input[type="submit"] {
  1924. background:none;
  1925. margin:0;
  1926. padding:0;
  1927. width:100%;
  1928. height:32px;
  1929. /*background:url(../img/btn-marker-small.png) 50% 50% no-repeat;*/
  1930. }
  1931. #newsletter-form.alt input[type="submit"]:hover {
  1932. opacity:1;
  1933. }
  1935. /* Search Form */
  1936. .search-form {
  1937. position:relative;
  1938. margin:67px 0 0 0;
  1939. }
  1940. .search-form .sl_label {
  1941. font-size:14px;
  1942. font-weight:normal;
  1943. color:#4e9bc6;
  1944. }
  1945. .search-form input[type="text"] {
  1946. background:rgba(0, 0, 0, .1);
  1947. border:1px solid rgba(0, 0, 0, .1);
  1948. border-bottom:none;
  1949. font-size:14px;
  1950. color:#4e9bc6;
  1951. border-radius:3px;
  1952. width:100%;
  1953. padding:13px 55px 14px 20px;
  1954. box-shadow:0 1px 1px 0 rgba(255, 255, 255, .1), inset 0 2px 1px 0 rgba(0, 0, 0, .1);
  1955. }
  1956. .no-opacity .search-form input[type="text"] {
  1957. border:none;
  1958. background:url(../img/black-opacity-10.png);
  1959. }
  1960. .search-form input[type="text"]::-webkit-input-placeholder{
  1961. color:#4e9bc6;
  1962. }
  1963. .search-form input[type="submit"] {
  1964. display:block;
  1965. position:absolute;
  1966. right:1px;
  1967. top:1px;
  1968. width:47px;
  1969. height:41px;
  1970. border:none;
  1971. background:url(../img/search-button.gif) 0 0 no-repeat;
  1972. border-radius:0;
  1973. }
  1974. .search-form input[type="submit"]:hover {
  1975. background-position:0 -41px;
  1976. opacity:1;
  1977. }
  1978. .search-form input[type="text"]:focus:-moz-placeholder{
  1979. color:#0e6596;
  1980. }
  1981. .search-form input[type="text"]:focus::-webkit-input-placeholder{
  1982. color:#0e6596;
  1983. }
  1985. /* Comment Form */
  1986. .comment-form {
  1988. }
  1989. .comment-form .field {
  1990. margin-bottom:18px;
  1991. }
  1992. .comment-form input[type="text"] {
  1993. float:left;
  1994. margin:0 30px 0 0;
  1995. width:200px;
  1996. }
  1997. .comment-form textarea {
  1998. width:640px;
  1999. height:100px;
  2000. }
  2001. .comment-form input[type="text"]:focus:-moz-placeholder,
  2002. .comment-form textarea:focus:-moz-placeholder{
  2003. color:#ccc;
  2004. }
  2005. .comment-form input[type="text"]:focus::-webkit-input-placeholder,
  2006. .comment-form textarea:focus::-webkit-input-placeholder{
  2007. color:#ccc;
  2008. }
  2010. /* Contact Form */
  2011. .contact-form {
  2013. }
  2014. .contact-form input[type="text"] {
  2015. float:left;
  2016. margin:0 30px 0 0;
  2017. width:200px;
  2018. }
  2019. .contact-form textarea {
  2020. width:400px;
  2021. height:167px;
  2022. }
  2023. .contact-form input[type="text"]:focus:-moz-placeholder,
  2024. .contact-form textarea:focus:-moz-placeholder{
  2025. color:#ccc;
  2026. }
  2027. .contact-form input[type="text"]:focus::-webkit-input-placeholder,
  2028. .contact-form textarea:focus::-webkit-input-placeholder{
  2029. color:#ccc;
  2030. }
  2031. .loaderIcon {
  2032. margin:-23px 20px 0 0;
  2033. float:right;
  2034. }
  2035. #response {
  2036. clear: both;
  2037. color:red;
  2038. padding: 10px 0 0 0;
  2039. }
  2040. #response .success {
  2041. color:green;
  2042. }
  2045. /* #Misc
  2046. ================================================== */
  2047. .clear {clear:both;}
  2048. .ovh {overflow:hidden;}
  2049. .fleft {float:left;}
  2050. .fright {float:right;}
  2051. .nomargin {margin:0;}
  2052. .full-width {width: 100%;}
  2055. /* Services Icons */
  2056. .icon {
  2057. display:block;
  2058. width:50px;
  2059. height:50px;
  2060. overflow:hidden;
  2061. background:url(../img/icons-sprite.png) 0 0 no-repeat;
  2062. }
  2063. .icon.i-clock {
  2064. background-position:0 0;
  2065. }
  2066. .icon.i-book {
  2067. background-position:0 -50px;
  2068. }
  2069. .icon.i-bag {
  2070. background-position:0 -100px;
  2071. }
  2072. .icon.i-docs {
  2073. background-position:0 -150px;
  2074. }
  2075. .icon.i-diagram {
  2076. background-position:0 -200px;
  2077. }
  2078. .icon.i-light {
  2079. background-position:0 -250px;
  2080. }
  2081. .icon.i-money {
  2082. background-position:0 -300px;
  2083. }
  2084. .icon.i-cloud {
  2085. background-position:0 -350px;
  2086. }
  2087. .icon.i-pointer {
  2088. background-position:0 -400px;
  2089. }
  2090. .icon.i-talk {
  2091. background-position:0 -450px;
  2092. }
  2094. /* Pagination */
  2095. .pagination {
  2096. margin:0;
  2097. padding:0;
  2098. text-align:center;
  2099. }
  2100. .pagination li {
  2101. display:inline-block;
  2102. background:none;
  2103. padding:0;
  2104. margin:0 8px;
  2105. font-style:normal;
  2106. font-size:14px;
  2107. position:relative;
  2108. font-family:Arial, Helvetica, sans-serif;
  2109. }
  2110. .pagination li a {
  2111. display:inline-block;
  2112. vertical-align:top;
  2113. color:#888;
  2114. width:22px;
  2115. height:22px;
  2116. line-height:22px;
  2117. overflow:hidden;
  2118. position:relative;
  2119. border-radius:11px;
  2120. -webkit-transition: all 0.2s ease-out;
  2121. -moz-transition: all 0.2s ease-out;
  2122. transition: all 0.2s ease-out;
  2123. }
  2124. .pagination li a:hover,
  2125. .pagination li a.active {
  2126. color:#1689c4;
  2127. text-decoration:none;
  2128. box-shadow:inset 0 1px 1px 0 rgba(0, 0, 0, .3);
  2129. }
  2130. .pagination li.prev a,
  2131. .pagination li.next a {
  2132. border:0;
  2133. font: 0/0 a;
  2134. text-shadow: none;
  2135. color: transparent;
  2136. background-color: transparent;
  2137. }
  2138. .pagination li.prev a:before,
  2139. .pagination li.next a:before {
  2140. content:"";
  2141. display:block;
  2142. position:absolute;
  2143. left:50%;
  2144. top:50%;
  2145. margin:-4px 0 0 -2px;
  2146. width:5px;
  2147. height:9px;
  2148. background:url(../img/pagnav.gif) 0 0 no-repeat;
  2149. }
  2151. .pagination li.prev {
  2152. margin-right:30px;
  2153. }
  2154. .pagination li.prev a:hover:before {
  2155. background-position:0 -9px;
  2156. }
  2157. .pagination li.next {
  2158. margin-left:30px;
  2159. }
  2160. .pagination li.next a:before {
  2161. background-position:-5px 0;
  2162. }
  2163. .pagination li.next a:hover:before {
  2164. background-position:-5px -9px;
  2165. }
  2167. /* Tabs */
  2168. .tabs {
  2169. margin: 1px 0 20px 0;
  2170. }
  2172. .tabs .tab-wrapper {
  2173. background-color: #f7f7f7;
  2174. border: 1px solid #e8e8e8;
  2175. margin: -2px 0 0 0;
  2176. position:relative;
  2177. z-index:1;
  2178. }
  2179. .tabs .tab-wrapper:before {
  2180. content: " ";
  2181. position: absolute;
  2182. z-index: -1;
  2183. top: -3px;
  2184. left: -3px;
  2185. right: -3px;
  2186. bottom: -3px;
  2187. border:2px solid #f7f7f7;
  2188. border-bottom:none;
  2189. }
  2190. .tabs .tab-wrapper:after {
  2191. content: " ";
  2192. position: absolute;
  2193. z-index: -1;
  2194. top: 0;
  2195. left: 0;
  2196. right: 0;
  2197. bottom: 0;
  2198. border:1px solid #fff;
  2199. }
  2202. .tabs .tab-menu ul {
  2203. list-style: none;
  2204. margin: 0 !important;
  2205. padding: 0 !important;
  2206. }
  2208. .tabs .tab-menu li {
  2209. display: inline;
  2210. float: left;
  2211. margin: 0;
  2212. background:none;
  2213. font-family: 'MuseoSans500Regular', Arial, sans-serif;
  2214. padding:0;
  2215. }
  2216. .tabs.full-w .tab-menu li {
  2217. padding: 0;
  2218. width:25%;
  2219. }
  2221. .tabs .tab-menu a {
  2222. position:relative;
  2223. border: 1px solid transparent;
  2224. border-bottom:none;
  2225. color: #115b87;
  2226. display: block;
  2227. font-size: 16px;
  2228. margin:0;
  2229. padding: 19px 20px;
  2230. text-align:center;
  2231. text-shadow:0 1px 0 #fff;
  2232. -webkit-box-sizing:border-box;
  2233. -moz-box-sizing:border-box;
  2234. box-sizing:border-box;
  2235. }
  2236. .tabs.full-w .tab-menu a {
  2237. width:100%;
  2238. padding:19px 0;
  2239. }
  2240. .tabs .tab-menu a:hover {
  2241. color: #88a919;
  2242. text-decoration:none;
  2243. }
  2244. .tabs .tab-menu a.active {
  2245. position:relative;
  2246. background-color: #f7f7f7;
  2247. border: 1px solid #e8e8e8;
  2248. border-bottom:none;
  2249. color: #88a919;
  2250. text-decoration:none;
  2251. z-index:2;
  2252. }
  2253. .tabs .tab-menu a.active:before {
  2254. content: " ";
  2255. position: absolute;
  2256. z-index: -1;
  2257. top: -3px;
  2258. left: -3px;
  2259. right: -3px;
  2260. bottom: -3px;
  2261. border:2px solid #f7f7f7;
  2262. border-bottom:none;
  2263. }
  2264. .tabs .tab-menu a.active:after {
  2265. content: " ";
  2266. position: absolute;
  2267. z-index: -1;
  2268. top: 0;
  2269. left: 0;
  2270. right: 0;
  2271. bottom: 0;
  2272. border:1px solid #fff;
  2273. border-bottom:none;
  2274. }
  2275. .tabs .tab-menu a .l-tab-shad {
  2276. display:block;
  2277. position:absolute;
  2278. left:-15px;
  2279. top:0;
  2280. width:15px;
  2281. height:54px;
  2282. }
  2283. .tabs .tab-menu a .r-tab-shad {
  2284. display:block;
  2285. position:absolute;
  2286. right:-15px;
  2287. top:0;
  2288. width:15px;
  2289. height:54px;
  2290. }
  2291. .tabs .tab-menu a.active .r-tab-shad {
  2292. background:url(../img/r-tab-shadow.png) 0 0 no-repeat;
  2293. }
  2294. .tabs .tab-menu a.active .l-tab-shad {
  2295. background:url(../img/l-tab-shadow.png) 0 0 no-repeat;
  2296. }
  2297. .tabs .tab-menu li:first-child a.active .l-tab-shad {
  2298. display:none;
  2299. }
  2300. .tabs .tab-menu li.first-child a.active .l-tab-shad {
  2301. display:none;
  2302. }
  2303. .tabs .tab-menu li:last-child a.active .r-tab-shad {
  2304. display:none;
  2305. }
  2306. .tabs .tab-menu li.last-child a.active .r-tab-shad {
  2307. display:none;
  2308. }
  2310. .tabs .tab {
  2311. padding: 40px;
  2312. position:relative;
  2313. width:100%;
  2314. -webkit-box-sizing:border-box;
  2315. -moz-box-sizing:border-box;
  2316. box-sizing:border-box;
  2317. }
  2318. .tabs .tab ul {
  2319. margin-left:22px;
  2320. }
  2322. /* Progress Bar */
  2323. .progress-bar {
  2324. position: relative;
  2325. overflow: hidden;
  2326. margin-bottom: 25px;
  2327. width: 100%;
  2328. height: 10px;
  2329. -webkit-border-radius: 5px;
  2330. -moz-border-radius: 5px;
  2331. border-radius: 5px;
  2332. background: #ececec;
  2333. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
  2334. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
  2335. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
  2336. }
  2337. .progress-title {
  2338. margin-bottom: 10px;
  2339. color: #444;
  2340. }
  2341. .progress-inner {
  2342. overflow: hidden;
  2343. height: 10px;
  2344. -webkit-border-radius: 5px 0 0 5px;
  2345. -moz-border-radius: 5px 0 0 5px;
  2346. border-radius: 5px 0 0 5px;
  2347. background: #88A919;
  2348. -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
  2349. -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
  2350. box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
  2351. }
  2353. /* Box */
  2354. .box {
  2355. background-color: #f7f7f7;
  2356. border: 1px solid #e8e8e8;
  2357. position:relative;
  2358. z-index:1;
  2359. padding:40px;
  2360. margin:2px;
  2361. }
  2362. .box:before {
  2363. content: " ";
  2364. position: absolute;
  2365. z-index: -1;
  2366. top: -3px;
  2367. left: -3px;
  2368. right: -3px;
  2369. bottom: -3px;
  2370. border:2px solid #f7f7f7;
  2371. }
  2372. .box:after {
  2373. content: " ";
  2374. position: absolute;
  2375. z-index: -1;
  2376. top: 0;
  2377. left: 0;
  2378. right: 0;
  2379. bottom: 0;
  2380. border:1px solid #fff;
  2381. }
  2383. /* Spacer */
  2384. .spacer {
  2385. overflow:hidden;
  2386. height:30px;
  2387. line-height:0;
  2388. }
  2390. /* Colborder */
  2391. .colborder {
  2392. background:url(../img/colborder.gif) 0 0 repeat-y;
  2393. }
  2395. /* Hide Text */
  2396. .hide-text {
  2397. border:0;
  2398. font: 0/0 a;
  2399. text-shadow: none;
  2400. color: transparent;
  2401. background-color: transparent;
  2402. }
  2404. /* Horizontal Rule */
  2405. .hr {
  2406. display:block;
  2407. height:2px;
  2408. overflow:hidden;
  2409. margin:30px 10px;
  2410. background:url(../img/hr-double.gif) 0 0 repeat-x;
  2411. }
  2412. .hr-double {
  2413. height:7px;
  2414. margin-top:50px;
  2415. margin-bottom:50px;
  2416. }
  2417. .hr-dotted {
  2418. height: 1px;
  2419. margin: 45px 10px;
  2420. background:url(../img/hr-dotted.gif) 0 0 repeat-x;
  2421. }
  2422. .grid_1 .hr,
  2423. .grid_2 .hr,
  2424. .grid_3 .hr,
  2425. .grid_4 .hr,
  2426. .grid_5 .hr,
  2427. .grid_6 .hr,
  2428. .grid_7 .hr,
  2429. .grid_8 .hr,
  2430. .grid_9 .hr,
  2431. .grid_10 .hr,
  2432. .grid_11 .hr,
  2433. .grid_12 .hr {
  2434. margin-left:0 !important;
  2435. margin-right:0 !important;
  2436. }
  2439. /* Tags
  2440. ---------------------------------------- */
  2441. .tag {
  2442. display: inline-block;
  2443. background:url(../img/tag1-bg.png) 0 0 repeat-x;
  2444. font-size: 11px;
  2445. color: #115b87;
  2446. text-shadow: 0 1px 0 #fff;
  2447. padding: 0 12px 0 12px;
  2448. margin: 0 14px 0 4px;
  2449. line-height: 26px;
  2450. position: relative;
  2451. z-index: 3;
  2452. }
  2453. .tag:before {
  2454. content:'';
  2455. display: block;
  2456. position: absolute;
  2457. left: -4px;
  2458. top: 0;
  2459. float: left;
  2460. width: 4px;
  2461. height: 26px;
  2462. background: url(../img/tag1-left.png) 0 0 no-repeat;
  2463. }
  2464. .tag:after {
  2465. content:'';
  2466. display: block;
  2467. position: absolute;
  2468. right: -14px;
  2469. top: 0;
  2470. float: left;
  2471. width: 14px;
  2472. height: 26px;
  2473. background: url(../img/tag1-arrow.png) 0 0 no-repeat;
  2474. }
  2475. .tag:hover {
  2476. text-decoration: none;
  2477. opacity: 0.70;
  2478. }
  2480. /* Tag color2 */
  2481. .tag.tag-color2 {
  2482. background:url(../img/tag2-bg.png) 0 0 repeat-x;
  2483. color: #698e06;
  2484. }
  2485. .tag.tag-color2:before {
  2486. background: url(../img/tag2-left.png) 0 0 no-repeat;
  2487. }
  2488. .tag.tag-color2:after {
  2489. background: url(../img/tag2-arrow.png) 0 0 no-repeat;
  2490. }
  2491. /* Tag color3 */
  2492. .tag.tag-color3 {
  2493. background:url(../img/tag3-bg.png) 0 0 repeat-x;
  2494. color: #7a7a7a;
  2495. }
  2496. .tag.tag-color3:before {
  2497. background: url(../img/tag3-left.png) 0 0 no-repeat;
  2498. }
  2499. .tag.tag-color3:after {
  2500. background: url(../img/tag3-arrow.png) 0 0 no-repeat;
  2501. }
  2502. /* Tag color4 */
  2503. .tag.tag-color4 {
  2504. background:url(../img/tag4-bg.png) 0 0 repeat-x;
  2505. color: #d26742;
  2506. }
  2507. .tag.tag-color4:before {
  2508. background: url(../img/tag4-left.png) 0 0 no-repeat;
  2509. }
  2510. .tag.tag-color4:after {
  2511. background: url(../img/tag4-arrow.png) 0 0 no-repeat;
  2512. }
  2513. /* Tag color5 */
  2514. .tag.tag-color5 {
  2515. background:url(../img/tag5-bg.png) 0 0 repeat-x;
  2516. color: #11292f;
  2517. text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
  2518. }
  2519. .tag.tag-color5:before {
  2520. background: url(../img/tag5-left.png) 0 0 no-repeat;
  2521. }
  2522. .tag.tag-color5:after {
  2523. background: url(../img/tag5-arrow.png) 0 0 no-repeat;
  2524. }
  2525. /* Tag color6 */
  2526. .tag.tag-color6 {
  2527. background:url(../img/tag6-bg.png) 0 0 repeat-x;
  2528. color: #aca745;
  2529. }
  2530. .tag.tag-color6:before {
  2531. background: url(../img/tag6-left.png) 0 0 no-repeat;
  2532. }
  2533. .tag.tag-color6:after {
  2534. background: url(../img/tag6-arrow.png) 0 0 no-repeat;
  2535. }
  2538. /* Tooltips (tipsy)
  2539. ---------------------------------------- */
  2540. /* Default tooltip*/
  2541. .tipsy {
  2542. font-size: 12px;
  2543. position: absolute;
  2544. padding: 5px;
  2545. z-index: 100000;
  2546. }
  2547. .tipsy-inner {
  2548. color: #115b87;
  2549. text-shadow: 0 1px 0 #fff;
  2550. max-width: 200px;
  2551. padding: 10px 38px 10px 38px;
  2552. text-align: center;
  2553. background: #e2f1f9; /* Old browsers */
  2554. background: #e2f1f9 -moz-linear-gradient(top, #e2f1f9 0%, #dfeff8 100%); /* FF3.6+ */
  2555. background: #e2f1f9 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2f1f9), color-stop(100%,#dfeff8)); /* Chrome,Safari4+ */
  2556. background: #e2f1f9 -webkit-linear-gradient(top, #e2f1f9 0%,#dfeff8 100%); /* Chrome10+,Safari5.1+ */
  2557. background: #e2f1f9 -o-linear-gradient(top, #e2f1f9 0%,#dfeff8 100%); /* Opera11.10+ */
  2558. background: #e2f1f9 -ms-linear-gradient(top, #e2f1f9 0%,#dfeff8 100%); /* IE10+ */
  2559. background: #e2f1f9 linear-gradient(top, #e2f1f9 0%,#dfeff8 100%); /* W3C */
  2560. border: 1px solid #c5e4f6;
  2561. border-bottom: 1px solid #afd8ef;
  2562. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2563. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2564. box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2565. border-radius: 3px;
  2566. -moz-border-radius: 3px;
  2567. -webkit-border-radius: 3px;
  2568. }
  2569. .tipsy-arrow {
  2570. position: absolute;
  2571. z-index: 100001;
  2572. left: 50%;
  2573. margin-left: -7px;
  2574. bottom: 0;
  2575. width: 14px;
  2576. height: 14px;
  2577. -webkit-box-shadow: 1px 1px 0 0 #afd8ef;
  2578. -moz-box-shadow: 1px 1px 0 0 #afd8ef;
  2579. box-shadow: 1px 1px 0 0 #afd8ef;
  2580. background: #dfeff8;
  2581. -webkit-transform:rotate(45deg);
  2582. -moz-transform:rotate(45deg);
  2583. -o-transform:rotate(45deg);
  2584. transform:rotate(45deg);
  2585. }
  2586. .ie8 .tipsy-arrow {
  2587. width: 14px;
  2588. height: 9px;
  2589. background: url(../img/tooltip1-arrow.png) 0 0 no-repeat;
  2590. bottom: -3px;
  2591. }
  2593. /* Tooltip color 2 */
  2594. .tipsy-color2 {
  2595. font-size: 12px;
  2596. position: absolute;
  2597. padding: 5px;
  2598. z-index: 100000;
  2599. }
  2600. .tipsy-inner-color2 {
  2601. color: #698e06;
  2602. text-shadow: 0 1px 0 #fff;
  2603. max-width: 200px;
  2604. padding: 10px 38px 10px 38px;
  2605. text-align: center;
  2606. background: #e6efba; /* Old browsers */
  2607. background: #e6efba -moz-linear-gradient(top, #e6efba 0%, #e3edb4 100%); /* FF3.6+ */
  2608. background: #e6efba -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6efba), color-stop(100%,#e3edb4)); /* Chrome,Safari4+ */
  2609. background: #e6efba -webkit-linear-gradient(top, #e6efba 0%,#e3edb4 100%); /* Chrome10+,Safari5.1+ */
  2610. background: #e6efba -o-linear-gradient(top, #e6efba 0%,#e3edb4 100%); /* Opera11.10+ */
  2611. background: #e6efba -ms-linear-gradient(top, #e6efba 0%,#e3edb4 100%); /* IE10+ */
  2612. background: #e6efba linear-gradient(top, #e6efba 0%,#e3edb4 100%); /* W3C */
  2613. border-top: 1px solid #d8e797;
  2614. border-bottom: 1px solid #bbd44a;
  2615. border-left: 1px solid #d8e797;
  2616. border-right: 1px solid #d8e797;
  2617. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2618. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2619. box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2620. border-radius: 3px;
  2621. -moz-border-radius: 3px;
  2622. -webkit-border-radius: 3px;
  2623. }
  2624. .tipsy-arrow-color2 {
  2625. position: absolute;
  2626. z-index: 100001;
  2627. left: 50%;
  2628. margin-left: -7px;
  2629. bottom: 0;
  2630. width: 14px;
  2631. height: 14px;
  2632. -webkit-box-shadow: 1px 1px 0 0 #bbd44a;
  2633. -moz-box-shadow: 1px 1px 0 0 #bbd44a;
  2634. box-shadow: 1px 1px 0 0 #bbd44a;
  2635. background: #e3edb4;
  2636. -webkit-transform:rotate(45deg);
  2637. -moz-transform:rotate(45deg);
  2638. -o-transform:rotate(45deg);
  2639. transform:rotate(45deg);
  2640. }
  2641. .ie8 .tipsy-arrow-color2 {
  2642. width: 14px;
  2643. height: 9px;
  2644. background: url(../img/tooltip2-arrow.png) 0 0 no-repeat;
  2645. bottom: -3px;
  2646. }
  2648. /* Tooltip color 3 */
  2649. .tipsy-color3 {
  2650. font-size: 12px;
  2651. position: absolute;
  2652. padding: 5px;
  2653. z-index: 100000;
  2654. }
  2655. .tipsy-inner-color3 {
  2656. color: #7a7a7a;
  2657. text-shadow: 0 1px 0 #fff;
  2658. max-width: 200px;
  2659. padding: 10px 38px 10px 38px;
  2660. text-align: center;
  2661. background: #f1f1f1; /* Old browsers */
  2662. background: #f1f1f1 -moz-linear-gradient(top, #f1f1f1 0%, #efefef 100%); /* FF3.6+ */
  2663. background: #f1f1f1 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  2664. background: #f1f1f1 -webkit-linear-gradient(top, #f1f1f1 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  2665. background: #f1f1f1 -o-linear-gradient(top, #f1f1f1 0%,#efefef 100%); /* Opera11.10+ */
  2666. background: #f1f1f1 -ms-linear-gradient(top, #f1f1f1 0%,#efefef 100%); /* IE10+ */
  2667. background: #f1f1f1 linear-gradient(top, #f1f1f1 0%,#efefef 100%); /* W3C */
  2668. border-top: 1px solid #ececec;
  2669. border-bottom: 1px solid #c5c5c5;
  2670. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2671. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2672. box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2673. border-radius: 3px;
  2674. -moz-border-radius: 3px;
  2675. -webkit-border-radius: 3px;
  2676. }
  2677. .tipsy-arrow-color3 {
  2678. position: absolute;
  2679. z-index: 100001;
  2680. left: 50%;
  2681. margin-left: -7px;
  2682. bottom: 0;
  2683. width: 14px;
  2684. height: 14px;
  2685. -webkit-box-shadow: 1px 1px 0 0 #c5c5c5;
  2686. -moz-box-shadow: 1px 1px 0 0 #c5c5c5;
  2687. box-shadow: 1px 1px 0 0 #c5c5c5;
  2688. background: #efefef;
  2689. -webkit-transform:rotate(45deg);
  2690. -moz-transform:rotate(45deg);
  2691. -o-transform:rotate(45deg);
  2692. transform:rotate(45deg);
  2693. }
  2694. .ie8 .tipsy-arrow-color3 {
  2695. width: 14px;
  2696. height: 9px;
  2697. background: url(../img/tooltip3-arrow.png) 0 0 no-repeat;
  2698. bottom: -3px;
  2699. }
  2701. /* Tooltip color 4 */
  2702. .tipsy-color4 {
  2703. font-size: 12px;
  2704. position: absolute;
  2705. padding: 5px;
  2706. z-index: 100000;
  2707. }
  2708. .tipsy-inner-color4 {
  2709. color: #d26742;
  2710. text-shadow: 0 1px 0 #fff;
  2711. max-width: 200px;
  2712. padding: 10px 38px 10px 38px;
  2713. text-align: center;
  2714. background: #f9ede2; /* Old browsers */
  2715. background: #f9ede2 -moz-linear-gradient(top, #f9ede2 0%, #f8ebdf 100%); /* FF3.6+ */
  2716. background: #f9ede2 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9ede2), color-stop(100%,#f8ebdf)); /* Chrome,Safari4+ */
  2717. background: #f9ede2 -webkit-linear-gradient(top, #f9ede2 0%,#f8ebdf 100%); /* Chrome10+,Safari5.1+ */
  2718. background: #f9ede2 -o-linear-gradient(top, #f9ede2 0%,#f8ebdf 100%); /* Opera11.10+ */
  2719. background: #f9ede2 -ms-linear-gradient(top, #f9ede2 0%,#f8ebdf 100%); /* IE10+ */
  2720. background: #f9ede2 linear-gradient(top, #f9ede2 0%,#f8ebdf 100%); /* W3C */
  2721. border-top: 1px solid #f5e5d6;
  2722. border-bottom: 1px solid #e3b891;
  2723. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2724. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2725. box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2726. border-radius: 3px;
  2727. -moz-border-radius: 3px;
  2728. -webkit-border-radius: 3px;
  2729. }
  2730. .tipsy-arrow-color4 {
  2731. position: absolute;
  2732. z-index: 100001;
  2733. left: 50%;
  2734. margin-left: -7px;
  2735. bottom: 0;
  2736. width: 14px;
  2737. height: 14px;
  2738. -webkit-box-shadow: 1px 1px 0 0 #e3b891;
  2739. -moz-box-shadow: 1px 1px 0 0 #e3b891;
  2740. box-shadow: 1px 1px 0 0 #e3b891;
  2741. background: #f8ebdf;
  2742. -webkit-transform:rotate(45deg);
  2743. -moz-transform:rotate(45deg);
  2744. -o-transform:rotate(45deg);
  2745. transform:rotate(45deg);
  2746. }
  2747. .ie8 .tipsy-arrow-color4 {
  2748. width: 14px;
  2749. height: 9px;
  2750. background: url(../img/tooltip4-arrow.png) 0 0 no-repeat;
  2751. bottom: -3px;
  2752. }
  2754. /* Tooltip color 5 */
  2755. .tipsy-color5 {
  2756. font-size: 12px;
  2757. position: absolute;
  2758. padding: 5px;
  2759. z-index: 100000;
  2760. }
  2761. .tipsy-inner-color5 {
  2762. color: #11292f;
  2763. text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  2764. max-width: 200px;
  2765. padding: 10px 38px 10px 38px;
  2766. text-align: center;
  2767. background: #518b95; /* Old browsers */
  2768. background: #518b95 -moz-linear-gradient(top, #518b95 0%, #4b838d 100%); /* FF3.6+ */
  2769. background: #518b95 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#518b95), color-stop(100%,#4b838d)); /* Chrome,Safari4+ */
  2770. background: #518b95 -webkit-linear-gradient(top, #518b95 0%,#4b838d 100%); /* Chrome10+,Safari5.1+ */
  2771. background: #518b95 -o-linear-gradient(top, #518b95 0%,#4b838d 100%); /* Opera11.10+ */
  2772. background: #518b95 -ms-linear-gradient(top, #518b95 0%,#4b838d 100%); /* IE10+ */
  2773. background: #518b95 linear-gradient(top, #518b95 0%,#4b838d 100%); /* W3C */
  2774. border-top: 1px solid #447982;
  2775. border-bottom: 1px solid #295057;
  2776. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2777. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2778. box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2779. border-radius: 3px;
  2780. -moz-border-radius: 3px;
  2781. -webkit-border-radius: 3px;
  2782. }
  2783. .tipsy-arrow-color5 {
  2784. position: absolute;
  2785. z-index: 100001;
  2786. left: 50%;
  2787. margin-left: -7px;
  2788. bottom: 0;
  2789. width: 14px;
  2790. height: 14px;
  2791. -webkit-box-shadow: 1px 1px 0 0 #295057;
  2792. -moz-box-shadow: 1px 1px 0 0 #295057;
  2793. box-shadow: 1px 1px 0 0 #295057;
  2794. background: #4b838d;
  2795. -webkit-transform:rotate(45deg);
  2796. -moz-transform:rotate(45deg);
  2797. -o-transform:rotate(45deg);
  2798. transform:rotate(45deg);
  2799. }
  2800. .ie8 .tipsy-arrow-color5 {
  2801. width: 14px;
  2802. height: 9px;
  2803. background: url(../img/tooltip5-arrow.png) 0 0 no-repeat;
  2804. bottom: -3px;
  2805. }
  2807. /* Tooltip color 6 */
  2808. .tipsy-color6 {
  2809. font-size: 12px;
  2810. position: absolute;
  2811. padding: 5px;
  2812. z-index: 100000;
  2813. }
  2814. .tipsy-inner-color6 {
  2815. color: #aca745;
  2816. text-shadow: 0 1px 0 #fff;
  2817. max-width: 200px;
  2818. padding: 10px 38px 10px 38px;
  2819. text-align: center;
  2820. background: #fcfbe2; /* Old browsers */
  2821. background: #fcfbe2 -moz-linear-gradient(top, #fcfbe2 0%, #fcfbdf 100%); /* FF3.6+ */
  2822. background: #fcfbe2 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbe2), color-stop(100%,#fcfbdf)); /* Chrome,Safari4+ */
  2823. background: #fcfbe2 -webkit-linear-gradient(top, #fcfbe2 0%,#fcfbdf 100%); /* Chrome10+,Safari5.1+ */
  2824. background: #fcfbe2 -o-linear-gradient(top, #fcfbe2 0%,#fcfbdf 100%); /* Opera11.10+ */
  2825. background: #fcfbe2 -ms-linear-gradient(top, #fcfbe2 0%,#fcfbdf 100%); /* IE10+ */
  2826. background: #fcfbe2 linear-gradient(top, #fcfbe2 0%,#fcfbdf 100%); /* W3C */
  2827. border: 1px solid #eeecbf;
  2828. border-bottom: 1px solid #dad89b;
  2829. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2830. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2831. box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 1px 1px rgba(0, 0, 0, .08);
  2832. border-radius: 3px;
  2833. -moz-border-radius: 3px;
  2834. -webkit-border-radius: 3px;
  2835. }
  2836. .tipsy-arrow-color6 {
  2837. position: absolute;
  2838. z-index: 100001;
  2839. left: 50%;
  2840. margin-left: -7px;
  2841. bottom: 0;
  2842. width: 14px;
  2843. height: 14px;
  2844. -webkit-box-shadow: 1px 1px 0 0 #dad89b;
  2845. -moz-box-shadow: 1px 1px 0 0 #dad89b;
  2846. box-shadow: 1px 1px 0 0 #dad89b;
  2847. background: #fcfbdf;
  2848. -webkit-transform:rotate(45deg);
  2849. -moz-transform:rotate(45deg);
  2850. -o-transform:rotate(45deg);
  2851. transform:rotate(45deg);
  2852. }
  2853. .ie8 .tipsy-arrow-color6 {
  2854. width: 14px;
  2855. height: 9px;
  2856. background: url(../img/tooltip6-arrow.png) 0 0 no-repeat;
  2857. bottom: -3px;
  2858. }
  2861. /* Popup
  2862. ---------------------------------------- */
  2863. .reveal-modal {
  2864. background: #f7f7f7;
  2865. left: 50%;
  2866. margin-left: -285px;
  2867. position: absolute;
  2868. top: 170px;
  2869. visibility: hidden;
  2870. width: 570px;
  2871. z-index: 101;
  2872. box-shadow:0 0 5px rgba(0, 0, 0, .4);
  2873. border-radius:6px;
  2874. }
  2876. .reveal-modal-page {
  2877. left: 0%;
  2878. position: inherit;
  2879. top: 0;
  2880. visibility: visible;
  2881. margin: 50px auto;
  2882. padding-top: 50px;
  2883. }
  2885. .reveal-modal .close-reveal-modal {
  2886. width: 58px;
  2887. height: 72px;
  2888. background: url("../img/sprite.png") no-repeat 0 -387px;
  2889. position: absolute;
  2890. top: 0;
  2891. right: 16px;
  2892. text-indent: -999em;
  2893. cursor: pointer;
  2894. }
  2896. .reveal-modal .close-reveal-modal:hover {
  2897. background: url("../img/sprite.png") no-repeat -62px -387px;
  2898. }
  2900. .reveal-modal-bg {
  2901. background: url("../img/overlay.png");
  2902. position: fixed;
  2903. left: 0;
  2904. top: 0;
  2905. width: 100%;
  2906. height: 100%;
  2907. z-index: 100;
  2908. display: none;
  2909. }
  2911. /* Modal Header */
  2912. .reveal-modal .reveal-modal-header {
  2913. padding:23px 20px;
  2914. text-transform: uppercase;
  2915. color: #323334;
  2916. font-size: 16px;
  2917. font-family: 'Oswald', sans-serif;
  2918. background: url("../img/dotted-window.png") repeat-x 0 100%;
  2919. }
  2921. /* Modal Body */
  2922. .reveal-modal .cont {
  2923. padding: 25px 0;
  2924. width:350px;
  2925. margin:0 auto;
  2926. }
  2928. .reveal-modal form input[type="submit"] {
  2929. width: 138px;
  2930. height: 48px;
  2931. border: none;
  2932. cursor: pointer;
  2933. padding: 0;
  2934. }
  2936. .reveal-modal form input[type="text"],
  2937. .reveal-modal form input[type="password"] {
  2938. background: none #FFFFFF;
  2939. border: 1px solid #D8D8D8;
  2940. width: 222px;
  2941. float: right;
  2942. border-radius:3px;
  2943. box-shadow:none;
  2944. }
  2945. .reveal-modal form input[type="text"]:focus {
  2946. border-color:#66b9e3;
  2947. box-shadow:inset 0 0 0 rgba(0, 0, 0, .1), 0 0 3px rgba(102, 185, 227, 1);
  2948. }
  2950. .reveal-modal form p {
  2951. margin-bottom: 11px;
  2952. width:380px;
  2953. }
  2955. .reveal-modal form label {
  2956. float: left;
  2957. line-height:22px;
  2958. color: #888;
  2959. width: 155px;
  2960. font-size: 14px;
  2961. font-weight:normal;
  2962. }
  2964. .reveal-modal form .checkboxes {
  2965. font-size: 12px;
  2966. font-family:'MuseoSans500Italic', Arial, sans-serif;
  2967. padding: 0;
  2968. }
  2970. .reveal-modal form.signup .checkboxes {
  2971. padding: 16px 0 12px;
  2972. }
  2974. .reveal-modal form.signup em {
  2975. font-size: 11px;
  2976. }
  2978. .reveal-modal form .checkboxes a {
  2979. color: #bdd236;
  2980. text-decoration: underline;
  2981. margin-left: 14px;
  2982. }
  2984. .reveal-modal form .checkboxes a:hover {
  2985. text-decoration: none;
  2986. color: #bdd236;
  2987. }
  2988. .reveal-modal em {
  2989. font-size:12px;
  2990. color:#aaa;
  2991. font-family:'MuseoSans500Italic', Arial, sans-serif;
  2992. font-style:normal;
  2993. }
  2994. .reveal-modal abbr {
  2995. color: #fe6666;
  2996. }
  2998. /* Signin Form */
  2999. .reveal-modal form.signin label {
  3000. width: 77px;
  3001. padding-left: 25px;
  3002. font-size: 14px;
  3003. font-weight:normal;
  3004. }
  3006. .reveal-modal form.signin label.error {
  3007. color: red;
  3008. font-size: 13px;
  3009. padding-left: 131px;
  3010. width: 100%;
  3011. }
  3013. .reveal-modal form.signup label.error {
  3014. color: red;
  3015. font-size: 13px;
  3016. padding-left: 158px;
  3017. width: 100%;
  3018. }
  3021. .reveal-modal form.signin input[type="text"],
  3022. .reveal-modal form.signin input[type="password"] {
  3023. margin-right: 27px;
  3024. }
  3026. .reveal-modal form p.without-label {
  3027. padding-left: 131px;
  3028. }
  3030. .reveal-modal form.signup p.without-label {
  3031. padding-left: 104px;
  3032. }
  3034. .reveal-modal form.signin {
  3035. margin-bottom: 50px;
  3036. margin-left:-14px;
  3037. }
  3039. .reveal-modal form.signin input[type="submit"] {
  3040. background: url("../img/sprite.png") no-repeat -2px -4px;
  3041. }
  3043. .reveal-modal form.signin input[type="submit"]:hover {
  3044. background: url("../img/sprite.png") no-repeat -2px -55px;
  3045. }
  3047. .reveal-modal form.signup {
  3048. padding: 19px 0 28px;
  3049. margin-left:-16px;
  3050. }
  3052. .reveal-modal form.signup #dk_container_membership {
  3053. float: right;
  3054. width: 222px;
  3055. }
  3057. .reveal-modal form.signup #dk_container_membershipPage {
  3058. float: right;
  3059. width: 222px;
  3060. }
  3062. .reveal-modal form.signup input[type="submit"] {
  3063. background: url("../img/sprite.png") no-repeat -2px -111px;
  3064. }
  3066. .reveal-modal form.signup input[type="submit"]:hover {
  3067. background: url("../img/sprite.png") no-repeat -2px -162px;
  3068. }
  3070. .reveal-modal .captcha {
  3071. float: right;
  3072. width: 221px;
  3073. height: 88px;
  3074. padding-top: 8px;
  3075. }
  3077. .reveal-modal .indication {
  3078. background: url("../img/indication.jpg") no-repeat 50% 100%;
  3079. padding: 0 0 15px;
  3080. text-align: center;
  3081. color: #115b87;
  3082. margin-bottom: 18px;
  3083. text-transform: lowercase;
  3084. font-family:'MuseoSans500Italic', Arial, sans-serif;
  3085. font-size:14px;
  3086. }
  3088. ul.socials-login {
  3089. list-style: none;
  3090. margin: 0;
  3091. }
  3092. ul.socials-login li {
  3093. margin-top: 8px;
  3094. text-align: center;
  3095. padding:0;
  3096. background:none;
  3097. }
  3099. ul.socials-login li:first-child {
  3100. margin-top: 0;
  3101. }
  3103. ul.socials-login li a {
  3104. display: inline-block;
  3105. width: 259px;
  3106. height: 37px;
  3107. }
  3109. ul.socials-login li a.fb {
  3110. /*background: url("../img/sprite.png") no-repeat 0 -298px;*/
  3111. }
  3113. ul.socials-login li a.fb:hover {
  3114. /*background: url("../img/sprite.png") no-repeat 0 -337px;*/
  3115. }
  3117. ul.socials-login li a.tw {
  3118. /*background: url("../img/sprite.png") no-repeat 0 -216px;*/
  3119. }
  3121. ul.socials-login li a.tw:hover {
  3122. /*background: url("../img/sprite.png") no-repeat 0 -255px;*/
  3123. }
  3125. .niceCheck {
  3126. width: 10px;
  3127. height: 10px;
  3128. display: inline-block;
  3129. cursor: pointer;
  3130. background: url("../img/checkbox.png") no-repeat;
  3131. margin-right: 5px;
  3132. }
  3133. .niceCheck input {
  3134. display: none;
  3135. }
  3136. /* END POPUP */
  3139. /* Unnecessary styles for demo */
  3140. .demo-pills .pill {
  3141. margin-bottom:32px;
  3142. }
  3143. .demo-list-styles ul {
  3144. margin-bottom:0;
  3145. }
  3146. .signin table td{
  3147. text-align:left;
  3148. padding-left:25px;
  3149. padding-bottom:5px;
  3150. line-height:30px;
  3151. }
  3152. .signin table td span.red{
  3153. color:red;
  3154. padding-left:5px;
  3155. display:block;
  3156. line-height:24px;
  3157. }
  3158. form.signup table td span.red{
  3159. float:left;
  3160. clear:both;
  3161. color:red;
  3162. }
  3163. .reveal-modal form.signin table td label, form.signup table td label{
  3164. display:block;
  3165. padding:0;
  3166. padding-top:5px;
  3167. }
  3168. .signin table td.checkboxes{
  3169. padding-left:25px;
  3170. }
  3171. .signin table td input{
  3172. margin-left:0;
  3173. }
  3174. .signin table td input[type="submit"]{
  3175. margin:20px 0;
  3176. }
  3177. .signin table td .socials-login li{
  3178. padding:0;
  3179. margin:0;
  3180. text-align:left;
  3181. margin-top:10px;
  3182. }
  3183. .signin table td .socials-login li a{
  3184. display:inline;
  3185. }
  3186. .signup table td{
  3187. text-align:left;
  3188. line-height:30px;
  3189. padding-bottom:5px;
  3190. }
  3191. form.signup table td input[type="text"], form.signup table td input[type="password"]{
  3192. float:left;
  3193. width:220px;
  3194. clear:both;
  3195. }
  3196. .signup table td .custom-select-2{
  3197. width:220px;
  3198. }
  3199. form.signup table td input[type="submit"]{
  3200. margin-left:0;
  3201. }
  3202. form.signup table td span.dk_label{
  3203. color:#888;
  3204. }
  3205. .new-pricing-table{
  3206. border: 1px solid #fff;
  3207. margin-top:212px;
  3209. }
  3210. .new-pricing-table ul{
  3211. list-style:none;
  3212. background: none repeat scroll 0 0 #F7F7F7;
  3213. border: 1px solid #E8E8E8;
  3214. position: relative;
  3215. text-align: center;
  3216. transition: box-shadow 0.3s ease-out 0s;
  3217. margin:0;
  3218. }
  3220. .new-pricing-table ul:before {
  3221. border: 1px solid #FFFFFF;
  3222. }
  3223. .new-pricing-table ul li{
  3224. list-style:none;
  3225. background:none;
  3226. padding: 0;
  3227. font-size:14px;
  3228. }
  3229. .new-pricing-table ul li:nth-child(2n+1) {
  3230. background: #F1F1F1;
  3231. }
  3232. .looking{
  3233. margin-bottom:20px;
  3234. float:left;
  3235. }
  3237. .shade{
  3238. background-color: #F7F7F9;
  3239. border: 1px solid #E1E1E8;
  3240. color: #DD1144;
  3241. padding: 3px 4px;
  3242. border-radius: 2px 3px 3px 3px;
  3243. }
  3245. .bg{
  3246. background-color: #D9EDF7;
  3247. border: 1px solid #BCE8F1;
  3248. color: #3A87AD;
  3249. padding: 3px 4px;
  3250. border-radius: 2px 3px 3px 3px;
  3251. }
  3253. .bg2{
  3254. background-color: #FCF8E3;
  3255. border: 1px solid #FBEED5;
  3256. color: #D39888;
  3257. padding: 3px 4px;
  3258. border-radius: 2px 3px 3px 3px;
  3259. }
  3260. .api-style table.default-table td{
  3262. }
  3263. .membership-table{
  3264. padding-top:40px;
  3265. }
  3266. .membership .grid_1, .membership .grid_3{
  3267. margin-top:10px;
  3268. }
  3269. .membership-table .pr-head h3.price{
  3270. font-size:18px;
  3271. }
  3272. .membership-table .grid_2, .membership-table .grid_1{
  3273. margin-left:0;
  3274. margin-right:1px;
  3275. }
  3276. .membership-table .sub-membership{
  3277. width:115px;
  3278. float:left;
  3279. }
  3280. .membership-table .grid_2{
  3281. width:125px;
  3282. }
  3283. .membership-table .new-pricing-table{
  3284. margin-top:184px;
  3285. }
  3286. .pay-style{
  3287. border:#888 1px solid;
  3288. padding:10px;
  3289. margin-bottom:10px;
  3290. }
  3291. .inds-style{
  3292. }
  3294. .inds-style ul li{
  3295. background:none;
  3296. font-style:normal;
  3297. font-family:MuseoSans500Regular,Arial,sans-serif;
  3298. }
  3299. .inds-style .grid_12 img{
  3300. width:34px;
  3301. height:37px;
  3302. margin-right:20px;
  3303. }
  3304. .inds-style dl, .inds-style dt, .inds-style dd{
  3305. margin:0;
  3306. padding:0;
  3307. }
  3308. .inds-style dl{
  3309. margin-bottom:40px;
  3310. }
  3311. .inds-style dt, .inds-style dd span{
  3312. font-size:20px;
  3313. line-height:35px;
  3314. }
  3315. .inds-style-toal li{
  3316. font-size:16px;
  3317. line-height:30px;
  3318. }
  3319. .pay-style02 label, .pay-style02 .field{
  3320. float:left;
  3321. }
  3322. .pay-style02 label{
  3323. line-height:30px;
  3324. }
  3325. .pay-style02 .field{
  3326. margin:0 5px;
  3327. }
  3328. .pay-style02{
  3329. padding-top:10px;
  3330. }
  3332. #logoutId{
  3333. position:absolute;
  3334. top:-10px;
  3335. left:0;
  3336. display:none;
  3337. }
  3338. .inds-link{
  3339. margin-bottom:40px;
  3340. }
  3341. .dialog-key input, .dialog-key textarea{
  3342. width:100%;
  3343. }
  3344. .dialog-key .field a{
  3345. margin-left:100px;
  3346. }
  3347. .answers input[type="submit"], .answers input[type="reset"], .answers input[type="button"]{
  3348. margin-right: 10px
  3349. }
  3351. .pricing-tables-style .grid_2, .pricing-tables-style .grid_4{
  3352. margin-right:0;
  3353. }
  3354. .pricing-tables-style .grid_2{
  3355. width:150px;
  3356. margin-right:1px;
  3357. margin-left:0;
  3358. display:table-caption
  3359. }
  3362. .pricing-tables ul li{
  3363. padding:0;
  3364. width:100%;
  3365. display:table;
  3366. height:62px;
  3367. }
  3368. .pricing-tables ul li div{
  3369. display:table-cell;
  3370. vertical-align:middle;
  3371. }
  3372. #requireAnewKey form label {
  3373. width:30px;
  3374. }
  3375. #requireAnewKey form input[type="text"] {
  3376. width:330px;
  3377. }
  3378. #requireAnewKey form p.without-label {
  3379. padding-left: 121px;
  3380. }
  3382. #requireAnewKey form label.error {
  3383. color: red;
  3384. font-size: 13px;
  3385. width: 100%;
  3386. padding-left: 50px;
  3387. }
  3388. /*change membership*/
  3389. .newmembership-table {
  3391. }
  3392. .newmembership.grid_1, .membership .grid_3 {
  3393. margin-top: 10px;
  3394. }
  3395. .newmembership-table .pr-head h3.price {
  3396. font-size: 18px;
  3397. }
  3398. .newmembership-table .grid_2, .membership-table .grid_1 {
  3399. margin-left: 0;
  3400. margin-right: 1px;
  3401. }
  3402. .newmembership-table .pr-features {
  3403. width: 120px;
  3404. }
  3405. .newmembership-table .grid_2 {
  3406. width: 120px;
  3407. }
  3408. .newmembership-table .new-pricing-table {
  3409. margin-top: 206px;
  3410. }
  3411. pric_p span {
  3412. display: block;
  3413. margin-left: 20px;
  3414. }
  3415. .searchFile{
  3416. color: #89C9ED;
  3417. float: left;
  3418. font-size: 18px;
  3419. height: 40px;
  3420. width: 385px;
  3421. margin-top:5px;
  3422. margin-bottom:20px;
  3423. }
  3424. /**end*/
  3426. /*begin renew table style*/
  3427. table.default-table th {
  3428. border-color: #E4E4E4 #FFFFFF #E4E4E4 #E4E4E4;
  3429. border-style: none solid;
  3430. border-width: 0 1px;
  3431. color: #444444;
  3432. font-size: 11px;
  3433. font-weight: normal;
  3434. padding: 16px 0;
  3435. text-align: center;
  3436. text-transform: uppercase;
  3437. vertical-align: top;
  3438. font-size:16px;
  3439. }
  3440. table.default-table td{
  3441. border-color: #E4E4E4 #FFFFFF #E4E4E4 #E4E4E4;
  3442. border-style: none solid;
  3443. border-width: 0 1px;
  3444. color: #888888;
  3445. font-size: 16px;
  3446. padding: 5px 10px;
  3447. text-align: left;
  3448. }
  3449. table.default-table .lag {
  3450. border-color: #E4E4E4 #FFFFFF #E4E4E4 #E4E4E4;
  3451. border-style: none solid;
  3452. border-width: 0 1px;
  3453. color: #888888;
  3454. font-size: 16px;
  3455. padding: 5px 0 5px 2px;
  3456. text-align: center;
  3457. }
  3458. /*end renew table style*/
  3460. /*begin new api crumbs style*/
  3461. .crumbs{
  3462. padding-top:20px;
  3463. }
  3464. .detailCrumbs{
  3465. font-size:13px;
  3466. color:#444444;
  3467. line-height:10px;
  3468. }
  3469. /*end new api crumbs style*/
  3471. /* begin new api style*/
  3472. /*api one level title*/
  3473. .apiDoc{
  3474. font-size:35px;
  3475. color:#010101;
  3476. margin-bottom:15px;
  3477. line-height:35px;
  3478. }
  3479. /*api level title bottom inroduction text*/
  3480. .docText{
  3481. font-size:16px;
  3482. color:#444444;
  3483. }
  3484. /*api two level*/
  3485. .subtitle{
  3486. font-size:30px;
  3487. color:#010101;
  3488. margin-top:27px;
  3489. margin-bottom:15px;
  3490. }
  3491. .blackText{
  3492. font-size:16px;
  3493. color:#010101;
  3494. }
  3495. /*main text */
  3496. .mainText{
  3497. font-size:16px;
  3498. margin-bottom:16px;
  3499. margin-top:16px;
  3500. }
  3501. .liText{
  3502. font-size:16px;
  3503. margin-bottom:8px;
  3504. margin-top:8px;
  3505. }
  3506. .linkText{
  3507. font-size:16px;
  3508. }
  3510. .imgSubTitle{
  3511. font-size:25px;
  3512. color:#010101;
  3513. margin-top:55px;
  3514. margin-bottom:5px;
  3515. line-height:25px;
  3516. }
  3517. .levelThresstitle{
  3518. font-size:16px;
  3519. color:#010101;
  3520. margin-bottom:-8px;
  3521. margin-top:20px;
  3522. font-weight:bold;
  3523. }
  3524. pre{
  3525. background:#ddebf3;
  3526. color:#010101;
  3527. font-size:16px;
  3528. padding:7px 15px;
  3529. font-family:Arial;
  3530. margin-top:10px;
  3531. border:1px solid #1186BD;
  3532. word-break:break-all;
  3533. }
  3534. .imgUrl{
  3535. margin-top:20px;
  3536. }
  3537. a{
  3538. color:#88a919;
  3539. }
  3540. .restApi{
  3541. font-size:20px;
  3542. margin-top:18px;
  3543. margin-bottom:0px;
  3544. }
  3545. .imgApi{
  3546. font-size:20px;
  3547. margin-top:28px;
  3548. margin-bottom:0px;
  3549. }
  3551. .mainText span.txtinfo{
  3552. font-size:12px;
  3553. color: #000;
  3554. }
  3555. /*end new api style*/
  3557. /*Copy Write the bottom button style*/
  3558. .btn .btn-inner {
  3559. color: #35840A;
  3560. font-size: 21px;
  3561. line-height: 1em;
  3562. text-shadow: 0 1px 1px #FFFFFF;
  3563. text-transform: uppercase;
  3564. padding:10px 15px 10px 24px ;
  3565. }
  3572. /*===========copy write sign in============*/
  3573. /* Modal Body */
  3574. .reveal-modal-sign .cont {
  3575. padding: 25px 0;
  3576. width:350px;
  3577. margin:0 auto;
  3578. }
  3580. .reveal-modal-sign form input[type="submit"] {
  3581. width: 138px;
  3582. height: 48px;
  3583. border: none;
  3584. cursor: pointer;
  3585. padding: 0;
  3586. }
  3588. .reveal-modal-sign form input[type="text"],
  3589. .reveal-modal-sign form input[type="password"] {
  3590. background: none #FFFFFF;
  3591. border: 1px solid #D8D8D8;
  3592. width: 222px;
  3593. float: right;
  3594. border-radius:3px;
  3595. box-shadow:none;
  3596. }
  3597. .reveal-modal-sign form input[type="text"]:focus {
  3598. border-color:#66b9e3;
  3599. box-shadow:inset 0 0 0 rgba(0, 0, 0, .1), 0 0 3px rgba(102, 185, 227, 1);
  3600. }
  3602. .reveal-modal-sign form p {
  3603. margin-bottom: 11px;
  3604. width:380px;
  3605. }
  3607. .reveal-modal-sign form label {
  3608. float: left;
  3609. line-height:22px;
  3610. color: #888;
  3611. width: 155px;
  3612. font-size: 14px;
  3613. font-weight:normal;
  3614. }
  3616. .reveal-modal-sign form .checkboxes {
  3617. font-size: 12px;
  3618. font-family:'MuseoSans500Italic', Arial, sans-serif;
  3619. padding: 0;
  3620. }
  3622. .reveal-modal-sign form.signup .checkboxes {
  3623. padding: 16px 0 12px;
  3624. }
  3626. .reveal-modal-sign form.signup em {
  3627. font-size: 11px;
  3628. }
  3630. .reveal-modal-sign form .checkboxes a {
  3631. color: #bdd236;
  3632. text-decoration: underline;
  3633. margin-left: 14px;
  3634. }
  3636. .reveal-modal-sign form .checkboxes a:hover {
  3637. text-decoration: none;
  3638. color: #bdd236;
  3639. }
  3640. .reveal-modal-sign em {
  3641. font-size:12px;
  3642. color:#aaa;
  3643. font-family:'MuseoSans500Italic', Arial, sans-serif;
  3644. font-style:normal;
  3645. }
  3646. .reveal-modal-sign abbr {
  3647. color: #fe6666;
  3648. }
  3650. /* Signin Form */
  3651. .reveal-modal-sign form.signin label {
  3652. width: 77px;
  3653. padding-left: 25px;
  3654. font-size: 14px;
  3655. font-weight:normal;
  3656. }
  3658. .reveal-modal-sign form.signin label.error {
  3659. color: red;
  3660. font-size: 13px;
  3661. padding-left: 38px;
  3662. width: 100%;
  3663. }
  3665. .reveal-modal-sign form.signup label.error {
  3666. color: red;
  3667. font-size: 13px;
  3668. padding-left: 65px;
  3669. width: 100%;
  3670. }
  3673. .reveal-modal-sign form.signin input[type="text"],
  3674. .reveal-modal-sign form.signin input[type="password"] {
  3675. margin-right: 27px;
  3676. }
  3678. .reveal-modal-sign form p.without-label {
  3679. padding-left: 131px;
  3680. }
  3682. .reveal-modal-sign form.signup p.without-label {
  3683. padding-left: 104px;
  3684. }
  3686. /*.reveal-modal-sign form.signin {
  3687. margin-bottom: 50px;
  3688. margin-left:-14px;
  3689. }*/
  3691. .reveal-modal-sign form.signin input[type="submit"] {
  3692. background: url("../img/sprite.png") no-repeat -2px -4px;
  3693. }
  3695. .reveal-modal-sign form.signin input[type="submit"]:hover {
  3696. background: url("../img/sprite.png") no-repeat -2px -55px;
  3697. }
  3699. .reveal-modal-sign form.signup {
  3700. padding: 19px 0 28px;
  3701. margin-left:-16px;
  3702. }
  3704. .reveal-modal-sign form.signup #dk_container_membership {
  3705. float: right;
  3706. width: 222px;
  3707. }
  3709. .reveal-modal-sign form.signup #dk_container_membershipPage {
  3710. float: right;
  3711. width: 222px;
  3712. }
  3714. .reveal-modal-sign form.signup input[type="submit"] {
  3715. background: url("../img/sprite.png") no-repeat -2px -111px;
  3716. }
  3718. .reveal-modal-sign form.signup input[type="submit"]:hover {
  3719. background: url("../img/sprite.png") no-repeat -2px -162px;
  3720. }
  3722. .reveal-modal-sign .captcha {
  3723. float: right;
  3724. width: 221px;
  3725. height: 88px;
  3726. padding-top: 8px;
  3727. }
  3729. .reveal-modal-sign .indication {
  3730. background: url("../img/indication.jpg") no-repeat 50% 100%;
  3731. padding: 0 0 15px;
  3732. text-align: center;
  3733. color: #115b87;
  3734. margin-bottom: 18px;
  3735. text-transform: lowercase;
  3736. font-family:'MuseoSans500Italic', Arial, sans-serif;
  3737. font-size:14px;
  3738. }
comments powered by Disqus