.debug {
  border:1px solid red
}
.island.promo,
code,
pre {
  background-color:#eee;
  border:1px solid silver
}
img.bordered {
  border:1px solid silver;
  padding:5px;
  background:#fffaef;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px
}
.pct90 {
  width:90%;
  text-align:center;
  display:block
}
.relative {
  position:relative
}
.amount {
  text-align:right
}
.brief {
  font-style:italic
}
ul.dateparts {
  margin:0;
  list-style:none
}
ul.dateparts li {
  display:inline-block;
  padding:0;
  margin:0
}
div.bookmark {
  padding-top:10px;
  text-align:right
}
form dt {
  margin-top:10px
}
form fieldset {
  border:none;
  border-top:1px inset silver;
  padding:0 10px
}
form legend {
  font-weight:bold;
  padding:0 1em
}
div .cf-turnstyle,
form input[type="email"],
form input[type="text"],
form input[type="date"],
form select,
form textarea {
  width:100%;
  border:1px solid silver;
  outline:none;
  background:#fffaef;
  color:#333
}
form .errors {
  color:#733;
  list-style:none;
  margin:0;
  padding-left:20px;
  background:url(/easyinvoice_hu/static/css/image/error.gif) no-repeat 0 4px
}
form textarea {
  height:200px
}
form input[type="text"]:focus,
form textarea:focus {
  border:1px solid #333;
  outline:none;
  background:#FAFAE0;
  color:#111
}

form input:user-invalid {
  background-color: ivory;
  border: none;
  outline: 2px solid red;
  border-radius: 5px;
}

form textarea:user-invalid {
  background-color: ivory;
  border: none;
  outline: 2px solid red;
  border-radius: 5px;
}

form dl>dd {
  margin-left:.5em
}
form ul.pricetable {
  display:table;
  width:90%
}
form ul.pricetable li {
  display:table-row
}
form ul.pricetable li * {
  display:table-cell
}
form ul.pricetable li span {
  text-align:center;
  width:15%
}
form ul.pricetable li label {
  font-weight:bold;
  width:65%
}
form ul.pricetable li tt {
  text-align:right;
  width:20%
}
form ul.pricetable li .calculatedprice {
  font-weight:bold
}
dl:has(input:user-invalid) dd .errors{
  visibility:visible
}

