milardovich

theme.css

Jan 3rd, 2015
253
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 39.85 KB | None | 0 0
  1.  
  2. body, html {
  3.     height: 100%;
  4. }
  5. .am-layout {
  6.     color: #303030;
  7.     font-family: Tahoma,Arial,san-serif;
  8.     margin: 0 0 -30px;
  9.     min-height: 100%;
  10.     padding: 0;
  11. }
  12. @media all and (min-width: 892px) {
  13. .am-layout {
  14.     background: none repeat scroll 0 0 #b39964;
  15. }
  16. }
  17. .am-layout h1 {
  18.     color: #333;
  19.     font-family: "Prata",serif;
  20.     font-size: 200%;
  21.     font-style: italic;
  22.     font-variant: small-caps;
  23.     font-weight: 100;
  24.     margin-bottom: 1em;
  25. }
  26. .am-layout h2 {
  27.     font-size: 110%;
  28.     font-weight: bold;
  29.     margin-bottom: 0.8em;
  30. }
  31. .am-layout h3 {
  32.     font-size: 100%;
  33.     font-weight: bold;
  34.     margin-bottom: 0.6em;
  35. }
  36. .am-layout em {
  37.     font-style: italic;
  38. }
  39. .am-layout p {
  40.     padding-bottom: 0.5em;
  41. }
  42. .am-layout strong {
  43.     font-weight: bold;
  44. }
  45. .am-layout hr {
  46.     background-color: #dbdbdb;
  47.     border: 0 none;
  48.     height: 1px;
  49.     width: 100%;
  50. }
  51. .am-layout a {
  52.     color: #6482b3;
  53.     font-size: 130%;
  54.     font-variant: small-caps;
  55. }
  56. .am-layout a:hover {
  57.     text-decoration: none;
  58. }
  59. .am-main {
  60.     display: inline-block;
  61.     max-width: 800px;
  62.     padding-left: 20px;
  63.     padding-right: 20px;
  64.     text-align: left;
  65.     width: 90%;
  66. }
  67. .am-header {
  68.     background: none repeat scroll 0 0 #b39964;
  69.     overflow: hidden;
  70.     text-align: center;
  71. }
  72. .am-header .am-header-content-wrapper {
  73. }
  74. .am-header .am-header-content {
  75.     overflow: hidden;
  76.     padding: 10px 0;
  77. }
  78. .am-header .am-header-content .am-header-content-logo {
  79.     display: none;
  80.     float: left;
  81.     margin-right: 1em;
  82. }
  83. .am-header-line {
  84.     background: none repeat scroll 0 0 #b39964;
  85.     height: 12px;
  86. }
  87. .am-body {
  88.     text-align: center;
  89. }
  90. @media all and (min-width: 892px) {
  91. .am-body {
  92.     background: none repeat scroll 0 0 #b39964;
  93. }
  94. }
  95. .am-body .am-body-content-wrapper {
  96.     background: none repeat scroll 0 0 white;
  97.     padding-bottom: 50px;
  98.     padding-top: 1em;
  99.     text-align: left;
  100. }
  101. @media all and (min-width: 892px) {
  102. .am-body .am-body-content-wrapper {
  103.     border-color: #dbdbdb;
  104.     border-style: solid;
  105.     border-width: 0;
  106. }
  107. }
  108. .am-footer {
  109.     color: #919191;
  110.     display: none;
  111.     height: 30px;
  112.     text-align: center;
  113. }
  114. .am-footer .am-footer-content-wrapper {
  115.     background: none repeat scroll 0 0 #b39964;
  116.     color: white;
  117.     height: 30px;
  118. }
  119. .am-footer .am-footer-content {
  120.     padding-top: 0.5em;
  121. }
  122. .am-footer .am-footer-content a {
  123.     color: white;
  124. }
  125. .am-footer .am-footer-actions {
  126.     float: right;
  127. }
  128. @media all and (max-width: 500px) {
  129. .am-member-payment-history-items {
  130.     display: none;
  131. }
  132. }
  133. @media all and (max-width: 600px) {
  134. .am-member-payment-history-paysys {
  135.     display: none;
  136. }
  137. }
  138. .am-breadcrumbs {
  139.     font-size: 90%;
  140.     margin: 0 0 0.5em;
  141.     overflow: hidden;
  142.     padding: 0 1em 0 0;
  143. }
  144. .am-breadcrumbs .am-breadcrumbs-item, .am-breadcrumbs .am-breadcrumbs-separator {
  145.     float: left;
  146.     list-style: outside none none;
  147.     margin: 0 0.5em 0 0;
  148.     padding: 0;
  149. }
  150. .check-all-offer {
  151.     -moz-border-bottom-colors: none;
  152.     -moz-border-left-colors: none;
  153.     -moz-border-right-colors: none;
  154.     -moz-border-top-colors: none;
  155.     background-color: #ffc;
  156.     border-color: white white -moz-use-text-color;
  157.     border-image: none;
  158.     border-style: solid solid none;
  159.     border-width: 1px 1px medium;
  160.     padding: 0.5em;
  161. }
  162. .filter-wrap {
  163.     background: none repeat scroll 0 0 #dbdbdb;
  164.     border-radius: 10px;
  165.     box-shadow: 0 1px 1px #b0b0b0;
  166.     color: #333;
  167.     margin-bottom: 1em;
  168.     overflow: hidden;
  169.     padding: 0.5em;
  170.     text-align: right;
  171. }
  172. .filter-wrap .filter-title {
  173.     float: right;
  174.     line-height: 2em;
  175.     margin-right: 1em;
  176. }
  177. .filter-wrap .filter-inputs {
  178.     float: right;
  179.     margin-right: 0.5em;
  180.     text-align: left;
  181. }
  182. .filter-wrap .filter-button {
  183.     float: right;
  184.     text-align: left;
  185. }
  186. .filter-wrap form.filter input[type="text"] {
  187.     background-image: url("../img/icons/magnify.png");
  188.     background-position: 5px center;
  189.     background-repeat: no-repeat;
  190.     padding-left: 25px;
  191. }
  192. .filter-wrap form.filter input.datepicker[type="text"] {
  193.     background-image: url("../img/icons/calendar.png");
  194.     background-position: 5px center;
  195.     background-repeat: no-repeat;
  196.     padding-left: 25px;
  197. }
  198. .group-wrap, .norecord-actions {
  199.     margin-bottom: 1em;
  200. }
  201. .grid-container {
  202.     border: 1px solid #a1a1a1;
  203.     box-shadow: 0 4px 8px #d6d6d6;
  204.     margin-bottom: 1em;
  205.     overflow: auto;
  206. }
  207. .grid {
  208.     width: 100%;
  209. }
  210. .grid tr.odd td {
  211.     background-color: #d3dce3;
  212. }
  213. .grid tr.odd td.sorted {
  214.     background-color: #bed4e2;
  215. }
  216. .grid tr.selected {
  217.     background: url("../img/admin/grid-row-selected-bg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
  218. }
  219. .grid tr.selected td {
  220.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  221. }
  222. .grid td {
  223.     border: 1px solid white;
  224.     padding: 0.5em;
  225.     vertical-align: top;
  226. }
  227. .grid th {
  228.     background: url("../img/admin/grid-header-bg.png") repeat-x scroll left top rgba(0, 0, 0, 0);
  229.     border: 1px solid white;
  230.     color: white;
  231.     padding: 0.5em;
  232.     text-shadow: 0 -1px 1px #1e2e3b;
  233. }
  234. .grid th a {
  235.     background: url("../img/admin/sortable.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  236.     color: white;
  237.     display: block;
  238.     padding-right: 20px;
  239.     text-decoration: none;
  240.     text-shadow: 0 -1px 1px #1e2e3b;
  241. }
  242. .grid th a.sorted-asc {
  243.     background: url("../img/admin/asc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  244. }
  245. .grid th a.sorted-desc {
  246.     background: url("../img/admin/desc.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  247. }
  248. .grid td {
  249.     background: none repeat scroll 0 0 #ededed;
  250. }
  251. .grid td.sorted {
  252.     background: none repeat scroll 0 0 #d9e6ee;
  253. }
  254. .grid td.actions {
  255.     text-align: center;
  256. }
  257. .grid td.record-sort {
  258.     background-image: url("../img/sortable.png");
  259.     background-position: center center;
  260.     background-repeat: no-repeat;
  261.     cursor: move;
  262. }
  263. .grid td.expandable-data {
  264.     background: none repeat scroll 0 0 #eef;
  265. }
  266. .grid td.expanded {
  267.     background: none repeat scroll 0 0 #eeeeff !important;
  268.     border-bottom-color: #eef;
  269. }
  270. .grid td.expandable {
  271.     cursor: pointer;
  272. }
  273. .grid td.expandable div.arrow {
  274.     background: url("../img/arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  275.     display: inline-block;
  276.     float: right;
  277.     height: 5px;
  278.     margin: 0;
  279.     overflow: hidden;
  280.     padding-left: 10px;
  281.     width: 7px;
  282. }
  283. .grid td.expandable div.placeholder {
  284.     padding-right: 1em;
  285. }
  286. .grid .editable {
  287.     background: url("../img/pencil.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  288.     display: inline-block;
  289.     float: right;
  290.     height: 8px;
  291.     margin: 0;
  292.     overflow: hidden;
  293.     padding-left: 10px;
  294.     width: 8px;
  295. }
  296. .grid .disabled {
  297.     opacity: 0.35;
  298. }
  299. .grid th.required {
  300.     color: #ba2727;
  301.     text-shadow: none;
  302. }
  303. .grid tr.grid-row:hover td {
  304.     background-color: #bed4e2 !important;
  305. }
  306. .grid td.selected {
  307.     background: none repeat scroll 0 0 #d9e6ee !important;
  308. }
  309. .grid .grid-total {
  310.     text-align: right;
  311. }
  312. .grid.grid-small {
  313.     font-size: 80%;
  314. }
  315. .am-user-identity-block {
  316.     font-weight: bold;
  317.     line-height: 19px;
  318.     margin-bottom: 1em;
  319.     padding-top: 0.4em;
  320. }
  321. .am-user-identity-block a {
  322.     text-decoration: none;
  323. }
  324. .am-layout-two-coll {
  325.     background-color: #f5f5f5;
  326.     border: 1px solid #d9d9d9;
  327.     border-radius: 10px;
  328.     box-shadow: 0 1px 3px #e3e3e3;
  329.     overflow: hidden;
  330. }
  331. @media all and (min-width: 750px) {
  332. .am-layout-two-coll {
  333.     background: url("../img/two-coll-divider-middel.png") repeat-y scroll center top whitesmoke;
  334. }
  335. }
  336. .am-layout-two-coll .am-layout-two-coll-bottom {
  337.     background-color: #f5f5f5;
  338.     clear: both;
  339.     height: 20px;
  340. }
  341. @media all and (min-width: 750px) {
  342. .am-layout-two-coll .am-layout-two-coll-bottom {
  343.     background: url("../img/two-coll-divider-bottom.png") repeat-y scroll center top rgba(0, 0, 0, 0);
  344. }
  345. }
  346. .am-layout-two-coll .am-layout-two-coll-top {
  347.     background-color: #f5f5f5;
  348.     clear: both;
  349.     height: 20px;
  350. }
  351. @media all and (min-width: 750px) {
  352. .am-layout-two-coll .am-layout-two-coll-top {
  353.     background: url("../img/two-coll-divider-top.png") repeat-y scroll center top rgba(0, 0, 0, 0);
  354. }
  355. }
  356. @media all and (min-width: 750px) {
  357. .am-layout-two-coll .am-coll-left, .am-layout-two-coll .am-coll-right {
  358.     float: left;
  359.     width: 100%;
  360. }
  361. }
  362. .am-layout-two-coll .am-coll-left .am-coll-content {
  363.     margin: 0 1em;
  364. }
  365. .am-layout-two-coll .am-coll-right .am-coll-content {
  366.     margin: 0 1em;
  367. }
  368. .am-pagination {
  369.     clear: both;
  370.     font-size: 100%;
  371.     margin: 0.5em 0;
  372.     padding: 0.5em 0;
  373. }
  374. .am-pagination a {
  375.     background: none repeat scroll 0 0 #d3dce3;
  376.     border: 1px solid #91aabd;
  377.     border-radius: 5px;
  378.     color: #5e6e7a;
  379.     text-decoration: none;
  380.     text-shadow: 0 -1px 1px white;
  381. }
  382. .am-pagination a, .am-pagination span {
  383.     font-weight: bold;
  384.     margin-bottom: 5px;
  385.     margin-right: 5px;
  386.     padding: 0.3em 0.6em;
  387. }
  388. .am-pagination .am-pagination-current {
  389.     background: none repeat scroll 0 0 #8fabbd;
  390.     border: 1px solid #91aabd;
  391.     border-radius: 5px;
  392.     color: #fff;
  393.     text-shadow: 0 -1px 1px #596d7d;
  394. }
  395. .am-pagination .am-pagination-current.am-pagination-prev, .am-pagination .am-pagination-current.am-pagination-next {
  396.     background: none repeat scroll 0 0 #e3e6e8;
  397.     border-color: #cad3db;
  398.     color: #afb5ba;
  399.     text-shadow: none;
  400. }
  401. .am-tabs {
  402.     background: none repeat scroll 0 0 #dbdbdb;
  403.     border-radius: 10px;
  404.     box-shadow: 0 1px 1px #b0b0b0;
  405.     display: block;
  406.     margin: 0 0 1em;
  407.     overflow: hidden;
  408.     padding: 0 0.5em 0.5em;
  409.     text-align: left;
  410. }
  411. .am-tabs li {
  412.     display: block;
  413.     float: left;
  414.     margin: 0 0.5em 0 0;
  415.     padding: 0;
  416.     white-space: nowrap;
  417. }
  418. .am-tabs > li {
  419.     margin-top: 0.5em;
  420. }
  421. .am-tabs a {
  422.     background: url("../img/tab-bg.png") repeat-x scroll left top #e8e8e8;
  423.     border: 1px solid #cccccc;
  424.     border-radius: 10px;
  425.     color: #555960;
  426.     display: block;
  427.     margin: 0;
  428.     padding: 0.5em 1em;
  429.     text-decoration: none;
  430.     text-shadow: 0 -1px 1px #c7c8c9;
  431. }
  432. .am-tabs li.active > a, .am-tabs li.normal > a:hover {
  433.     background-color: #e34b3d;
  434.     background-image: url("../img/tab-hover-bg.png");
  435.     border-color: #c7665b;
  436.     color: white;
  437.     text-shadow: 0 -1px 1px #c43d33;
  438. }
  439. .am-tabs ul {
  440.     display: none;
  441.     margin: 0;
  442.     padding: 0;
  443.     position: absolute;
  444.     z-index: 5;
  445. }
  446. .am-tabs ul li {
  447.     float: none;
  448. }
  449. .am-tabs li:hover > ul {
  450.     display: block;
  451. }
  452. .am-tabs span.arrow {
  453.     background: url("../img/arrow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
  454.     display: block;
  455.     float: right;
  456.     height: 5px;
  457.     margin: 5px 0 5px 5px;
  458.     overflow: hidden;
  459.     padding: 0;
  460.     position: relative;
  461.     width: 7px;
  462.     z-index: 15;
  463. }
  464. .am-tabs a:hover span.arrow, .am-tabs li.active span.arrow {
  465.     background-image: url("../img/arrow-white.png");
  466. }
  467. .am-tabs .has-children > ul {
  468.     background: url("../img/tab-bg.png") repeat-x scroll left top #e8e8e8;
  469.     border: 1px solid #cccccc;
  470.     border-radius: 0 10px 10px;
  471.     min-width: 200px;
  472.     overflow: hidden;
  473. }
  474. .am-tabs .has-children > ul > li {
  475.     margin: 0;
  476. }
  477. .am-tabs .has-children > ul a {
  478.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  479.     border: medium none;
  480.     border-radius: 0;
  481. }
  482. .am-tabs .has-children > ul li.active {
  483.     background-color: #e34b3d;
  484.     background-image: url("../img/tab-hover-bg.png");
  485. }
  486. .am-tabs .has-children > a:hover {
  487.     border-bottom-left-radius: 0;
  488.     border-bottom-right-radius: 0;
  489. }
  490. .am-tabs li.expanded > a {
  491.     border-bottom-left-radius: 0;
  492.     border-bottom-right-radius: 0;
  493. }
  494. .am-receipt {
  495.     border: 1px solid #e0e0e0;
  496.     border-collapse: collapse;
  497.     border-radius: 10px;
  498.     box-shadow: 0 1px 1px #e0e0e0;
  499.     margin-bottom: 1em;
  500.     padding: 0.5em;
  501. }
  502. .am-receipt table {
  503.     width: 100%;
  504. }
  505. .am-receipt td {
  506.     background-color: #ededed;
  507.     border: 1px solid white;
  508.     padding: 0.5em;
  509. }
  510. .am-receipt th {
  511.     font-weight: bold;
  512.     padding: 0.5em;
  513. }
  514. .am-receipt td.am-receipt-total {
  515.     background-color: #d3dce3;
  516. }
  517. .am-receipt td.am-receipt-terms {
  518.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  519. }
  520. .am-receipt td.am-receipt-indent {
  521.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  522. }
  523. .am-receipt .am-receipt-row-delimiter td {
  524.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  525. }
  526. .am-receipt .am-receipt-price {
  527.     text-align: right;
  528.     width: 20%;
  529. }
  530. .am-receipt .am-receipt-unit-price {
  531.     text-align: right;
  532.     width: 20%;
  533. }
  534. .am-receipt .am-receipt-qty {
  535.     text-align: right;
  536.     width: 10%;
  537. }
  538. .am-receipt .am-receipt-discounted-price {
  539.     color: red;
  540.     text-decoration: line-through;
  541. }
  542. a.button {
  543.     display: inline-block;
  544.     text-decoration: none;
  545. }
  546. a.button, input[type="button"], input[type="submit"] {
  547.     background: url("../img/form-button-bg.png") repeat-x scroll left top #e8e8e8;
  548.     border: 1px solid #cccccc;
  549.     border-radius: 5px;
  550.     color: #555960;
  551.     padding: 0.4em 1em;
  552.     text-shadow: 0 -1px 1px #c7c8c9;
  553. }
  554. a.button:hover, a.button.active, input[type="button"]:hover, input[type="submit"]:hover, input.active[type="button"], input.active[type="submit"] {
  555.     background-color: #4e80a6;
  556.     background-image: url("../img/form-button-hover-bg.png");
  557.     border-color: #688296;
  558.     color: white;
  559.     cursor: pointer;
  560.     text-shadow: 0 -1px 1px #688296;
  561. }
  562. input[type="button"]:disabled, input[type="submit"]:disabled {
  563.     background: url("../img/form-button-bg.png") repeat-x scroll left top #e8e8e8;
  564.     border: 1px solid #cccccc;
  565.     color: #ccc;
  566.     text-shadow: none;
  567. }
  568. input:disabled, input[readonly="readonly"] {
  569.     background: none repeat scroll 0 0 #e8e8e8;
  570.     border: 1px solid #cccccc;
  571.     color: #ccc;
  572. }
  573. select, textarea, input[type="text"], input[type="password"] {
  574.     border: 1px solid #c2c2c2;
  575.     border-radius: 5px;
  576.     padding: 0.4em;
  577. }
  578. textarea:focus, input[type="text"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="password"]:focus {
  579.     background-color: #fcda72;
  580.     border-color: #c49f2f;
  581. }
  582. textarea.error, input.error {
  583.     background-color: #fce6e6;
  584.     border: 1px solid #ba2727;
  585. }
  586. .am-form {
  587.     margin-bottom: 1em;
  588. }
  589. .am-form form {
  590.     background: none repeat scroll 0 0 #fff;
  591.     border: 0 none;
  592.     border-radius: 10px;
  593.     box-shadow: none;
  594.     margin: 0;
  595.     padding: 0;
  596.     text-align: left;
  597. }
  598. .am-form fieldset {
  599.     display: block;
  600. }
  601. .am-form fieldset legend {
  602.     background: none repeat scroll 0 0 #b39964;
  603.     border-bottom: 1px solid white;
  604.     color: #fff;
  605.     display: block;
  606.     font-family: Arial;
  607.     font-size: 120%;
  608.     margin: 0;
  609.     padding: 0.5em 0;
  610.     text-indent: 1em;
  611.     text-shadow: none;
  612.     white-space: nowrap;
  613.     width: 100%;
  614. }
  615. .am-form fieldset legend a {
  616.     border-bottom: 1px dashed white;
  617.     color: white;
  618.     padding-bottom: 2px;
  619.     text-decoration: none;
  620. }
  621. .am-form fieldset:first-child legend:first-child {
  622.     border-radius: 10px 10px 0 0;
  623. }
  624. .am-form .row:first-child .element-title:first-child {
  625.     border-radius: 10px 10px 0 0;
  626. }
  627. .am-form div.reqnote {
  628.     clear: both;
  629.     font-size: 80%;
  630.     margin: 0.5em 0 0 1em;
  631. }
  632. .am-form div.row {
  633.     border-bottom: 0 none;
  634.     clear: both;
  635.     overflow: hidden;
  636. }
  637. .am-form div.element-title {
  638.     background-color: #ededed;
  639.     box-sizing: border-box;
  640.     padding: 0.5em 1em;
  641. }
  642. @media all and (min-width: 500px) {
  643. .am-form div.element-title {
  644.     background-color: transparent;
  645.     float: left;
  646.     padding: 0.5em 0.5em 1em 1em;
  647.     text-align: right;
  648.     width: 35%;
  649. }
  650. }
  651. .am-form div.element-title label {
  652.     color: #555555;
  653.     font-weight: bold;
  654. }
  655. .am-form div.element {
  656.     box-sizing: border-box;
  657.     padding: 0.5em 1em;
  658. }
  659. @media all and (min-width: 500px) {
  660. .am-form div.element {
  661.     margin-left: 35%;
  662.     padding: 0.5em 1em 1em 0.5em;
  663. }
  664. }
  665. .am-form div.row.no-label .element {
  666.     margin: 0;
  667.     padding: 0.5em 1em;
  668. }
  669. .am-form div.row.no-label div.element-title {
  670.     display: none;
  671.     width: 0;
  672. }
  673. .am-form div.row.row-wide .element {
  674.     margin: 0;
  675.     padding: 0.5em 1em;
  676. }
  677. .am-form div.row.row-wide .element-title {
  678.     float: none;
  679.     padding: 0.5em 1em;
  680.     text-align: left;
  681.     width: 100%;
  682. }
  683. .am-form textarea {
  684.     overflow: auto;
  685. }
  686. .am-form input, .am-form select, .am-form textarea {
  687.     padding: 0.4em;
  688. }
  689. .am-form span.error, .am-form span.required {
  690.     color: #ba2727;
  691. }
  692. .am-form span.error {
  693.     display: block;
  694. }
  695. .am-form input.error, .am-form textarea.error, .am-form select.error {
  696.     border: 1px solid #ba2727;
  697. }
  698. .am-form select {
  699.     box-sizing: border-box;
  700.     max-width: 100%;
  701. }
  702. .am-form span.mceEditor {
  703.     display: block;
  704. }
  705. input.datepicker, input.datepicker[type="text"] {
  706.     background-image: url("../img/icons/calendar.png");
  707.     background-position: 5px center;
  708.     background-repeat: no-repeat;
  709.     padding-left: 25px;
  710. }
  711. .el-wide {
  712.     box-sizing: border-box;
  713.     width: 100%;
  714. }
  715. .am-body-content {
  716.     overflow: hidden;
  717. }
  718. div.errors ul, ul.error, ul.errors {
  719.     background: none repeat scroll 0 0 #fcbdbd;
  720.     border: 1px solid #faa7a7;
  721.     border-radius: 10px;
  722.     color: #ba2727;
  723.     margin: 0 0 1em;
  724.     padding: 0;
  725. }
  726. div.errors ul li, ul.error li, ul.errors li {
  727.     list-style: outside none none;
  728.     margin-left: 0;
  729.     padding: 0.5em 1em;
  730.     text-align: left;
  731. }
  732. .error {
  733.     color: #ba2727;
  734. }
  735. .am-signup-link {
  736.     margin-top: 1em;
  737.     text-align: center;
  738. }
  739. .am-copyright {
  740.     font-size: 75%;
  741.     margin: 1em 0 0;
  742.     text-align: center;
  743. }
  744. .am-copyright a {
  745.     text-decoration: none;
  746. }
  747. .am-lang-choice {
  748.     float: right;
  749. }
  750. .am-signup-login-form-container {
  751.     background-color: white;
  752.     border: 3px solid #cccccc;
  753.     margin: 0 auto;
  754.     padding: 20px;
  755.     position: absolute;
  756.     width: 754px;
  757.     z-index: 150;
  758. }
  759. .am-login-form, .am-sendpass-form {
  760.     margin-bottom: 1em;
  761.     min-width: 310px;
  762. }
  763. .am-login-form legend, .am-sendpass-form legend {
  764.     text-align: center;
  765.     text-indent: 0;
  766. }
  767. .am-login-form input[name="login"], .am-login-form input[name="amember_login"], .am-sendpass-form input[name="login"], .am-sendpass-form input[name="amember_login"] {
  768.     background-image: url("../img/icons/users.png");
  769.     background-position: 5px center;
  770.     background-repeat: no-repeat;
  771.     box-sizing: border-box;
  772.     padding-left: 30px;
  773.     width: 100%;
  774. }
  775. .am-login-form input[name="amember_pass"], .am-sendpass-form input[name="amember_pass"] {
  776.     background-image: url("../img/icons/key.png");
  777.     background-position: 5px center;
  778.     background-repeat: no-repeat;
  779.     box-sizing: border-box;
  780.     padding-left: 30px;
  781.     width: 100%;
  782. }
  783. .agreement {
  784.     font-size: 8pt;
  785.     max-height: 300px;
  786.     overflow: auto;
  787.     white-space: pre-wrap;
  788. }
  789. #mask {
  790.     background-color: #ccc;
  791.     height: 100%;
  792.     left: 0;
  793.     opacity: 0.5;
  794.     position: fixed;
  795.     top: 0;
  796.     width: 100%;
  797.     z-index: 10000;
  798. }
  799. .am-active-invoice {
  800.     border: 1px solid #ededed;
  801.     margin-bottom: 0.5em;
  802.     padding: 0.5em;
  803. }
  804. .am-active-invoice .am-active-invoice-num {
  805.     font-weight: bold;
  806. }
  807. .am-active-invoice .am-active-invoice-terms {
  808.     font-style: italic;
  809. }
  810. .am-active-invoice .am-active-invoice-cancel {
  811.     color: gray;
  812. }
  813. .am-active-invoice .am-active-invoice-product {
  814.     color: gray;
  815. }
  816. .am-active-invoice .am-active-invoice-product-list {
  817.     margin-left: 2em;
  818. }
  819. .am-active-invoice .am-active-invoice-product-list li {
  820.     list-style-type: disc;
  821. }
  822. .am-list {
  823.     margin-bottom: 1em;
  824.     margin-left: 2em;
  825. }
  826. .am-list li {
  827.     list-style-type: disc;
  828. }
  829. .small {
  830.     font-size: small;
  831.     font-style: italic;
  832. }
  833. .am-product-title {
  834.     font-weight: bold;
  835. }
  836. .am-product-desc {
  837.     display: block;
  838.     font-size: small;
  839.     font-style: italic;
  840. }
  841. .am-paysystem-title {
  842.     font-weight: bold;
  843. }
  844. .am-paysystem-desc {
  845.     display: block;
  846.     font-size: small;
  847.     font-style: italic;
  848. }
  849. .ajax-link, .local-link {
  850.     position: relative;
  851.     text-decoration: none;
  852. }
  853. .ajax-link:after, .local-link:after {
  854.     bottom: 1px;
  855.     content: "";
  856.     height: 0;
  857.     left: 0;
  858.     position: absolute;
  859.     right: 0;
  860. }
  861. .am-reuse-card-confirmation {
  862.     font-size: large;
  863. }
  864. .am-thanks-awaiting-refresh {
  865.     color: gray;
  866.     margin-top: 20px;
  867. }
  868. .am-form div.am-element-recaptcha {
  869.     margin-left: 0;
  870.     padding: 0;
  871. }
  872. .glyph {
  873.     background-image: url("../img/sprite/icon.png");
  874.     background-position: left center;
  875.     background-repeat: no-repeat;
  876.     display: inline-block;
  877.     height: 16px;
  878.     width: 16px;
  879. }
  880. #EmailCode {
  881.     background: none repeat scroll 0 0 #ffffcf;
  882. }
  883. .am-block {
  884.     background: none repeat scroll 0 0 #fff;
  885.     border: 1px solid #e0e0e0;
  886.     border-radius: 10px;
  887.     box-shadow: 0 1px 1px #e0e0e0;
  888.     color: #666;
  889.     margin-bottom: 1em;
  890.     padding: 1em;
  891. }
  892. .am-block ul {
  893.     margin: 0;
  894.     padding: 0;
  895. }
  896. .am-block li {
  897.     list-style-type: none;
  898.     margin: 0 0.3em 0 0;
  899. }
  900. .am-info {
  901.     background: none repeat scroll 0 0 #253e66;
  902.     border: 1px solid #ccddeb;
  903.     border-radius: 3px;
  904.     color: #fff;
  905.     font-size: 15px;
  906.     line-height: 15px;
  907.     margin-bottom: 1em;
  908.     padding: 0.5em 1em;
  909. }
  910. .am-notification {
  911.     background-color: #ffffcf;
  912.     border-color: #545454;
  913.     color: #454430;
  914. }
  915. .am-popup {
  916.     background-color: white;
  917.     border: 3px solid #cccccc;
  918.     border-radius: 10px;
  919.     display: none;
  920.     margin: 0 auto;
  921.     padding: 10px 20px 20px;
  922.     position: absolute;
  923.     text-align: left;
  924.     z-index: 10001;
  925. }
  926. .am-popup .am-popup-close-icon {
  927.     background: url("../img/modal-close.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  928.     display: inline-block;
  929.     float: right;
  930.     height: 17px;
  931.     margin: 2px;
  932.     text-decoration: none;
  933.     width: 17px;
  934. }
  935. .am-popup .am-popup-header {
  936.     font-size: 110%;
  937.     font-weight: bold;
  938.     margin: 0 0 1em;
  939.     overflow: hidden;
  940. }
  941. .upload-control {
  942.     display: inline-block;
  943. }
  944. .upload-control .upload-control-upload {
  945.     background: url("../img/form-button-bg.png") repeat-x scroll left top #e8e8e8;
  946.     border: 1px solid #cccccc;
  947.     border-radius: 5px 0 0 5px;
  948.     color: #555960;
  949.     padding: 0.4em 1em;
  950.     text-shadow: 0 -1px 1px #c7c8c9;
  951. }
  952. .upload-control .upload-control-upload.upload-control-reupload {
  953.     border-radius: 5px;
  954. }
  955. .upload-control .upload-control-browse {
  956.     -moz-border-bottom-colors: none;
  957.     -moz-border-left-colors: none;
  958.     -moz-border-right-colors: none;
  959.     -moz-border-top-colors: none;
  960.     background: url("../img/form-button-bg.png") repeat-x scroll left top #e8e8e8;
  961.     border-color: #cccccc #cccccc #cccccc -moz-use-text-color;
  962.     border-image: none;
  963.     border-radius: 0 5px 5px 0;
  964.     border-style: solid solid solid none;
  965.     border-width: 1px 1px 1px medium;
  966.     color: #555960;
  967.     cursor: pointer;
  968.     display: inline-block;
  969.     padding: 0.4em 1em;
  970.     text-shadow: 0 -1px 1px #c7c8c9;
  971. }
  972. .upload-control .upload-control-upload.hover, .upload-control .upload-control-browse.hover {
  973.     background-color: #e34b3d;
  974.     background-image: url("../img/form-button-hover-bg.png");
  975.     border-color: #688296;
  976.     color: white;
  977.     text-shadow: 0 -1px 1px #688296;
  978. }
  979. .upload-control span.uploading {
  980.     background: url("../img/ajax-loader-small.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
  981.     padding-left: 20px;
  982. }
  983. .upload-control .upload-control-upload.upload-control-upload-single {
  984.     border-radius: 5px;
  985. }
  986. .morris-hover {
  987.     position: absolute;
  988.     z-index: 1000;
  989. }
  990. .morris-hover.morris-default-style {
  991.     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  992.     border: 2px solid rgba(230, 230, 230, 0.8);
  993.     border-radius: 10px;
  994.     color: #666;
  995.     font-family: sans-serif;
  996.     font-size: 12px;
  997.     padding: 6px;
  998.     text-align: center;
  999. }
  1000. .morris-hover.morris-default-style .morris-hover-row-label {
  1001.     font-weight: bold;
  1002.     margin: 0.25em 0;
  1003. }
  1004. .morris-hover.morris-default-style .morris-hover-point {
  1005.     margin: 0.1em 0;
  1006.     white-space: nowrap;
  1007. }
  1008. .am-header, .am-header-line, .am-layout, .am-body {
  1009.     background: none repeat scroll 0 0 #dbdbdb;
  1010. }
  1011. .am-info {
  1012.     background: none repeat scroll 0 0 #b39964;
  1013. }
  1014. #menu-add-renew, #member-main-unsubscribe-head, #member-main-unsubscribe {
  1015.     display: none;
  1016. }
  1017. #member-main-subscriptions-head, #member-main-links-head, #member-main-resources-head {
  1018.     color: transparent;
  1019. }
  1020. #member-main-subscriptions-head:before {
  1021.     color: #303030;
  1022.     content: "Aktive Abonnements";
  1023. }
  1024. #member-main-links-head:before {
  1025.     color: #303030;
  1026.     content: "Nützliche Links";
  1027. }
  1028. #member-main-resources-head:before {
  1029.     color: #303030;
  1030.     content: "Aktive Ressourcen";
  1031. }
  1032. h1, h2, h3, h4, h5, h6 {
  1033.     font-family: "Oswald",sans-serif !important;
  1034. }
  1035. .boss-title {
  1036.     color: #b39964 !important;
  1037.     font-size: 200% !important;
  1038.     margin: 0 !important;
  1039.     padding: 20px 2.5% !important;
  1040.     text-transform: uppercase !important;
  1041. }
  1042. .am-body {
  1043.     background: none repeat scroll 0 0 #222 !important;
  1044. }
  1045. .am-layout-two-coll {
  1046.     background: none repeat scroll 0 0 #333 !important;
  1047.     border: 1px dashed rgba(179, 153, 100, 0.5) !important;
  1048.     border-radius: 0 !important;
  1049.     box-shadow: none !important;
  1050. }
  1051. .am-coll-left, .am-coll-right {
  1052.     float: none !important;
  1053.     margin: 0 auto !important;
  1054.     text-align: center !important;
  1055. }
  1056. .am-layout-two-coll {
  1057.     padding: 20px 0;
  1058. }
  1059. .am-form, .am-login-form {
  1060.     background: none repeat scroll 0 0 #222 !important;
  1061.     border: 1px dashed rgba(179, 153, 100, 0.5) !important;
  1062. }
  1063. .logcard {
  1064.     background: none repeat scroll 0 0 #222 !important;
  1065.     border-radius: 0 !important;
  1066. }
  1067. .logcard > fieldset > legend {
  1068.     border: 0 none;
  1069.     border-radius: 0 !important;
  1070.     color: #222 !important;
  1071.     font-family: "Oswald",sans-serif !important;
  1072.     margin-bottom: 10px;
  1073. }
  1074. .logcard > fieldset > div.row {
  1075.     background: none repeat scroll 0 0 #222 !important;
  1076. }
  1077. .logcard > fieldset > div.row > div.element-title > label {
  1078.     color: #b39964;
  1079. }
  1080. .logcard > fieldset > div.row > div.element > input {
  1081.     background: none repeat scroll 0 0 #333 !important;
  1082.     border: 1px solid #b39964 !important;
  1083.     border-radius: 0 !important;
  1084.     color: #e7e7e7 !important;
  1085. }
  1086. .logcard > fieldset > div.row > div.element > input[type="submit"] {
  1087.     background: none repeat scroll 0 0 #b39964 !important;
  1088.     border-radius: 2px !important;
  1089.     color: #fff !important;
  1090.     font-weight: bold;
  1091.     text-shadow: 1px 1px rgb(129, 103, 50) !important;
  1092.     transition: background 0.2s ease 0s;
  1093. }
  1094. .logcard > fieldset > div.row > div.element > input[type="submit"]:hover {
  1095.     background: none repeat scroll 0 0 rgb(159, 133, 80) !important;
  1096.     transition: background 0.4s ease 0s;
  1097. }
  1098. .logcard > fieldset > div.row > div.element > input[type="submit"]:active {
  1099.     background: none repeat scroll 0 0 rgb(159, 133, 80) !important;
  1100.     transition: background 0.2s ease 0s;
  1101. }
  1102. .am-signup-link {
  1103.     color: rgba(255, 255, 255, 0.3) !important;
  1104.     margin: 0;
  1105.     padding: 10px 0;
  1106. }
  1107. .am-signup-link > a:link {
  1108.     color: rgb(159, 133, 80) !important;
  1109. }
  1110. .am-signup-link > a:visited {
  1111.     color: rgb(159, 133, 80) !important;
  1112. }
  1113. .am-signup-link > a:hover {
  1114.     color: rgb(209, 183, 130) !important;
  1115. }
  1116. .am-signup-link > a:active {
  1117.     color: rgb(209, 183, 130) !important;
  1118. }
  1119. @media all and (max-width: 480px) {
  1120. form.logcard {
  1121.     text-align: center !important;
  1122. }
  1123. .logcard > fieldset > div.row > div.element-title {
  1124.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  1125. }
  1126. .am-form, .am-login-form {
  1127. }
  1128. .am-layout-two-coll, div.am-tabs-wrapper > ul.am-tabs {
  1129.     margin: 0 auto !important;
  1130.     width: 99% !important;
  1131. }
  1132. }
  1133. @media all and (min-width: 481px) and (max-width: 768px) {
  1134. .am-layout-two-coll, div.am-tabs-wrapper > ul.am-tabs {
  1135.     margin: 0 auto !important;
  1136.     width: 90% !important;
  1137. }
  1138. .am-coll-left, .am-coll-right {
  1139.     width: 70% !important;
  1140. }
  1141. }
  1142. @media all and (min-width: 769px) {
  1143. .am-layout-two-coll, div.am-tabs-wrapper > ul.am-tabs {
  1144.     margin: 0 auto !important;
  1145.     width: auto;
  1146. }
  1147. }
  1148. .index-box {
  1149.     background: none repeat scroll 0 0 #333 !important;
  1150.     border: 1px dashed rgba(179, 153, 100, 0.5) !important;
  1151.     border-radius: 0 !important;
  1152.     box-shadow: none !important;
  1153.     color: #b39964;
  1154.     font-size: 125%;
  1155.     margin: 0 auto;
  1156.     padding: 40px 0;
  1157.     width: 50%;
  1158. }
  1159. .index-box > a:link {
  1160.     color: rgb(159, 133, 80) !important;
  1161.     font-weight: bold;
  1162.     transition: color 0.4s ease 0s;
  1163. }
  1164. .index-box > a:visited {
  1165.     color: rgb(159, 133, 80) !important;
  1166.     font-weight: bold;
  1167.     transition: color 0.4s ease 0s;
  1168. }
  1169. .index-box > a:active {
  1170.     color: rgb(209, 183, 130) !important;
  1171.     font-weight: bold;
  1172.     transition: color 0.4s ease 0s;
  1173. }
  1174. .index-box > a:hover {
  1175.     color: rgb(209, 183, 130) !important;
  1176.     font-weight: bold;
  1177.     transition: color 0.4s ease 0s;
  1178. }
  1179. .index-container {
  1180.     margin-top: 50px;
  1181. }
  1182. .centered {
  1183.     min-height: 100vh !important;
  1184. }
  1185. div.am-signup {
  1186.     margin: 0 auto !important;
  1187.     padding-bottom: 3em;
  1188. }
  1189. div.am-signup > div.am-form {
  1190.     margin-bottom: 0;
  1191. }
  1192. div.am-signup > div.am-form > form.am-signup-form {
  1193.     border-radius: 0 !important;
  1194. }
  1195. div.am-signup > div.am-form > form.am-signup-form > fieldset > legend {
  1196.     color: #222 !important;
  1197. }
  1198. @media all and (max-width: 480px) {
  1199. .am-signup {
  1200.     text-align: center;
  1201.     width: 95% !important;
  1202. }
  1203. div.am-signup > div.am-form > form.am-signup-form {
  1204.     text-align: center;
  1205. }
  1206. }
  1207. @media all and (min-width: 481px) and (max-width: 768px) {
  1208. .am-signup {
  1209.     width: 90% !important;
  1210. }
  1211. }
  1212. @media all and (min-width: 769px) and (max-width: 1024px) {
  1213. .am-signup {
  1214.     width: 85% !important;
  1215. }
  1216. }
  1217. @media all and (min-width: 1025px) {
  1218. .am-signup {
  1219.     width: 75% !important;
  1220. }
  1221. }
  1222. div.am-info {
  1223.     background-color: #333 !important;
  1224.     border: 1px dashed #b39964;
  1225.     border-radius: 0;
  1226. }
  1227. div.am-info > a:link {
  1228.     color: #b39964;
  1229.     text-decoration: none;
  1230. }
  1231. div.am-info > a:hover {
  1232.     color: #b39964;
  1233.     text-decoration: underline;
  1234. }
  1235. div.am-info > a:visited {
  1236.     color: #b39964;
  1237. }
  1238. div.am-info > a:active {
  1239.     color: #b39964;
  1240. }
  1241. div.am-form > form.am-signup-form > div.row > div.element.group > input[type="submit"] {
  1242.     background: none repeat scroll 0 0 #b39964 !important;
  1243.     border: 1px solid rgb(159, 133, 80);
  1244.     border-radius: 2px !important;
  1245.     color: #fff !important;
  1246.     font-weight: bold;
  1247.     text-shadow: 1px 1px rgb(129, 103, 50) !important;
  1248.     transition: background 0.2s ease 0s;
  1249.     width: 200px !important;
  1250. }
  1251. div.am-form > form.am-signup-form > div.row > div.element.group > input[type="submit"]:hover {
  1252.     background: none repeat scroll 0 0 rgb(159, 133, 80) !important;
  1253.     transition: background 0.4s ease 0s;
  1254. }
  1255. div.am-form > form.am-signup-form > div.row > div.element.group > input[type="submit"]:active {
  1256.     background: none repeat scroll 0 0 rgb(129, 103, 50) !important;
  1257.     transition: background 0.2s ease 0s;
  1258. }
  1259. .errors, .am-login-errors {
  1260.     border-radius: 0 !important;
  1261. }
  1262. div.am-tabs-wrapper > ul.am-tabs {
  1263.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  1264.     border-color: rgba(179, 153, 100, 0.5) rgba(179, 153, 100, 0.5) -moz-use-text-color !important;
  1265.     border-radius: 0 !important;
  1266.     border-style: dashed dashed none !important;
  1267.     border-width: 1px 1px 0 !important;
  1268.     box-shadow: none !important;
  1269.     margin: 0 auto !important;
  1270.     padding: 0 !important;
  1271. }
  1272. div.am-boss-user {
  1273.     background: none repeat scroll 0 0 #111;
  1274.     color: rgba(255, 255, 255, 0.3) !important;
  1275.     margin-bottom: 0;
  1276.     padding-bottom: 10px;
  1277.     padding-top: 10px;
  1278.     transition: color 0.4s ease 0s;
  1279. }
  1280. div.am-boss-user > p > a:link {
  1281.     color: rgb(159, 133, 80) !important;
  1282.     transition: color 0.4s ease 0s;
  1283. }
  1284. div.am-boss-user > p > a:visited {
  1285.     color: rgb(159, 133, 80) !important;
  1286.     transition: color 0.4s ease 0s;
  1287. }
  1288. div.am-boss-user > p > a:hover {
  1289.     color: rgb(209, 183, 130) !important;
  1290.     transition: color 0.4s ease 0s;
  1291. }
  1292. div.am-boss-user > p > a:active {
  1293.     color: rgb(209, 183, 130) !important;
  1294.     transition: color 0.4s ease 0s;
  1295. }
  1296. div.am-tabs-wrapper > ul.am-tabs > li {
  1297.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  1298.     margin: 0 !important;
  1299. }
  1300. div.am-tabs-wrapper > ul.am-tabs > li.active {
  1301.     background: none repeat scroll 0 0 rgb(159, 133, 80) !important;
  1302. }
  1303. div.am-tabs-wrapper > ul.am-tabs > li.active > a {
  1304.     color: #222;
  1305.     font-weight: bold;
  1306. }
  1307. div.am-tabs-wrapper > ul.am-tabs > li > a {
  1308.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  1309.     border: 0 none;
  1310.     border-radius: 0;
  1311.     box-shadow: none;
  1312.     text-shadow: none;
  1313. }
  1314. div.am-tabs-wrapper > ul.am-tabs > li.normal > a {
  1315.     color: #e7e7e7;
  1316.     text-shadow: 1px 1px 1px #222;
  1317.     transition: color 0.4s ease 0s;
  1318. }
  1319. div.am-tabs-wrapper > ul.am-tabs > li.normal > a:hover {
  1320.     color: rgb(179, 153, 100);
  1321.     text-shadow: 1px 1px 1px #222;
  1322.     transition: color 0.4s ease 0s;
  1323. }
  1324. div#am-block-active-subscriptions, div#am-block-payments, div.cancel-subscription-popup {
  1325.     background: none repeat scroll 0 0 #222 !important;
  1326.     border: 1px dashed rgba(179, 153, 100, 0.5) !important;
  1327.     color: #fff;
  1328.     margin: 0 auto 20px !important;
  1329.     text-align: start !important;
  1330.     width: 95% !important;
  1331. }
  1332. div#am-block-active-subscriptions > h2, div#am-block-payments > h2, div.cancel-subscription-popup > h2 {
  1333.     background: none repeat scroll 0 0 #b39964 !important;
  1334.     color: #222 !important;
  1335.     padding: 5px !important;
  1336. }
  1337. div.am-active-invoice {
  1338.     border-color: rgba(159, 133, 80, 0.2) -moz-use-text-color -moz-use-text-color !important;
  1339.     border-left: 0 none !important;
  1340.     border-right: 0 none !important;
  1341.     border-style: dotted none none !important;
  1342.     border-width: 1px 0 0 !important;
  1343.     margin-bottom: 0 !important;
  1344. }
  1345. div.am-active-invoice > div.am-active-invoice-header > span.am-active-invoice-num {
  1346.     color: #b39964 !important;
  1347. }
  1348. div.grid-container {
  1349.     border: 0 none !important;
  1350.     box-shadow: none !important;
  1351. }
  1352. div.grid-container > table > tbody > tr > td {
  1353.     background: none repeat scroll 0 0 rgb(225, 219, 166) !important;
  1354.     color: #222 !important;
  1355. }
  1356. div.grid-container > table > tbody > tr > td, div.grid-container > table > tbody > tr > th {
  1357.     border-color: rgb(159, 133, 80);
  1358. }
  1359. div.grid-container > table > tbody > tr.odd > td {
  1360.     background: none repeat scroll 0 0 rgb(255, 249, 196) !important;
  1361. }
  1362. @media all and (max-width: 600px) {
  1363. div.grid-container > table.grid, div.grid-container > table.am-member-payment-history {
  1364.     display: block !important;
  1365.     overflow-x: auto !important;
  1366. }
  1367. div.grid-container {
  1368. }
  1369. .am-member-payment-history-items, .am-member-payment-history-paysys {
  1370.     display: table-cell !important;
  1371. }
  1372. }
  1373. div.am-layout-two-coll > div.am-form {
  1374.     border: 0 none !important;
  1375. }
  1376. div.am-layout-two-coll > div.am-form > form#profile {
  1377.     border-radius: 0 !important;
  1378. }
  1379. div.am-layout-two-coll > div.am-form > form#profile > div.row > div.element > input[type="submit"] {
  1380.     background: none repeat scroll 0 0 #b39964 !important;
  1381.     border: 1px solid rgb(159, 133, 80);
  1382.     border-radius: 2px !important;
  1383.     color: #fff !important;
  1384.     font-weight: bold;
  1385.     text-shadow: 1px 1px rgb(129, 103, 50) !important;
  1386.     transition: background 0.2s ease 0s;
  1387.     width: 200px !important;
  1388. }
  1389. div.am-layout-two-coll > div.am-form > form#profile > div.row > div.element > input[type="submit"]:hover {
  1390.     background: none repeat scroll 0 0 rgb(159, 133, 80) !important;
  1391.     transition: background 0.4s ease 0s;
  1392. }
  1393. div.am-layout-two-coll > div.am-form > form#profile > div.row > div.element > input[type="submit"]:active {
  1394.     background: none repeat scroll 0 0 rgb(129, 103, 50) !important;
  1395.     transition: background 0.2s ease 0s;
  1396. }
  1397. @media all and (max-width: 499px) {
  1398. div.am-form > form#profile {
  1399.     text-align: center;
  1400. }
  1401. }
  1402. div.am-form > form#profile > fieldset > legend {
  1403.     color: #222 !important;
  1404. }
  1405. div.dash-cont {
  1406.     background: none repeat scroll 0 0 #222 !important;
  1407.     border: 1px dashed rgba(179, 153, 100, 0.5) !important;
  1408.     color: #fff;
  1409.     margin: 0 auto 20px !important;
  1410.     text-align: start !important;
  1411.     width: 95% !important;
  1412. }
  1413. div.dash-cont > h2 {
  1414.     background: none repeat scroll 0 0 #b39964 !important;
  1415.     color: #222 !important;
  1416.     padding: 5px !important;
  1417. }
  1418. div.dash-cont > div.am-block > h3 {
  1419.     color: #b39964;
  1420. }
  1421. div.dash-cont > h2#member-main-subscriptions-head:before, div.dash-cont > h2#member-main-links-head:before, div.dash-cont > h2#member-main-resources-head:before {
  1422.     content: none !important;
  1423. }
  1424. div.dash-cont > div.am-block {
  1425.     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  1426.     border: 0 none;
  1427.     border-radius: 0;
  1428.     box-shadow: none;
  1429.     color: #bbb;
  1430. }
  1431. div.dash-cont > div.am-block > p > a:link, div.dash-cont > div.am-block > ul > li > a:link {
  1432.     color: rgb(159, 133, 80) !important;
  1433.     transition: color 0.4s ease 0s;
  1434. }
  1435. div.dash-cont > div.am-block > p > a:visited, div.dash-cont > div.am-block > ul > li > a:visited {
  1436.     color: rgb(159, 133, 80) !important;
  1437.     transition: color 0.4s ease 0s;
  1438. }
  1439. div.dash-cont > div.am-block > p > a:hover, div.dash-cont > div.am-block > ul > li > a:hover {
  1440.     color: rgb(209, 183, 130) !important;
  1441.     transition: color 0.4s ease 0s;
  1442. }
  1443. div.dash-cont > div.am-block > p > a:active, div.dash-cont > div.am-block > ul > li > a:active {
  1444.     color: rgb(209, 183, 130) !important;
  1445.     transition: color 0.4s ease 0s;
  1446. }
  1447. div.bt-footer {
  1448.     background: none repeat scroll 0 0 #333;
  1449.     border: 1px dashed rgba(179, 153, 100, 0.5) !important;
  1450.     box-sizing: border-box;
  1451.     position: absolute;
  1452.     width: 100%;
  1453. }
  1454. div.bt-footer-nav {
  1455.     float: left;
  1456.     padding: 5px;
  1457. }
  1458. div.bt-footer-act {
  1459.     float: right;
  1460.     padding: 5px;
  1461. }
  1462. div.bt-footer-nav > p {
  1463.     color: rgba(255, 255, 255, 0.2);
  1464. }
  1465. div.bt-footer-nav > p > a {
  1466.     border-left: 1px solid rgba(255, 255, 255, 0.2);
  1467.     padding-left: 5px;
  1468.     padding-right: 5px;
  1469. }
  1470. div.bt-footer-nav > p > a:link, div.bt-footer-act > p > a:link {
  1471.     color: rgb(159, 133, 80) !important;
  1472.     transition: color 0.4s ease 0s;
  1473. }
  1474. div.bt-footer-nav > p > a:visited, div.bt-footer-act > p > a:visited {
  1475.     color: rgb(159, 133, 80) !important;
  1476.     transition: color 0.4s ease 0s;
  1477. }
  1478. .ui-widget-header {
  1479.     background: none repeat scroll 0 0 rgb(209, 183, 130) !important;
  1480.     border: 1px solid rgb(159, 133, 80) !important;
  1481. }
  1482. .ui-state-default .ui-icon {
  1483.     background-image: url("http://members.bosstransformation.com/application/default/views/public/js/jquery/images/ui-icons_222222_256x240.png") !important;
  1484. }
  1485. .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
  1486.     border: 1px solid rgb(159, 133, 80) !important;
  1487. }
  1488. .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  1489.     border: 1px solid rgb(159, 133, 80) !important;
  1490. }
  1491. div#popup-modal > p {
  1492.     color: #222;
  1493.     margin-bottom: 16px;
  1494.     margin-top: 16px;
  1495. }
  1496. div#popup-modal > p:first-child {
  1497.     margin-top: 5px;
  1498. }
  1499. div#popup-modal > div > p {
  1500.     color: #222;
  1501.     margin-bottom: 16px;
  1502.     margin-top: 16px;
  1503. }
  1504. div#popup-modal > div > p:first-child {
  1505.     margin-top: 5px;
  1506. }
  1507. div.centered > p {
  1508.     color: #e7e7e7 !important;
  1509. }
  1510. div > p {
  1511.     color: #e7e7e7;
  1512.     margin: 0;
  1513. }
  1514. form.am-signup-form > div.row {
  1515.     background: none repeat scroll 0 0 #333;
  1516.     color: #e0e0e0;
  1517. }
  1518. form.am-signup-form > fieldset > div.fieldset > div.row {
  1519.     background: none repeat scroll 0 0 #333;
  1520.     color: #e0e0e0;
  1521. }
  1522. form.am-signup-form > fieldset > legend {
  1523.     border: 0 none;
  1524. }
  1525. form.am-signup-form > fieldset > div.fieldset > div.row > div.element-title > label {
  1526.     color: white;
  1527. }
  1528. form.am-signup-form > div.row > div.element-title > label {
  1529.     color: white;
  1530. }
Advertisement
Add Comment
Please, Sign In to add comment