/* For developers: please do not edit .css file directly, edit sass file instead! */
body, html {
  height: 100%;
}

.am-layout {
  font-family: Tahoma, Arial, san-serif;
  color: #303030;
  min-height: 100%;
  margin-bottom: -30px;
  background: url("../img/layout-bg.png") repeat-y top center #ededed;
}
.am-layout h1 {
  font-size: 150%;
  font-weight: normal;
  color: #333;
  margin-bottom: 1em;
}
.am-layout h2 {
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 0.8em;
}
.am-layout a {
  color: #3f7fb0;
}
.am-layout p {
  padding-bottom: 0.5em;
}
.am-layout strong {
  font-weight: bold;
}
.am-layout hr {
  background-color: #dbdbdb;
  border: 0;
  width: 100%;
  height: 1px;
}
.am-layout div.errors ul, .am-layout ul.error, .am-layout ul.errors {
  background: #fcbdbd;
  border: 1px solid #faa7a7;
  color: #ba2727;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1em;
}
.am-layout div.errors ul li, .am-layout ul.error li, .am-layout ul.errors li {
  margin-left: 0px;
  padding: 0.5em 1em;
  list-style: none;
  text-align: left;
}
.am-layout .errmsg {
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 90%;
  background-color: red;
  border: #c00 1px solid;
  margin: 5px 0px 5px 0px;
}
.am-layout .errmsg td {
  padding: 5px 50px 5px 5px;
  font-weight: bold;
}
.am-layout .errmsg td li {
  list-style: square;
}

.am-main {
  /* applies to am-header-content/am-body-content-wrapper/am-footer-content-wrapper */
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  text-align: left;
  width: 90%;
  max-width: 800px;
}

.am-header {
  text-align: center;
  overflow: hidden;
  background: url("../img/header-bg.png") repeat-x top left;
}
.am-header .am-header-content-wrapper {
  border-color: #688296;
  border-width: 0 1px;
  border-style: solid;
  background: url("../img/header-wrapper-bg.png") repeat-x top left #355873;
}
.am-header .am-header-content {
  padding: 10px 0;
  overflow: hidden;
}
.am-header .am-header-content .am-header-content-logo {
  float: left;
  margin-right: 1em;
}

.am-header-line {
  height: 12px;
  background: #9c9c9c;
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #ebebeb;
}

.am-body {
  background: url("../img/body-bg.png") repeat-x left top #ededed;
  text-align: center;
}
.am-body .am-body-content-wrapper {
  border-color: #dbdbdb;
  border-width: 0 1px;
  border-style: solid;
  text-align: left;
  background: white;
  padding-bottom: 50px;
  padding-top: 1em;
}
.am-body .am-body-content-wrapper .am-signup-link {
  text-align: center;
  margin-top: 1em;
}

.am-footer {
  text-align: center;
  color: #919191;
  /* padding: 0.5em 2em 0.5em 1em; */
  height: 30px;
}
.am-footer .am-footer-content-wrapper {
  background: #325069;
  color: white;
  height: 30px;
}
.am-footer .am-footer-content {
  padding-top: 0.5em;
}
.am-footer .am-footer-content a {
  color: white;
}
.am-footer .am-footer-actions {
  float: right;
}

@media all and (max-width: 500px) {
  .am-member-payment-history-items {
    display: none;
  }
}
@media all and (max-width: 600px) {
  .am-member-payment-history-paysys {
    display: none;
  }
}
.am-breadcrumbs {
  overflow: hidden;
  padding-bottom: 1em;
}
.am-breadcrumbs .am-breadcrumbs-item {
  float: left;
  margin-right: 0.5em;
}
.am-breadcrumbs .am-breadcrumbs-separator {
  float: left;
  margin-right: 0.5em;
}

/* Grid */
.check-all-offer {
  background-color: #ffc;
  padding: 0.5em;
  border: 1px solid white;
  border-bottom: none;
}