dd div.errors{
  visibility:hidden
}
a.dia {
  display:block;
  background:#FAFAFA;
  padding:5px;
  border:1px solid silver;
  text-align:center
}
a.dia img {
  border:1px solid silver
}
a.dia:hover {
  border:1px solid #333;
  text-decoration:none
}
html {
  background:#fffaef url(/easyinvoice_hu/static/css/image/noise.png);
  background:url('/easyinvoice_hu/static/css/image/noise.png'), -moz-linear-gradient(center top , #FFFAEF;
  #fff);
  background:#fffaef url(/easyinvoice_hu/static/css/image/noise.png), -webkit-gradient(linear, 0 0, 0 100%, from(#fffaef) to(#fff));
  color:#444;
  font-family:Georgia, Droid Serif, Times New Roman, Times, serif
}
.quote {
  font-family:Droid Mono, Courier New, courier, monospace;
  background-color:#FAFAFA;
  padding:5px;
  border:1px solid silver
}
a#version {
  z-index:20;
  position:fixed;
  top:30px;
  right:-65px;
  display:block;
  text-align:center;
  -o-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  transform:rotate(45deg);
  background:#0e4478;
  color:#fff;
  padding:5px 20px;
  width:200px;
  -webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, .4);
  -moz-box-shadow:4px 4px 4px rgba(0, 0, 0, .4);
  -o-box-shadow:4px 4px 4px rgba(0, 0, 0, .4);
  box-shadow:4px 4px 4px rgba(0, 0, 0, .4);
  border:1px solid #fff;
  font-weight:bold
}
a#version span {
  display:block;
  font-family:Tahoma, DejaVu Sans, sans-serif;
  font-weight:normal;
  font-size:70%;
  color:#EEE
}
.island.my-moo-slider {
  color:#6d6841;
  border:1px solid silver;
  display:block;
  margin-left:1.5em;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 5px 10px rgba(0, 0, 0, .2);
  -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .2);
  box-shadow:0 5px 10px rgba(0, 0, 0, .2);
  font-family:Cantarell, Droid Sans, Verdana, sans-serif
}
.island.my-moo-slider strong {
  color:#fff
}
.island.my-moo-slider>ul {
  margin:0
}
.island.my-moo-slider ul.display>li {
  list-style:none;
  display:none
}
.island.my-moo-slider ul.display>li.active {
  padding:10px;
  height:330px;
  display:block;
  border:1px solid #333;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px
}
.island.my-moo-slider ul.display>li.active h1,
.island.my-moo-slider ul.display>li.active h2,
.island.my-moo-slider ul.display>li.active h3,
.island.my-moo-slider ul.display>li.active h4 {
  text-shadow:none
}
.island.my-moo-slider ul.display>li.active .bottomright {
  position:absolute;
  bottom:1em;
  right:1em
}
h1,
h2,
h3,
h4 {
  font-family:Cantarell, Droid Sans, Verdana, sans-serif;
  font-weight:bold;
  letter-spacing:-1px;
  text-shadow:1px 1px 1px #fff
}
ul.my-moo-slider-switcher {
  margin:5px 0;
  min-height:20px;
  line-height:8px;
  display:inline;
  float:right
}
ul.my-moo-slider-switcher>li {
  transition:.25s linear;
  -webkit-transition:.25s linear;
  display:inline-block;
  margin:2px 2px 0 2px;
  padding:0;
  border:1px solid #333;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:6px;
  border:1px inset
}
ul.my-moo-slider-switcher>li.active {
  border:1px outset;
  transition:.25s linear;
  -webkit-transition:.25s linear;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  border-radius:0
}
ul.my-moo-slider-switcher>li>a {
  outline:0;
  height:10px;
  width:10px;
  display:block
}
ul.my-moo-slider-switcher>li>a:hover {
  text-decoration:none
}
.island.slider button {
  background:#F80;
  color:#fff;
  width:18px;
  height:18px;
  padding:0;
  border-width:1px;
  display:inline-block
}
.island.slider button.stop {
  background:url(/easyinvoice_hu/static/css/image/stop.gif) no-repeat
}
.island.slider button.play {
  background:url(/easyinvoice_hu/static/css/image/play.gif) no-repeat
}
.island.slider span.timer {
  display:inline-block;
  width:45%;
  font-weight:bold;
  font-size:9pt;
  text-align:right;
  float:right;
  padding-top:4px
}
.island.slider a.button {
  border:1px solid #333;
  background:#FF8500 url(/easyinvoice_hu/static/css/image/grad.png) repeat-x 0 0;
  padding:10px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  -webkit-box-shadow:#000 0 1px 0;
  -moz-box-shadow:#000 0 1px 0;
  box-shadow:#000 0 1px 0;
  text-shadow:rgba(0, 0, 0, .4) 1px 1px 1px rgba(255, 0, 0, .4) -1px -1px 1px;
  color:#EEE;
  font-weight:bold;
  font-family:Helvetica, Arial, Sans-Serif;
  text-decoration:none;
  vertical-align:middle
}
.island.slider a.button:hover {
  background:#F80 url(/easyinvoice_hu/static/css/image/grad.png) 0 -50px repeat-x;
  color:#FFF
}
.island.slider>ul>li.green {
  background:#7A7 url(/easyinvoice_hu/static/css/image/noise.png) fixed;
  color:#fff
}
.island.slider>ul>li.purple {
  background:#A7A url(/easyinvoice_hu/static/css/image/noise.png) fixed;
  color:#fff
}
.island.slider>ul>li.silver {
  background:#AAA url(/easyinvoice_hu/static/css/image/noise.png) fixed;
  color:#fff
}
.island.slider>ul>li.red {
  background:#A77 url(/easyinvoice_hu/static/css/image/noise.png) fixed;
  color:#fff
}
.island.slider>ul>li.blue {
  background:#77A url(/easyinvoice_hu/static/css/image/noise.png) fixed;
  color:#fff
}
.island.slider>ul>li.black {
  background:black;
  color:#fff
}
.header {
  padding:1.5em 0;
  margin-bottom:0
}
.logo {
  background:url(/easyinvoice_hu/static/images/logo.png)
}
.logo,
.logo img {
  width:539px;
  height:80px
}
dl.faq dt:hover +dd {
  color:#111;
  border:1px solid #0e4478;
  -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, .4);
  transition:.25s linear;
  -webkit-transition:.25s linear;
  -moz-transition:.25s linear;
  -o-transition:.25s linear
}
dl.faq dd {
  color:#666;
  padding:1em;
  margin-left:0;
  margin-bottom:.5em;
  border:1px solid transparent;
  border-top:1px solid silver;
  transition:.25s linear;
  -webkit-transition:.25s linear;
  -moz-transition:.25s linear;
  -o-transition:.25s linear
}
dl.faq dd:hover {
  color:#111;
  border:1px solid #0e4478;
  -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, .4);
  transition:.25s linear;
  -webkit-transition:.25s linear;
  -moz-transition:.25s linear;
  -o-transition:.25s linear
}
nav ul.nav {
  display:block;
  margin:0;
  border-top:1px solid silver;
  border-bottom:1px solid silver
}
nav ul.nav li {
  line-height:36px;
  padding:0 10px 0 0
}
nav ul.nav li a {
  font-weight:bold;
  color:#333
}
nav ul.nav li a:hover {
  color:#111
}
@media (min-width: 720px) {
  nav ul.nav li.social {
    padding:0 0 0 2px;
    float:right
  }
}
@media (min-width: 720px) {
  nav ul.nav li.social>a {
    display:inline-block;
    width:34px;
    height:34px;
    padding:0;
    margin:0;
    opacity:.7
  }
}
@media (min-width: 720px) {
  nav ul.nav li.social>a:hover {
    opacity:1
  }
}
@media (min-width: 720px) {
  nav ul.nav li.social>a>span {
    display:none
  }
}
@media (min-width: 720px) {
  nav ul.nav li.rss>a {
    background:url(/easyinvoice_hu/static/css/image/rss32.png) no-repeat
  }
}
@media (min-width: 720px) {
  nav ul.nav li.twitter>a {
    background:url(/easyinvoice_hu/static/css/image/twitter32.png) no-repeat
  }
}
@media (min-width: 720px) {
  nav ul.nav li.newsletter>a {
    background:url(/easyinvoice_hu/static/css/image/newsletter32.png) no-repeat
  }
}
footer {
  padding-top:1.5em;
  border-top:1px solid #ccc;
  color:#999
}
footer dl {
  margin-left:1.5em
}
footer ul {
  margin-left:1.5em
}
footer ul li {
  list-style:none
}
footer ul li.social>a {
  height:38px;
  display:block;
  line-height:38px;
  border-bottom:1px solid transparent;
  opacity:.7
}
footer ul li.social>a>span {
  margin-left:38px
}
footer ul li.social>a:hover {
  opacity:1;
  text-decoration:none;
  border-bottom:1px solid #0e4478
}
footer ul li.rss>a {
  background:url(/easyinvoice_hu/static/css/image/rss32.png) no-repeat
}
footer ul li.twitter>a {
  background:url(/easyinvoice_hu/static/css/image/twitter32.png) no-repeat
}
footer ul li.newsletter>a {
  background:url(/easyinvoice_hu/static/css/image/newsletter32.png) no-repeat
}
a {
  color:#0e4478
}
mark {
  border-bottom:2px solid
}
pre {
  padding:10px
}
pre code,
pre mark {
  background:none
}
*::selection {
  background-color:#0e4478;
  color:#fff
}
*::-moz-selection {
  background-color:#0e4478;
  color:#fff
}
hr {
  padding:0;
  border:none;
  height:1px;
  background:#ccc
}
@media (max-width: 720px) {
  .island.my-moo-slider {
    display:none;
    border:1px solid silver
  }
}
@media (max-width: 720px) {
  .nav ul li {
    display:block
  }
}