/* global colors */
/* GRID DEFINITION: 

unit:              68px
gutter:            14px
first-column:     +24px ( = 92px)
cells:             12
totalwidth:       (12*68) + (11*14) = 970px + 24px = 994px
       
*/
/* (12*68 + 11*14 + 24) */
/* (2*68 + 14) */
/* (2*68 + 14 + 24) */
/* 8*68 + 7*14 */
/* 680px */
/* 830px */
/* spacing helpers */
/* font-sizes */
/* TEXT */
.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.align-top {
  vertical-align: top; }

.align-middle {
  vertical-align: middle; }

.align-bottom {
  vertical-align: bottom; }

.font-default, dl dt, dl dd {
  font-family: Arial, Helvetica, sans-serif; }

.font-styled {
  font-family: 'FedraSansBookRegular'; }

.big {
  font-size: 1.46154em; }

.medium {
  font-size: 1.07692em;
  line-height: 1.57143em; }

.regular {
  font-size: 1em; }

.small {
  font-size: 0.92308em; }

.tiny {
  font-size: 0.84615em;
  line-height: 1.3em;
  font-weight: normal; }
  h1 .tiny {
    font-size: 0.61538em; }

.no-space {
  display: inline-block;
  white-space: nowrap; }

.nowrap {
  white-space: nowrap; }

.normal {
  font-weight: normal; }

.bold {
  font-weight: bold; }

