/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
  margin-bottom: .5em;
}

h2, h3, h4, h5, h6 {
  margin-top: 1.25em;
}

sup {
  top: -5px;
  font-size: 0.7em;
}

.block-system-main ul li {
  list-style-image: url(../images/bullet.png);
  margin-left: 13px;
  padding-left: 5px;
}
.block-system-main ol {
  list-style: decimal;
}
.block-system-main ol li {
  margin-left: 13px;
  padding-left: 5px;
}

.block-system-main table {
  background-color: #e8e8e8;
  border-radius: 3px;
  width: 100%;
  border: 2px solid #e7e7e7;
  border-collapse: collapse;
  border-radius: 5px;
}

.block-system-main table th {
  font-weight: bold;
  padding: 0px 8px;  
}

.block-system-main table td {
  background-color: #f9f9f9;
  border-left: 1px solid #e8e8e8;
  padding: 2px 8px;
}

.block-system-main table td:first-child {
  border-left: none;
}
.block-system-main table tr:nth-of-type(odd) td {
  background-color: #f0f0f0;
}

.block-system-main table.plain-table {
  background-color: transparent;
  border-radius:0;
  width: 100%;
  border: 0;
}

.block-system-main table.plain-table th {
  font-weight: bold;
  padding: 0 8px 0 0;
  border: 0;
}

.block-system-main table.plain-table td {
  background-color: transparent;
  border-left: none;
  padding: 2px 8px 2px 0;
  border: 0;
}

.block-system-main table.plain-table tr {
  border-bottom: 1px solid #2c2c2c;
  background-color: transparent;
}

.block-system-main table.plain-table td:first-child {
  border-left: none;
}
.block-system-main table.plain-table tr:nth-of-type(odd) td {
  background-color: transparent;
}


a.button:visited,
a.button:link,
a.button {

  clear: right;

  display: block;
  float: left;

  text-decoration: none;

  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #ddc421;
  border-image: none;
  border-style: solid;
  border-width: 0px;
  border-radius: 0px;
  color: #2c2c2c;
  cursor: pointer;
  font-weight: normal;
  font-family: 'Exo';
  outline: 0 none;
  overflow: visible;
  padding: 6px 18px 6px;
  width: auto;
  text-shadow: none;
}

a.button:hover {
  opacity: .9;
}

/* Content Meta Data */
.meta .terms a,
.meta span a {
  text-decoration: none;
  color: #333333;
}

.meta span a.username {
  color: #CFB516;
}

/* Form elements */
a.button,
button, input[type="reset"], input[type="submit"], input[type="button"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ddc421;
    border:none;
    border-radius: 0px;
    color: #2c2c2c;
    cursor: pointer;
    font-weight: normal;
    font-family: 'Exo';
    outline: 0 none;
    overflow: visible;
    padding: 6px 18px 6px;
    width: auto;
    text-shadow: none;
}

a.button:hover,
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  opacity: .8;
}

.form-actions input:hover {
  background: #ddc421;
}

.item-list .pager li {
  padding: 0.5em 0.35em;
  margin-left: 8px;
}


/** Overwrites for colors
section-hw
section-ins
section-rg
section-diy
**/

body.section-hw {
  border-top: 3px solid #DDC324;
}
body.section-ins {
  border-top: 3px solid #679db7;
}
body.section-rg {
  border-top: 3px solid #ac5c29;
}
body.section-diy {
  border-top: 3px solid #82A15D;
}

body.section-hw a,
body.section-hw .node-navigator-block h4,
body.section-hw .main-color,
.diy-startpage-navigator-tabs .section-hw h4,
body.section-hw .section-color {
  color: #DDC324;
}
body.section-ins a,
body.section-ins .node-navigator-block h4,
body.section-ins .main-color,
.diy-startpage-navigator-tabs .section-ins h4,
body.section-ins .section-color {
  color: #679db7;
}
body.section-rg a,
body.section-rg .node-navigator-block h4,
body.section-rg .main-color,
.diy-startpage-navigator-tabs .section-rg h4,
body.section-rg .section-color {
  color: #ac5c29;
}
body.section-diy a,
body.section-diy .node-navigator-block h4,
body.section-diy .main-color,
.diy-startpage-navigator-tabs .section-diy h4,
body.section-diy .section-color {
  color: #82A15D;
}

body div.popups-title {
  background: none;
}

body.section-hw div.popups-title,
body.section-hw .section-bg {
  background-color: #bea81a;
}

body.section-ins div.popups-title,
body.section-ins .section-bg {
  background-color: #4a7e95;
}

body.section-rg div.popups-title,
body.section-rg .section-bg {
  background-color: #8e420d;
}

body.section-diy div.popups-title,
body.section-diy .section-bg {
  background-color: #6b8844;
}

body.section-hw .section-border {
  border-color: #bea81a;
}
body.section-ins .section-border {
  border-color: #4a7e95;
}
body.section-rg .section-border {
  border-color: #8e420d;
}
body.section-diy .section-border {
  border-color: #6b8844;
}

.zone-prepostcontent-wrapper.section-hw {
  background-color: #ddc421;
}
.zone-prepostcontent-wrapper.section-ins {
  background-color: #80adc2;
}
.zone-prepostcontent-wrapper.section-rg {
  background-color: #c66d31;
}
.zone-prepostcontent-wrapper.section-diy {
  background-color: #afbf78;
}

body.section-hw button,
body.section-hw input[type="reset"],
body.section-hw input[type="submit"],
body.section-hw input[type="button"],
body.section-hw a.button,
body.section-hw .button-container a {
  background-color: #DDC324;
  color: #fff;
}

body.section-ins button,
body.section-ins input[type="reset"],
body.section-ins input[type="submit"],
body.section-ins input[type="button"],
body.section-ins a.button,
body.section-ins .button-container a {
  background-color: #679db7;
  color: #fff;
}

body.section-rg button,
body.section-rg input[type="reset"],
body.section-rg input[type="submit"],
body.section-rg input[type="button"],
body.section-rg a.button,
body.section-rg .button-container a {
  background-color: #ac5c29;
  color: #fff;
}

body.section-diy button,
body.section-diy input[type="reset"],
body.section-diy input[type="submit"],
body.section-diy input[type="button"],
body.section-diy a.button,
body.section-diy .button-container a {
  background-color: #82A15D;
  color: #fff;
}

html body .krumo-root a {
  color: #000;
}

div.oewa-pixel-live {
  line-height: 0em;
  background: url("../images/zone_footer_wrapper_bg.jpg") repeat-x scroll center top #5c5c5c;
}