#pennyelectric-quote-error {
  color: #F00;
}

#pennyelectric-quote-okmsgbox {
  display: none;
}

#pennyelectric-quote {
  position: relative;
  margin: 40px 0 30px 0;
  padding: 15px 15px 15px 15px;
  background-color: #FFFFFF;
  border: 1px dotted #ddd;
}

#pennyelectric-quote .pe-container {
  width: 570px;
  margin: 0 auto;
}
#pennyelectric-quote .gridx {
  float: left;
  display: inline;
  margin-left: 10px;
}
#pennyelectric-quote .grid1 {
  width: 40px;
}
#pennyelectric-quote .grid2 {
  width: 90px;
}
#pennyelectric-quote .grid3 {
  width: 140px;
}
#pennyelectric-quote .grid4 {
  width: 190px;
}
#pennyelectric-quote .grid5 {
  width: 240px;
}
#pennyelectric-quote .grid6 {
  width: 280px;
}
#pennyelectric-quote .grid7 {
  width: 340px;
}
#pennyelectric-quote .grid8 {
  width: 390px;
}
#pennyelectric-quote .grid9 {
  width: 440px;
}
#pennyelectric-quote .grid10 {
  width: 490px;
}
#pennyelectric-quote .grid11 {
  width: 540px;
}
#pennyelectric-quote .grid12 {
  width: 570px;
}
#pennyelectric-quote .first {
  margin-left: 0;
  clear: left;
}

#pennyelectric-quote .pe-clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#pennyelectric-quote .gridx {
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#pennyelectric-quote .control-label {
  font-family: 'roboto slab', 'source sans pro', arial, sans-serif;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 0;
  color:#444;
  font-size: 16px;
  letter-spacing:-0.03em;
  line-height: 38px;
}
#pennyelectric-quote .required {
  color: inherit;
}

#pennyelectric-quote .label-important {
  color: #F00;
}
#pennyelectric-quote .label {
  display: block;
  font-weight: bold;
}

#pennyelectric-quote input[type="text"] {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.40em;
  border-radius: 0.25rem;
}
#pennyelectric-quote textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: vertical;
  padding: 0.40em;
  border-radius: 0.25rem;
  min-height: 2rem;
  height: 5rem;
}

/* language select: not used */

/*
#pennyelectric-language-select {
  text-align: right;
  margin: 0px 15px 15px 15px;
}
#pennyelectric-language-select a {
  margin: 0px 5px;
  font-size: 11px;
  color: #999;
}
#pennyelectric-language-select a.current {
  color: #bbb;
}
*/

/* respond level 1 */

@media screen and (max-width: 1040px) {

  #pennyelectric-quote {
    padding: 10px 10px 0 10px;
    margin: 0;
  }

  #pennyelectric-quote .pe-container {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  #pennyelectric-quote .gridx {
    float: none;
    display: block;
    padding: 0;
    margin: 0 0 10px 0;
    width: 100%;
  }

  #pennyelectric-quote .spacer {
    display: none;
  }

  #pennyelectric-quote .spacex {
    margin-bottom: 0;
  }

}