.filter-wrap {
  color: #333;
  background: #dbdbdb;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 0.5em;
  text-align: right;
  margin-bottom: 1em;
  box-shadow: 0 1px 1px #b0b0b0;
  overflow: hidden;
}
.filter-wrap .filter-title {
  float: right;
  margin-right: 1em;
  line-height: 2em;
}
.filter-wrap .filter-inputs {
  float: right;
  margin-right: 0.5em;
  text-align: left;
}
.filter-wrap .filter-button {
  float: right;
  text-align: left;
}
.filter-wrap form.filter input[type=text] {
  background-image: url("../img/icons/magnify.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 25px;
}
.filter-wrap form.filter input[type=text].datepicker {
  background-image: url("../img/icons/calendar.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 25px;
}

.group-wrap, .norecord-actions {
  margin-bottom: 1em;
}

.grid-container {
  border: 1px solid #a1a1a1;
  box-shadow: 0 4px 8px #d6d6d6;
  margin-bottom: 1em;
  overflow: auto;
}

.grid {
  width: 100%;
}
.grid tr.odd td {
  background-color: #d3dce3;
}
.grid tr.odd td.sorted {
  background-color: #bed4e2;
}
.grid tr.selected {
  background: url("../img/admin/grid-row-selected-bg.png") repeat-x left top;
}
.grid tr.selected td {
  background: none !important;
}
.grid td {
  padding: 0.5em;
  border: 1px solid white;
  vertical-align: top;
}
.grid th {
  padding: 0.5em;
  border: 1px solid white;
  background: url("../img/admin/grid-header-bg.png") repeat-x top left;
  color: white;
  text-shadow: 0 -1px 1px #1e2e3b;
}
.grid th a {
  padding-right: 20px;
  display: block;
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px 1px #1e2e3b;
  background: url("../img/admin/sortable.png") no-repeat right center;
}
.grid th a.sorted-asc {
  background: url("../img/admin/asc.png") no-repeat right center;
}
.grid th a.sorted-desc {
  background: url("../img/admin/desc.png") no-repeat right center;
}
.grid td {
  background: #ededed;
}
.grid td.sorted {
  background: #d9e6ee;
}
.grid td.actions {
  text-align: center;
}
.grid td.record-sort {
  background-image: url("../img/sortable.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: move;
}
.grid td.expandable-data {
  background: #eef;
}
.grid td.expanded {
  background: #eef !important;
  border-bottom-color: #eef;
}
.grid td.expandable {
  cursor: pointer;
}
.grid td.expandable div.arrow {
  display: inline-block;
  width: 7px;
  height: 5px;
  overflow: hidden;
  float: right;
  margin: 0px;
  padding-left: 10px;
  background: url("../img/arrow.png") no-repeat right;
}
.grid .editable {
  display: inline-block;
  width: 8px;
  height: 8px;
  overflow: hidden;
  float: right;
  margin: 0px;
  padding-left: 10px;
  background: url("../img/pencil.png") no-repeat right;
}
.grid .disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
}
.grid th.required {
  color: #ba2727;
  text-shadow: none;
}
.grid tr.grid-row:hover td {
  background-color: #bed4e2 !important;
}
.grid td.selected {
  background: #d9e6ee !important;
}
.grid.grid-small {
  font-size: 80%;
}
.grid .grid-total {
  text-align: right;
}

/* END Grid */
/* logged-in as "xxx" text */
.am-user-identity-block {
  background: url("../img/identity-glyph.png") no-repeat left center;
  font-weight: bold;
  padding-top: 0.4em;
  padding-left: 25px;
  line-height: 19px;
  margin-bottom: 1em;
}
.am-user-identity-block a {
  text-decoration: none;
}

/* two column layout, used for login/sendpass on login and signup page */
.am-layout-two-coll {
  overflow: hidden;
  border: 1px solid #d9d9d9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 1px 3px #e3e3e3;
  background-color: #f5f5f5;
}
@media all and (min-width: 750px) {
  .am-layout-two-coll {
    background: url("../img/two-coll-divider-middel.png") repeat-y top center whitesmoke;
  }
}
.am-layout-two-coll .am-layout-two-coll-bottom {
  clear: both;
  height: 20px;
  background-color: #f5f5f5;
}
@media all and (min-width: 750px) {
  .am-layout-two-coll .am-layout-two-coll-bottom {
    background: url("../img/two-coll-divider-bottom.png") repeat-y top center;
  }
}
.am-layout-two-coll .am-layout-two-coll-top {
  clear: both;
  height: 20px;
  background-color: #f5f5f5;
}
@media all and (min-width: 750px) {
  .am-layout-two-coll .am-layout-two-coll-top {
    background: url("../img/two-coll-divider-top.png") repeat-y top center;
  }
}
@media all and (min-width: 750px) {
  .am-layout-two-coll .am-coll-left,
  .am-layout-two-coll .am-coll-right {
    float: left;
    width: 50%;
  }
}
.am-layout-two-coll .am-coll-left .am-coll-content {
  margin: 0 1em;
}
.am-layout-two-coll .am-coll-right .am-coll-content {
  margin: 0 1em;
}

/* Pagination */
.am-pagination {
  clear: both;
  font-size: 100%;
  padding: 0.5em 0;
  margin: 0.5em 0;
}
.am-pagination a {
  text-decoration: none;
  border: solid 1px #91aabd;
  color: #5e6e7a;
  background: #d3dce3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0 -1px 1px #fff;
}
.am-pagination a, .am-pagination span {
  padding: 0.3em 0.6em;
  margin-right: 5px;
  margin-bottom: 5px;
  font-weight: bold;
}
.am-pagination .am-pagination-current {
  background: #8fabbd;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #91aabd;
  text-shadow: 0 -1px 1px #596d7d;
}
.am-pagination .am-pagination-current.am-pagination-prev,
.am-pagination .am-pagination-current.am-pagination-next {
  color: #afb5ba;
  border-color: #cad3db;
  background: #e3e6e8;
  text-shadow: none;
}

/* Tabs - user member area menu */
.am-tabs {
  /* second-level tabs */
}
.am-tabs > ul {
  color: #333;
  background: #dbdbdb;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 0 0.5em 0.5em 0.5em;
  text-align: right;
  margin: 0;
  margin-bottom: 1em;
  box-shadow: 0 1px 1px #b0b0b0;
  overflow: hidden;
}
.am-tabs > ul > li {
  margin-top: 0.5em;
}
.am-tabs > ul li {
  display: inline-block;
  float: left;
  margin-right: 0.5em;
  white-space: nowrap;
}
.am-tabs > ul a {
  display: block;
  background: url("../img/admin/form-button-bg.png") repeat-x top left #e8e8e8;
  border: 1px solid #ccc;
  padding: 0.5em 1em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #555960;
  text-shadow: 0 -1px 1px #c7c8c9;
  text-decoration: none;
}
.am-tabs > ul li.active > a, .am-tabs > ul li.normal a:hover {
  border-color: #c7665b;
  background-image: url("../img/admin/form-button-hover-bg.png");
  background-color: #e34b3d;
  color: white;
  text-shadow: 0 -1px 1px #c43d33;
}
.am-tabs > ul li.active > a {
  font-weight: bold;
}
.am-tabs > ul li.disabled a {
  color: #ccc;
  text-shadow: none;
}
.am-tabs li ul {
  z-index: 5;
  display: none;
  position: absolute;
  margin: 0;
}
.am-tabs li ul li {
  display: block;
  float: none;
  text-align: left;
}
.am-tabs ul li:hover > ul {
  display: block;
}
.am-tabs div.arrow {
  position: relative;
  width: 7px;
  height: 5px;
  overflow: hidden;
  float: right;
  margin: 5px;
  margin-right: 0;
  background: url("../img/arrow.png") no-repeat left;
  z-index: 15;
}
.am-tabs a:hover div.arrow,
.am-tabs li.active div.arrow {
  background-image: url("../img/arrow-white.png");
}

/* END Tabs */
/* Receipt table from thanks.phtml */
.am-receipt {
  border: 1px solid #c2c2c2;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1em;
  padding: 0.5em;
  border-collapse: collapse;
}
.am-receipt table {
  width: 100%;
}
.am-receipt td {
  background-color: #ededed;
  padding: 0.5em;
  border: 1px solid white;
}
.am-receipt th {
  font-weight: bold;
  padding: 0.5em;
}
.am-receipt td.am-receipt-total {
  background-color: #d3dce3;
}
.am-receipt td.am-receipt-terms {
  background: none;
}
.am-receipt td.am-receipt-indent {
  background: none;
}
.am-receipt .am-receipt-row-delimiter td {
  background: none;
}
.am-receipt .am-receipt-price {
  width: 20%;
  text-align: right;
}
.am-receipt .am-receipt-unit-price {
  width: 20%;
  text-align: right;
}
.am-receipt .am-receipt-qty {
  width: 10%;
  text-align: right;
}
.am-receipt .am-receipt-discounted-price {
  text-decoration: line-through;
  color: red;
}

/* Common Form Elements */
a.button {
  display: inline-block;
  text-decoration: none;
}

a.button,
input[type=button],
input[type=submit] {
  background: url("../img/admin/form-button-bg.png") repeat-x top left #e8e8e8;
  border: 1px solid #ccc;
  padding: 0.4em 1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #555960;
  text-shadow: 0 -1px 1px #c7c8c9;
}

a.button:hover,
a.button.active,
input[type=button]:hover,
input[type=submit]:hover,
input[type=button].active,
input[type=submit].active {
  border-color: #c7665b;
  background-image: url("../img/admin/form-button-hover-bg.png");
  background-color: #e34b3d;
  color: white;
  text-shadow: 0 -1px 1px #c43d33;
}

input[type=button]:disabled,
input[type=submit]:disabled {
  color: #ccc;
  border: 1px solid #ccc;
  background: url("../img/admin/form-button-bg.png") repeat-x top left #e8e8e8;
  text-shadow: none;
}

select,
textarea,
input[type=text],
input[type=password] {
  padding: 0.4em;
  border: 1px solid #c2c2c2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

textarea:focus,
input[type=text]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=password]:focus {
  background-color: #fcda72;
  border-color: #c49f2f;
}

textarea.error,
input.error {
  background-color: #fce6e6;
  border-color: #fc8181;
}

/* END Common Form Elements */
/* Form*/
.am-form {
  margin-bottom: 1em;
  /* support for form elements without the label */
  /* support for wide elements */
  /* Error message label on signup page */
}
.am-form form {
  border: 1px solid #ededed;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 1px 1px #b0b0b0;
  background: #fff;
  margin: 0;
  padding: 0;
  text-align: left;
}
.am-form fieldset {
  display: block;
}
.am-form fieldset legend {
  width: 100%;
  font-family: Arial;
  font-size: 120%;
  color: #fff;
  white-space: nowrap;
  display: block;
  padding: 0.5em 0;
  background: url("../img/admin/form-legend-bg.png") repeat-x left top;
  text-shadow: 0 -1px 1px #243745;
  border-bottom: 1px solid #fff;
  z-index: -1;
  text-indent: 0.8em;
}
.am-form fieldset legend a {
  color: white;
  text-decoration: none;
  border-bottom: 1px dashed white;
  padding-bottom: 2px;
}
.am-form div.reqnote {
  clear: both;
  font-size: 80%;
  margin: 0.5em 0 0 1em;
}
.am-form div.row {
  clear: both;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
}
.am-form div.element-title {
  padding: 1em 0.5em;
}
@media all and (min-width: 500px) {
  .am-form div.element-title {
    width: 35%;
    float: left;
    text-align: right;
  }
}
.am-form div.element-title label {
  font-weight: bold;
  color: #555;
}
.am-form div.element {
  padding: 1em 0.5em;
  padding-left: 1.5em;
}
@media all and (min-width: 500px) {
  .am-form div.element {
    padding: 1em 1em 1em 0.5em;
    margin-left: 35%;
  }
}
.am-form div.row.no-label div.element-title {
  width: 0;
  display: none;
}
.am-form div.row.no-label div.element {
  margin: 0;
  padding: 1em 1em 0.5em 1em;
}
.am-form div.row.no-label div.element div, .am-form div.row.no-label div.element span {
  margin-left: 0;
}
.am-form div.row.row-wide .element-title {
  float: none;
  width: 100%;
  text-align: left;
  padding: 1em 0 0 1em;
}
.am-form div.row.row-wide .element {
  margin: 0;
  padding: 1em;
}
.am-form div.row.row-wide .element div, .am-form div.row.row-wide .element span {
  margin-left: 0;
}
.am-form span.error,
.am-form span.required {
  color: #ba2727;
}
.am-form span.error {
  display: block;
}
.am-form fieldset:first-child legend:first-child {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.am-form textarea {
  overflow: auto;
}
.am-form input,
.am-form select,
.am-form textarea {
  padding: 0.4em;
  margin-top: -0.4em;
}

.am-form input[type=checkbox] {
  margin-top: 0.4em;
}
.am-form input[type=submit],
.am-form input[type=button] {
  padding: 0.4em 1em;
  margin-left: 0.5em;
}
.am-form input[type=checkbox],
.am-form input[type=radio] {
  margin-right: 0.5em;
}
.am-form span.required {
  color: red;
}
.am-form label.error {
  border: none;
  display: block;
  /* display error on new line */
  padding-left: 3px;
  color: red;
  font-style: italic;
  font-weight: normal;
}
.am-form input.error, .am-form textarea.error, .am-form select.error {
  border: 2px solid red;
}
.am-form input.datepicker, .am-form input[type=text].datepicker {
  background-image: url("../img/icons/calendar.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 25px;
}
.am-form input[type=checkbox] {
  margin-top: 0.4em;
}
.am-form input[type=submit], .am-form input[type=button] {
  padding: 0.4em 1em;
  margin-left: 0.5em;
}
.am-form input[type=checkbox], .am-form input[type=radio] {
  margin-right: 0.5em;
}
.am-form span.mceEditor {
  display: block;
}

/* language choice select */
.am-lang-choice {
  float: right;
}

/* Form Login */
.am-signup-login-form-container {
  z-index: 150;
  position: absolute;
  margin: 0 auto;
  width: 754px;
  background-color: white;
  border: solid 3px #ccc;
  padding: 20px;
}

.am-login-form,
.am-sendpass-form {
  margin-bottom: 1em;
}

.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] {
  background-image: url("../img/icons/users.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 30px;
}
.am-login-form input[name=amember_pass], .am-sendpass-form input[name=amember_pass] {
  background-image: url("../img/icons/key.png");
  background-repeat: no-repeat;
  background-position: 5px center;
  padding-left: 30px;
}

/* END Form Login */
.agreement {
  font-size: 8pt;
  white-space: pre-wrap;
  max-height: 300px;
  overflow: auto;
}

#mask {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: #CCC;
  width: 100%;
  height: 100%;
  zoom: 1;
}

.cancel-paysystems {
  width: 40%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.am-active-invoice {
  margin-bottom: 10px;
  border-bottom: solid 1px gray;
}
.am-active-invoice .am-active-invoice-header {
  font-weight: bold;
  display: inline;
}
.am-active-invoice .am-active-invoice-terms {
  font-style: italic;
  display: inline;
}
.am-active-invoice .am-active-invoice-cancel {
  font-style: italic;
  display: inline;
  color: gray;
}
.am-active-invoice .am-active-invoice-product {
  color: gray;
  margin-left: 20px;
}
.am-active-invoice .am-active-invoice-product-list {
  margin-left: 2em;
}
.am-active-invoice .am-active-invoice-product-list li {
  list-style-type: none;
}
.am-list {
  margin-bottom: 1em;
  margin-left: 2em;
}
.am-list li {
  list-style-type: disc;
}

.small {
  font-size: small;
  font-style: italic;
}

.am-product-title {
  font-weight: bold;
}

.am-product-desc {
  font-size: small;
  font-style: italic;
  display: block;
}

.am-paysystem-title {
  font-weight: bold;
}

.am-paysystem-desc {
  font-size: small;
  font-style: italic;
  display: block;
}

.ajax-link, .local-link {
  text-decoration: none;
  border-bottom: 1px dashed #3f7fb0;
}

.am-reuse-card-confirmation {
  font-size: large;
}

.am-thanks-awaiting-refresh {
  margin-top: 20px;
  color: gray;
}

.am-form div.am-element-recaptcha {
  margin-left: 0;
  padding: 0;
}

/* icons */
.glyph {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("../img/sprite/icon.png");
  background-repeat: no-repeat;
  background-position: left center;
}

.am-switch-reveal span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: -24px;
  cursor: pointer;
  vertical-align: middle;
}

/* outline a block in member area */
.am-block {
  color: #666;
  background: #fff;
  border: 1px solid #e0e0e0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1em;
  padding: 1em;
  box-shadow: 0 1px 1px #e0e0e0;
}
.am-block li {
  list-style-type: none;
  margin-bottom: 0.3em;
}

/* am-info is a notice on page with border and outlined by color */
.am-info {
  background: #dfe8f0;
  border: 1px solid #ccddeb;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 1em;
  padding: 0.5em 1em;
}

.am-popup {
  position: absolute;
  margin: 0 auto;
  text-align: center;
  border: solid 2px gray;
  background-color: #f9f9f9;
  padding: 15px;
  text-align: left;
  z-index: 150;
  display: none;
  background-color: white;
  border: solid 3px #ccc;
  padding: 20px;
}
.am-popup .am-popup-close-icon {
  display: inline-block;
  background: url("../img/modal-close.png");
  background-repeat: none;
  width: 17px;
  height: 17px;
  margin: 2px;
  float: right;
  text-decoration: none;
}
.am-popup .am-popup-header {
  font-size: 110%;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0.5em;
}

/* Uploader */
.upload-control {
  display: inline-block;
}
.upload-control .upload-control-upload {
  background: url("../img/admin/form-button-bg.png") repeat-x top left #e8e8e8;
  border: 1px solid #ccc;
  padding: 0.4em 1em;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  color: #555960;
  text-shadow: 0 -1px 1px #c7c8c9;
}
.upload-control .upload-control-upload.upload-control-reupload {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.upload-control .upload-control-browse {
  display: inline-block;
  background: url("../img/admin/form-button-bg.png") repeat-x top left #e8e8e8;
  border: 1px solid #ccc;
  padding: 0.4em 1em;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  color: #555960;
  text-shadow: 0 -1px 1px #c7c8c9;
  cursor: pointer;
}
.upload-control .upload-control-upload.hover, .upload-control .upload-control-browse.hover {
  border-color: #c7665b;
  background-image: url("../img/admin/form-button-hover-bg.png");
  background-color: #e34b3d;
  color: white;
  text-shadow: 0 -1px 1px #c43d33;
}
.upload-control span.uploading {
  background: url("../img/ajax-loader-small.gif") no-repeat left center;
  padding-left: 20px;
}
.upload-control .upload-control-upload.upload-control-upload-single {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* END Uploader */
.morris-hover {
  position: absolute;
  z-index: 1000;
}

.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}








/*  catalyst overides  */

.element-invisible { display: none; }


.am-layout h1 {
  display: inherit;
  font-size: 2em;
  line-height: 1;
  font-weight: bold;
  color: #003366;
}

.am-header-line,
.am-header .am-header-content .am-header-content-logo,
.am-footer-content-wrapper.am-main {
	display: none;
}

.am-header .am-header-content-wrapper {	
	padding-left: 22px;
	padding-right: 20px;
	width: 100%;
	max-width: 960px;
	position: relative;
	background: none;
	border: none;
	height: 116px;
	width: 100%;
}

.am-header {  
	/*background: #005480;	*/
	overflow: visible;
	height: 190px;
	background: url(/member/application/default/themes/u3a/public/img/body-bg.png) repeat-x;	
}

.logo {
	background: url(/member/application/default/themes/u3a/public/img/logo-u3a-2.png) no-repeat;	
	position: absolute;
	left: 17px;
	top: 9px;
	width: 158px;
	height: 95px;
	color: transparent!important;
}

.sitename,
.byline {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


.sitename {
	position: absolute;
	left: 208px;
	top: 36px;
	font-size: 35px;
	font-weight: bold;
	color: #ec0!important;
	text-decoration: none;
}

.sitename:hover {
	text-decoration: underline;
}

.byline {
	position: absolute;
	top: 82px;
	left: 210px;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	word-spacing: 0.1em;
	color: #FFF;
}

.am-form fieldset legend {
	background: #ec0;
	color: #000;
	text-shadow: none;
	font-weight: bold;
}

.am-body,
.am-layout {
	background: #FFF;
}

.am-body .am-body-content-wrapper {
	border: none;	
}








/*login button*/


.user-login {
	position: absolute;
	top: 30px;
	right: 8px;
}

.user-login a {

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-decoration: none;

	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-ms-border-radius: 0.25em;
	-o-border-radius: 0.25em;
	border-radius: 0.25em;
	white-space: nowrap;

	color: #FFF;
	font-size: 15px;
	padding: 5px 25px 5px 25px;
	line-height:20px;

	background-color: #71a31a;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF92BD45', endColorstr='#FF71A31A');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #92bd45), color-stop(50%, #96bf57), color-stop(51%, #74a824), color-stop(100%, #71a31a));
	background-image: -webkit-linear-gradient(top, #92bd45 0%,#96bf57 50%,#74a824 51%,#71a31a 100%);
	background-image: -moz-linear-gradient(top, #92bd45 0%,#96bf57 50%,#74a824 51%,#71a31a 100%);
	background-image: -o-linear-gradient(top, #92bd45 0%,#96bf57 50%,#74a824 51%,#71a31a 100%);
	background-image: linear-gradient(top, #92bd45 0%,#96bf57 50%,#74a824 51%,#71a31a 100%);	
}



.user-login a:hover {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #84ac3d), color-stop(50%, #8ab746), color-stop(51%, #659320), color-stop(100%, #628d16));
	background-image: -webkit-linear-gradient(top, #84ac3d 0%,#8ab746 50%,#659320 51%,#628d16 100%);
	background-image: -moz-linear-gradient(top, #84ac3d 0%,#8ab746 50%,#659320 51%,#628d16 100%);
	background-image: -o-linear-gradient(top, #84ac3d 0%,#8ab746 50%,#659320 51%,#628d16 100%);
	background-image: linear-gradient(top, #84ac3d 0%,#8ab746 50%,#659320 51%,#628d16 100%);
	text-decoration:none;
}





#secondary-menu {
	position: absolute;
	right: 35px;
	left: 545px;
	top: 0;
}

#user-name {
	font-size: 12px;
	position: absolute;
	top: 33px;
	right: 101px;
	z-index: 10;
	color: #FFF;
}

#secondary-menu-links {
	margin: 30px 6px 0;
}

#secondary-menu-links li {
	float: right;
	clear: both;
	margin: 0 0 19px 0;
	list-style-type: none;
}


#secondary-menu-links a {
	padding: 2px 7px;
	font-size:12px;
	line-height: 17px;
}






/*logout button*/

#user-name,
#secondary-menu-links a {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}


#secondary-menu-links .first a {

	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/

	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	-ms-border-radius: 0.25em;
	-o-border-radius: 0.25em;
	border-radius: 0.25em;
	white-space: nowrap;

	color: #FFF;
	font-size:12px;
	font-weight:bold;
	padding: 2px 15px 3px;
	line-height:20px;
	text-decoration: none;

	background: #e67373;
	background-image: -webkit-linear-gradient(top, #e67373, #8f1414);
	background-image: -moz-linear-gradient(top, #e67373, #8f1414);
	background-image: -ms-linear-gradient(top, #e67373, #8f1414);
	background-image: -o-linear-gradient(top, #e67373, #8f1414);
	background-image: linear-gradient(to bottom, #e67373, #8f1414);
}


#secondary-menu-links .first a:hover {
	background: #b84f4f;
	background-image: -webkit-linear-gradient(top, #b84f4f, #9c4141);
	background-image: -moz-linear-gradient(top, #b84f4f, #9c4141);
	background-image: -ms-linear-gradient(top, #b84f4f, #9c4141);
	background-image: -o-linear-gradient(top, #b84f4f, #9c4141);
	background-image: linear-gradient(to bottom, #b84f4f, #9c4141);
	text-decoration:none;
}







/*member lounge button*/

#secondary-menu-links .last a  {
  background: #74b9e8;
  background-image: -webkit-linear-gradient(top, #74b9e8, #4692c2);
  background-image: -moz-linear-gradient(top, #74b9e8, #4692c2);
  background-image: -ms-linear-gradient(top, #74b9e8, #4692c2);
  background-image: -o-linear-gradient(top, #74b9e8, #4692c2);
  background-image: linear-gradient(to bottom, #74b9e8, #4692c2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  color: #ffffff;
  font-size: 15px;
  padding: 5px 25px 5px 25px;
  text-decoration: none;
}

#secondary-menu-links .last a:hover {
  background: #5082a2;
  text-decoration: none;
}







/*main menu - dropdown*/

.block-nice-menus {
	position: absolute;
	top: 116px;
	left: 6px;
    border-bottom: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.block-nice-menus ul li a,
.block-nice-menus ul,
.block-nice-menus ul li,
.block-nice-menus ul li.menuparent {
	background: none;
}

.block-nice-menus * {
    margin: 0;
    padding: 0;
}

.block-nice-menus ul {
    margin: 10px;
    font-size: 16px;
}

.block-nice-menus ul li {
    float: left;
    position: relative;
    padding: 4px 3px!important;
    border-right: solid 1px #bfced7;
    list-style: none;
}

ul.nice-menu li {
	width: auto!important;
	border: none;
	border-right: 1px solid #b6cee1;
}

.block-nice-menus .menuparent a {
	padding: 2px 8px!important;
}

.block-nice-menus ul li.menuparent:hover {
	background-image: none;
	background-color: #E8E8E8;
}

.block-nice-menus ul li a {
    margin: 0 4px;
    padding: 2px 8px;
    color: #333;
    text-decoration: none;
}

.block-nice-menus ul li a.active {
    color: #000;
}

.block-nice-menus ul li a:hover {
    background: #058;
    color: #fff;
    text-decoration: none;
}

/*drop down ul blocks*/
.block-nice-menus ul li ul {
    display: none;
    position: absolute;
    top: 26px;
    left: -1px;
    margin: 0;
    padding: 4px 0;
    border: solid 1px #bfced7;
    border-top: none;
    background: #E8E8E8;
    z-index: 999;
}

.block-nice-menus ul li ul li {
    float: none;
    border: none;
    padding: 4px;
    white-space: nowrap;
}

.block-nice-menus ul li ul li a {
    display: block;
}

.block-nice-menus ul li:hover {
    background: #e8e8e8;
}

.block-nice-menus ul li:hover ul {
    display: block;
}

#row-paysys_id .element label {
/*	display: block; float: left;*/
	display: inline-block;
	width: 300px;
	margin-bottom: 10px;
	padding:2px 10px 2px 44px;
	cursor: pointer;
	background: #ffc;
	border-radius: 4px;
}
/*
BELOW REQUIRES js:
	$("#row-paysys_id .element label:contains('PayPal')").addClass('paypal');
*/
#row-paysys_id .element label.paypal {background: #dfe8f0 url(/member/application/default/themes/u3a/public/img/paypal.png) 4px center no-repeat;}
#row-paysys_id .element label.mail   {background: #ffc    url(/member/application/default/themes/u3a/public/img/mail.png)   4px center no-repeat;}
#row-paysys_id .element label.bank   {background: #ffc    url(/member/application/default/themes/u3a/public/img/bank.png)   4px center no-repeat;}

/* sign up form agreement */
.am-form .element > div.agreement {
	width: 520px;
	height:auto;
	margin: 0 auto !important;
	padding: 10px 20px;
	border-radius: 4px;
	background: #eee;
	font-size: 1em;
}