body {
  color: #424242;
  font-family: sans-serif;
}
h1 {
  margin: 0 0 1em 0;
  padding: 0.1em 0 0.1em 0.5em;
  color: #424242;
  font-size: 2.5em;
  background: url(/i/h1_bg.png) repeat-y #fcfaf7;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
h2 {
  margin: 1em 0 0.5em 0;
  padding: 0.1em;
  color: #424242;
  font-size: 1.5em;
  background: #fcfaf7;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding-left: 0.5em;
}
p {
  padding: 0.2em;
}
.d {
  border: 1px solid #E6E6E6;
  padding: 0 1em 1em 0;
  margin: 1em 0 0;
}
.de {
  background: #FCFAF7;
  border: 1px solid #E6E6E6;
  padding: 0 4px;
  font-weight: bold;
  margin-left: -1px;
}
.sm {
  margin-top: -2em;
  font-size: 0.8em;
}
.t {
  margin-top: -1.5em;
  border-top: 1px solid #424242;
  font-size: 1.2em
}
.ht {
  position: absolute;
  top: 0px;
}
.m {
  border: 0;
  margin-bottom: 0em;
  background: #fff;
  text-align: center;
}
img {
  border: 0px;
}
.info {
  clear: both;
  font-size: 1.5em;
  color: #424242;
  margin-top: 0.5em;
}
.accent {
  border: 1px dotted #E6E6E6;
  padding: 0.1em 0.3em;
}
table {
  border-collapse: collapse;
}
.pricing, .example {
  border: 1px solid #E6E6E6;
  text-align: center;
  font-size: 0.9em;
  width: 100%;
  margin-left: 0.5em;
}
.pricing td, .pricing th, .example td, .example th {
  border: 1px solid #E6E6E6;
  padding: 0.5em 0;
}
.pricing th, .example th {
  background: #F9F7F3;
  color: #424242;
}
.example td {
  text-align: left;
  padding-left: 2px;
}
a.note {
  color: #424242;
}
a.note:visited {
  color: #999;
}
.resource {
  clear: both;
  font-size: 1.3em;
  margin-bottom: 0.2em;
}

.picture {
  border: 1px solid #424242;
  color: #FFF;
  font-weight: bold;
  font-size: 0.7em;
  text-decoration: none;
  padding: 1px;
  margin: 0px 5px;
  background: url(/i/pb.gif);
}
#main {
  clear: both;
  width: 450px;
  text-align: center;
  margin: 15% auto 0;
}
#index {
clear: both;
  width: 500px;
  text-align: center;
  margin: 2em auto;
}
#mainform {
  clear: both;
  margin: 0 auto;
  padding: 5em 0;
  width: 450px;
  min-height: 400px;
}
#account {
  clear: both;
  margin: 0 auto;
  padding: 2em 0;
  width: 600px;
  min-height: 400px;
}

#text {
  clear: both;
  margin: 1em auto;
  padding: 1em 0;
  width: 600px;
  text-align: justify;
  min-height: 250px;
}
.top100 {
  margin-top: 100px;
}
ol {
  margin: 0;
}
li {
  margin: 0.5em;
}
l {
text-align: left;
}
r {
text-align: right;
}
#form {
  clear: both;
  margin: 0 auto;
  padding: 1em 0;
  width: 80%;
  min-height: 400px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.fc {
  clear: both;
}
#result {
  height: 7em;
  overflow: auto;
  border: 1px solid #E6E6E6;
  background: url(/i/res_bg.png) right bottom no-repeat;
}
.quest {

}
.answ {
  margin-left: 1.5em;
  padding-left: 0.5em;
  border-left: 1px solid #99CC66;
  font-size: 0.9em;
}
code {
  font-size: 1em;
  padding-top: 0.5em;
}
#menu {
  font-size: 0.8em;
  text-align: right;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.help {
  background: #FFF;
}
a {
  color: #336699;
}
#navigation {
  clear: both;
  margin-top: 6em;
  padding-top: 6px;
}
.pagination {
  background: #424242;
  color: #FFF;
  font-size: 0.9em;
  width: 100%;
  padding: 0.2em 0;
}
.pagination a {
  color: #FFF;
}
input {
  width: 100%;
  font-size: 1.5em;
  border: 1px solid #E6E6E6;
  color: #424242;
  margin: 1px 0;
}
.text {
  background: #EFFBEF;
}
.readonly {
  background: #F8ECE0;
}
.radio {
  width: auto;
}
.cb {
  width: auto;
}
.spacer {
  min-height: 2em;
}
.sm_spacer {
  min-height: 1em;
}
textarea {
  width: 100%;	
  font-size: 1.5em;
  border: 1px solid #E6E6E6;
  color: #424242;
  margin: 1px;
}
.inpi {
  width: 70%;
  font-size: 0.9em;
}
.image_list {
  clear: both;
  border: 1px solid #E6E6E6;
  padding: 0.5em;
  margin-top: -1px;
}
.center {
  text-align: center;
}
.button {
  margin: 0.5em 0;
  color: #424242;
  background: #F9F7F3;
  cursor: pointer;
}
.ef {
  background: #F6CECE;
}
.formError {
  text-align: center;
  font-size: 0.75em;
  color: #424242;

}
.after {
  margin-top: 0.5em;
}
.left {
  float: left;
}
.right {
  float: right;
}
.ar {
  text-align: right;
}
.notice {
  margin: 1.5em 0;
  text-align: center;
  background: #FcFaF7;
  color: #FF3300;
  border: 1px solid #E6E6E6;
  font-weight: bold;
}
a.but {
  border: 1px solid #E6E6E6;
  padding: 0.2em;
  margin: 0.2em;
  text-decoration: none;
  background: #F9F7F3;
  color: #424242;
}
a.sbut {
  border: 1px solid #E6E6E6;
  font-size: 1em;
  padding: 0.1em 0.2em;
  margin: 0;
  text-decoration: none;
  background: #F9F7F3;
  color: #424242;

}
a.tiny_but {
  border: 1px solid #E6E6E6;
  padding: 0.1em;
  margin: 0 0 0 0.5em;
  text-decoration: none;
  background: #F9F7F3;
  color: #424242;
  font-size: 0.8em;
}
.att a {
  color: #336699;
}
#footer {
  margin-top: 1em;
  text-align: center;
  font-size: 0.7em;
  background: #F9F7F3;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
#main_footer {
  margin-top: 2em;
  text-align: center;
  font-size: 0.7em;
  background: #F9F7F3;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  width: 98%;
}
#footer a {
  color: #336699;
  text-decoration: underline;
}
.cont {
  clear: both;
  margin: 1em 0 2em;
  padding: 1em;
}
.counter {
  width: 100%;
  border: 1px solid #E6E6E6;
  font-size: 0.9em;
  border-collapse: collapse;
}
.counter th {
  color: #FFF;
  background: #424242;
}
.counter tr {
  border-bottom: 1px solid #E6E6E6;
}
#rotate {
  display:none;
}
#promo {
  float: left;
  margin: 5px 29px;
}
.promo {
  color: #FF6600;
  text-align: center;
}
#ss {
  float: left;
  margin: 5px 28px;
}
#start {
  float: left;
  margin: 5px 27px;
}
.coupon {
}
#coupon {
  clear: both;
  display: none;
}
.cg {
  color: green;
}
.cr {
  color: red;
}
.cb {
  color: blue;
}