.elliptic {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

/* COLORS */
.default {
  background-color: #fff;
  color: #222; }

.dark {
  background-color: #f2eee6; }

.text {
  color: #222; }

a.text:hover {
  color: #009ae0; }
  a.text:hover > * {
    color: #009ae0; }

.inverted, .horizontal-tabs li.active {
  color: #fff;
  background: #222; }
  .inverted *, .inverted .horizontal-tabs li.active, .horizontal-tabs .inverted li.active {
    color: #fff; }

.inverted-text {
  color: #fff; }

a.inverted-text:hover {
  color: #222; }
  .inverted a.inverted-text:hover, .inverted .horizontal-tabs li.active, .horizontal-tabs .inverted li.active {
    color: #009ae0; }
  a.inverted-text:hover > * {
    color: #222; }

.inverted-low {
  background-color: #222;
  color: #f2eee6; }

.inverted-low a {
  color: #f2eee6; }
  .inverted-low a:hover {
    color: #009ae0; }

.highlight {
  color: #009ae0; }

.blog-date {
  color: #6c6b65;
  width: 100px;
  white-space: nowrap; }

.inverted-high {
  background-color: #009ae0;
  color: #fff; }
  .inverted-high * {
    color: #fff; }
  .inverted-high textarea, .inverted-high input:not([type=submit]) {
    color: #222; }
  .inverted-high a, .inverted-high a:link, .inverted-high a:hover, .inverted-high a:visited {
    color: #fff; }

.friendly, .alert, .extra-attribute {
  background-color: #85c558;
  color: #fff;
  padding: 5px 0 5px 0;
  text-align: center; }

.exclamation {
  color: #ff5501; }

.alert, .extra-attribute {
  background-color: #ff5501;
  color: #fff; }
  .alert a, .alert .extra-attribute {
    color: #fff;
    display: inline-block;
    background: transparent url(../images/arrows.png) 100% -1099px no-repeat;
    padding-right: 20px; }
    .alert a:hover, .alert .extra-attribute {
      color: #222;
      background-position: 100% -2399px; }

.extra-attribute {
  background-color: #96958e; }

td.extra-alert {
  background: #96958e url(../images/alert-icon.png) 25px 50% no-repeat;
  height: auto;
  padding-left: 50px; }
  td.extra-alert:before {
    position: absolute;
    top: -18px;
    left: 45%;
    content: "";
    width: 1px;
    height: 1px;
    border-width: 10px;
    border-color: transparent transparent #96958e transparent;
    border-style: solid; }

.alert-icon, .alert-icon-alt, .alert-icon-grey {
  background-image: url(../images/alert-icon.png);
  background-position: 0 50%;
  background-repeat: no-repeat; }

.alert-icon-alt {
  background-position: -3200px 50%;
  width: 18px; }

.alert-icon-grey {
  background-position: -1600px 50%; }

.checkmark {
  background: url(static/images/visual-home.png/static/images/checkmark.png) 0 0 no-repeat;
  margin-left: 30px; }

.subtle {
  color: #6b6a64; }

.subtle-alt {
  color: #696963; }

.light-block {
  color: #6b6a64;
  background-color: #f9f7f3; }

/* next/further, more & back */
.further, .further-alert, .further-active, .further-inverted {
  background-image: url(../images/arrows.png);
  background-repeat: no-repeat;
  background-position: 2px 3px;
  height: 15px;
  width: 15px; }
  .further:hover, .further-alert:hover, .further-active:hover, .further-inverted:hover, .further a:hover, .further .further-alert, .further .further-active, .further .further-inverted, .further .active, .further .further-alert, .further .further-active, .further .further-inverted {
    background-position: 2px -197px; }
  .further.bg-right, .bg-right.further-alert, .bg-right.further-active, .bg-right.further-inverted {
    padding-right: 20px;
    background-position: 100% 2px; }
    .further.bg-right:hover, .bg-right.further-alert:hover, .bg-right.further-active:hover, .bg-right.further-inverted:hover {
      background-position: 100% -198px; }

.further-alert {
  background: 2px -397px; }

.further-active {
  background-position: 2px 3px; }
  .further-active.bg-right {
    background-position: 100% -197px; }

.further-inverted {
  background-position: 2px -197px; }
  .further-inverted.bg-right {
    background-position: 100% -97px; }
    .further-inverted.bg-right:hover {
      background-position: 100% -197px; }

*:hover > .further-inverted {
  background-position: 100% -197px; }

.plus-icon:before {
  content: "";
  display: inline-block;
  margin-left: -14px;
  width: 15px;
  height: 20px;
  overflow: hidden;
  background: transparent url(../images/toggle-icon.png) 0 10px no-repeat; }

.plus-icon:hover:before {
  background-position: 0 -39px; }

.minus-icon:before {
  content: "";
  display: inline-block;
  margin-left: 0px;
  width: 15px;
  height: 20px;
  overflow: hidden;
  background: transparent url(../images/toggle-icon.png) 0 -13px no-repeat; }

.minus-icon:hover:before {
  background-position: 0 -62px; }

.more, .goto {
  display: inline-block;
  padding-left: 14px;
  /*&.text { background: transparent url(../images/more-icon.png) 0 -296px no-repeat; 
    &:hover { background-position:0 -96px; }
  }*/ }

.more:before, .goto:before {
  content: "";
  display: inline-block;
  margin-left: 0px;
  width: 10px;
  height: 20px;
  overflow: hidden;
  background: transparent url(../images/more-icon.png) 0 10px no-repeat; }

.more:hover:before, .goto:hover:before {
  background-position: 0 -90px; }

.more.inverted-text:hover:before, .inverted-text.goto:hover:before {
  background-position: 0 -290px; }

.goto {
  background-position: 100% -596px;
  padding-right: 20px;
  padding-left: 0; }
  .goto:hover {
    background-position: 100% -496px; }

/* BACKGROUNDS */
.main-bg {
  background: url(../images/background.png) repeat-y center; }

/* BLOCK-LEVEL ELEMENTS */
.section.dark {
  background-color: #f2eee6; }

/* clearfix - fix floated elements */
.contain:before, dl:before, .contain:after, dl:after, .section:before, .section:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.contain:after, dl:after, .section:after {
  clear: both; }

.ie .contain, .ie dl, .ie .section {
  zoom: 1; }

.first {
  margin-top: 30px; }

.horizontal li {
  float: left; }

.horizontal li + li {
  margin-left: 8px; }

.horizontal.spaced li + li {
  margin-left: 18px; }

.stack, .short-stack {
  clear: both;
  margin: 0; }

.stack li + li {
  margin-top: 30px; }

.short-stack li + li {
  margin: 14px 0 0 0; }

.plain li + li {
  padding-top: 5px; }

.separate > li {
  border-bottom: 1px solid #e1dcd1;
  padding: 5px 5px 5px 0; }
  .separate > li:last-child {
    border: none; }

.inverted-high .items li {
  border-right: 1px solid rgba(255, 255, 255, 0.5); }
  .inverted-high .items li:last-child {
    border: none; }

.separator {
  display: inline-block;
  text-indent: -999em;
  width: 10px;
  height: 22px;
  border-right: 1px solid #393939;
  margin-right: 10px; }

dl {
  padding: 0.5em; }
  dl dt {
    float: left;
    clear: both;
    width: 160px;
    text-align: right;
    font-weight: bold;
    color: #222; }
  dl dd {
    margin: 0 0 0 170px;
    padding: 0 0 0.5em 0;
    font-weight: normal; }
  dl.phases {
    padding: 0; }
    dl.phases dt {
      border-right: 1px solid #222;
      padding-right: 14px;
      text-align: left;
      width: auto; }
    dl.phases dd {
      padding-left: 14px;
      margin-left: 55px; }

.left {
  float: left; }

.left + .left {
  margin-left: 14px; }

.right {
  float: right; }
  .right.absolute {
    float: none;
    right: 0;
    bottom: 0; }
    .right.absolute.top {
      bottom: auto;
      top: 0; }

/*.right + .right {
  margin-right:20px;
}*/
.horizontal-tabs {
  overflow: hidden; }
  .horizontal-tabs:after {
    position: absolute;
    top: 26px;
    height: 15px;
    width: 100%;
    content: ' ';
    background: url(../images/h-tabs-shadow.png) 0 0 no-repeat; }
  .horizontal-tabs li {
    float: left;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0; }
    .horizontal-tabs li.active a {
      color: #fff; }
  .horizontal-tabs li + li {
    margin-left: 10px; }

figure object {
  display: block;
  margin: 0 0 20px 0; }

.inline {
  display: inline-block;
  float: none; }

.displayinline {
  display: inline; }

.center {
  margin: 0 auto; }

.h-stretched {
  width: 100%; }

.v-stretched {
  height: 100%; }

/* alignment */
.hidden {
  display: none; }

.visuallyhidden {
  text-indent: -9999px; }

.invisible {
  visibility: hidden; }

.block {
  display: block; }

.fixed {
  position: fixed; }

.relative, .rel {
  position: relative; }

.absolute, .abs {
  position: absolute; }

.related {
  padding-top: 30px; }

.divided {
  padding-top: 50px; }

.bottom-divided {
  padding-bottom: 50px; }

.v-divided {
  padding-top: 50px;
  padding-bottom: 30px; }

.clear {
  clear: both; }

.mask {
  overflow: hidden; }

/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,x,n = small(5px),medium(10px),large(14px),x-large(20px),none(0px)
*/
.ptn, .pvn, .pan {
  padding-top: 0px; }

.pts, .pvs, .pas {
  padding-top: 5px; }

.ptm, .pvm, .pam {
  padding-top: 10px; }

.ptl, .pvl, .pal {
  padding-top: 14px; }

.ptx, .pvx, .pax {
  padding-top: 20px; }

.prn, .phn, .pan {
  padding-right: 0px; }

.prs, .phs, .pas {
  padding-right: 5px; }

.prm, .phm, .pam {
  padding-right: 10px; }

.prl, .phl, .pal {
  padding-right: 14px; }

.prx, .phx, .pax {
  padding-right: 20px; }

.pbn, .pvn, .pan {
  padding-bottom: 0px; }

.pbs, .pvs, .pas {
  padding-bottom: 5px; }

.pbm, .pvm, .pam {
  padding-bottom: 10px; }

.pbl, .pvl, .pal {
  padding-bottom: 14px; }

.pbx, .pvx, .pax {
  padding-bottom: 20px; }

.pln, .phn, .pan {
  padding-left: 0px; }

.pls, .phs, .pas {
  padding-left: 5px; }

.plm, .phm, .pam {
  padding-left: 10px; }

.pll, .phl, .pal {
  padding-left: 14px; }

.plx, .phx, .pax {
  padding-left: 20px; }

.mtxx, .mvxx, .maxx {
  margin-top: 30px; }

.mrxx, .mhxx, .maxx {
  margin-right: 30px; }

.mbxx, .mvxx, .maxx {
  margin-bottom: 30px; }

.mlxx, .mhxx, .maxx {
  margin-left: 30px; }

.ptxx, .pvxx, .paxx {
  padding-top: 30px; }

.prxx, .phxx, .paxx {
  padding-right: 30px; }

.pbxx, .pvxx, .paxx {
  padding-bottom: 30px; }

.plxx, .phxx, .paxx {
  padding-left: 30px; }

.mtn, .mvn, .man {
  margin-top: 0px; }

.mts, .mvs, .mas {
  margin-top: 5px; }

.mtm, .mvm, .mam {
  margin-top: 10px; }

.mtl, .mvl, .mal {
  margin-top: 14px; }

.mtx, .mvx, .max {
  margin-top: 20px; }

.mrn, .mhn, .man {
  margin-right: 0px; }

.mrs, .mhs, .mas {
  margin-right: 5px; }

.mrm, .mhm, .mam {
  margin-right: 10px; }

.mrl, .mhl, .mal {
  margin-right: 14px; }

.mrx, .mhx, .max {
  margin-right: 20px; }

.mbn, .mvn, .man {
  margin-bottom: 0px; }

.mbs, .mvs, .mas {
  margin-bottom: 5px; }

.mbm, .mvm, .mam {
  margin-bottom: 10px; }

.mbl, .mvl, .mal {
  margin-bottom: 14px; }

.mbx, .mvx, .max {
  margin-bottom: 20px; }

.mln, .mhn, .man {
  margin-left: 0px; }

.mls, .mhs, .mas {
  margin-left: 5px; }

.mlm, .mhm, .mam {
  margin-left: 10px; }

.mll, .mhl, .mal {
  margin-left: 14px; }

.mlx, .mhx, .max {
  margin-left: 20px; }

.pt-xxxl {
  padding-top: 55px; }

.m-banner {
  margin-top: 82px; }

.compact {
  padding: 0;
  margin: 0;
  list-style: none; }

.mail .expander, .mail .collapser {
  background: none;
  padding-left: 0; }

/* BUTTONS */
.button {
  display: inline-block;
  padding: 0 40px 0 10px;
  background: #222 url(../images/arrows.png) 93% -1192px no-repeat;
  border: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 1.23077em;
  font-weight: bold;
  color: #fff; }
  .button.forth:hover {
    background-position: 93% -1192px; }
  .button.no-background {
    background-image: url(); }

a.button {
  background-position: 93% -1194px; }
  a.button.forth:hover {
    background-position: 93% -1194px; }

.plain-button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #6b6a64; }
  .plain-button.forth {
    background-position: 100% 6px; }
    .plain-button.forth:hover {
      color: #009ae0;
      background-position: 100% -94px; }

.primary-button, .secondary-button, .secondary-button-alt {
  background-color: #222;
  background-repeat: no-repeat;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  padding: 7px 32px 5px 10px;
  border: none;
  text-decoration: none;
  overflow: visible; }
  .primary-button:hover, .secondary-button:hover, .secondary-button-alt:hover {
    background-color: #009ae0;
    color: #fff; }
  .primary-button.forth-btn, .forth-btn.secondary-button, .forth-btn.secondary-button-alt {
    background-image: url(../images/arrows.png);
    background-position: 93% -1192px; }

.secondary-button, .secondary-button-alt {
  background-color: #696963;
  padding: 2px 7px 4px; }
  .secondary-button:hover, .secondary-button-alt:hover {
    background-color: #0d2f38;
    color: #fff; }
  .secondary-button.back-btn, .back-btn.secondary-button-alt {
    padding: 5px 10px 6px 32px;
    background-position: 10px -1242px;
    padding-left: 30px; }
  .secondary-button.icon, .icon.secondary-button-alt {
    padding-left: 32px; }

.secondary-button-alt:hover {
  background-color: #009ae0; }

.primary-button + .secondary-button, .primary-button + .secondary-button, .primary-button + .secondary-button-alt, .primary-button + .secondary-button-alt {
  margin-right: 10px; }

.link {
  cursor: pointer; }

.wrap-content {
  height: 100%; }

.wrap-content:after {
  content: "\0000a0";
  width: 0;
  height: 0;
  margin: 0;
  padding: 0; }

ol {
  margin-left: 30px;
  line-height: 1.3;
  counter-reset: item; }
  ol li {
    display: block;
    position: relative; }
    ol li h3 {
      font-family: 'FedraSansBookRegular'; }
    ol li p {
      padding-bottom: 5px; }
  ol li:before {
    counter-increment: item;
    content: counters(item, ".") ". ";
    position: absolute;
    left: -30px;
    top: -2px;
    font-size: 1.2em;
    font-family: 'FedraSansBookRegular'; }

ol.alpha {
  list-style: lower-alpha outside; }
  ol.alpha li {
    display: list-item;
    list-style: lower-alpha outside;
    font-weight: bold; }
    ol.alpha li p {
      font-weight: normal; }
  ol.alpha li:before {
    content: ""; }

.collapseToggle {
  cursor: pointer; }

.collapseToggle.expanded {
  background: #696963 url(../images/arrows.png) 10px -2087px no-repeat;
  padding: 5px 5px 5px 30px;
  color: #fff;
  display: block; }

.collapseToggle.collapsed {
  background: #696963 url(../images/arrows.png) 10px -2142px no-repeat;
  padding: 5px 5px 5px 30px;
  color: #fff;
  display: block; }

.collapsed {
  overflow: hidden;
  display: none; }

/*# sourceMappingURL=utils.css.map */