/* 
*   Account#new
*/

h1.title {
  margin: 30px 0 24px 0;
  text-transform: uppercase;
  color: #4195C4;
}

form.new_account input,
 form.new_enterprise_inquiry input,
 form.edit_account input{
  width: 190px;
  font-size: 16px;
  height: 20px;
  background: #f7f5f6;
  padding: 0;
  margin: 0;
  border: 1px solid #9A9899;
}

form.new_account input.zipcode,
  form.new_enterprise_inquiry input.zipcode,
  form.edit_account input.zipcode{
  width: 95px;
  margin: 0 0 0 95px;
}

form.new_account select,
  form.new_enterprise_inquiry select,
  form.edit_account select{
  width: 192px;
}

form.new_account label,
  form.new_enterprise_inquiry label,
  form.edit_account label{
  width: 107px;
  height: 17px;
  display: block;
  float: left;
  color: #7B7F82;
  padding: 5px 5px 0 0;
  margin: 0;
  text-align: right;
}
form.new_account label em,
 form.new_enterprise_inquiry label em,
 form.edit_account label em{
  color: red;
  padding: 0 2px 0 0;
}
form.new_account label.cc, form.edit_account label.cc {
  text-align: left;
}
form.new_account input.submit,
  form.edit_account input.submit {
  height: 90px;
  margin: 0 0 0 358px;
  border: 0;
  background: transparent url(../images/submit.jpg) no-repeat scroll left top;
}
form.new_account input#account_terms_of_service,
  form.edit_account input#account_terms_of_service{
  width: 20px;
}

form.new_account .fieldWithErrors,
  form.new_enterprise_inquiry .fieldWithErrors,
  form.edit_account .fieldWithErrors{
  margin: 0;
  display: inline;
}

form.new_account .fieldWithErrors input, form.new_account .fieldWithErrors select,
  form.new_enterprise_inquiry .fieldWithErrors input,
  form.new_enterprise_inquiry .fieldWithErrors select,
  form.edit_account .fieldWithErrors input,
  form.edit_account .fieldWithErrors select{
  border: 1px solid red;
}


div.form_section {
  padding: 0 0 17px 0;
  border-bottom: 2px solid #37d0f9;
}

div.last {
  border: 0;
}

div.form_section input {
  float: left;
}

div.form_section span.title {
  font-size: 22px;
  line-height: 22px;
  margin: 21px 54px 0 0;
  float: left;
}

div.form_section span.login_title {
  padding-bottom: 8px;
  margin-bottom: 14px;
  border-bottom: 1px dotted #D8D8D8;
}

div.tos .formError {
  float: left;
  margin: 10px 0 0 0;
  font-size: 16px;
}

div.tos div.info {
  float: left;
  margin: 40px 40px 0 0;
  width: 220px;
  line-height: 16px;
  font-size: 14px;
}

div.tos div.agree {
  float: left;
  margin: 40px 0 0 0;
}

.form_section .required_info em{
  color: red;
  padding: 0 2px 0 0;
}

div.agree label{
  font-size: 13px;
  width: 250px;
  padding: 4px 0 0 10px;
  text-align: left;
}

div.free_cc_info {
  width: 300px;
  font-size: 14px;
  line-height: 16px;
  color: red;
  margin: 0;
}

ul.login_info {
  margin: 0 0 45px 5px;
  list-style: none;
}
ul.login_info label {
  padding: 2px 5px 0 0;
  display: block;
}
ul.login_info li {
  margin: 0 0 5px 0;
}
div.form_section div.errors {
  height: 20px;
  padding-left: 24px;
  margin: 2px 0 0 0;
  float: left;
}
ul.login_info div.invalid {
  background: transparent url(../images/icons/cross.gif) no-repeat 5px 0px;
}
ul.login_info div.valid {
  background: transparent url(../images/icons/accept.gif) no-repeat 5px 0px;
}

/* 
*   Account#signup and Account#change_plans
*/
.plans {
  width: 945px;
  height: 448px;
  padding: 0 0 20px 0;
}

div.plan {
  float: left;
  width: 257px;
  height: 373px;
  padding: 75px 29px 0 29px;
  position: relative;
}

#content .plan a {
  margin: 0 auto;
  display: block;
  text-align: center;
}

.plan .price {
  position: absolute;
  top: 32px;
  left: 183px;
  color: #FFFFFF;
  font-size: 18px;
  margin: 0 0 0 5px;
}

.plan .plan_info {
  height: 209px;
  margin: 9px 0 0 0;
  padding: 0 0 0 4px;
  font-size: 14px;
  line-height: 18px;
}

.plan .plan_description {
  margin: 0;
}

.plan .plan_features {
  margin: 7px 0 0 0;
}

.free.plan .plan_features, .enterprise.plan .plan_features {
  margin: 12px 0 0 0;
}

.plan .plan_features ul {
  margin: 0 0 0 15px;
}

.plan .plan_features li {
  height: 19px;
  line-height: 19px;
  padding: 0;
  border: 0;
  list-style-type: disc;
}

.plans .free {
  background: transparent url(../images/free_bg.jpg) no-repeat;
}

.plans .basic {
  background: transparent url(../images/basic_bg.jpg) no-repeat;
}

.plans .basic .usage_rates {
  margin: 7px 0 0 0;
}
.plans .basic .usage_rate div {
  float: left;
  width: 145px;
}

.plans .enterprise {
  background: transparent url(../images/enterprise_bg.jpg) no-repeat;
}
.plans .enterprise #contact_price{
  font-size: 18px;
  color: #B14D07;
}


.pricing_list {
  list-style: none;
  line-height: 1.4em;
  font-size: 16px;
}
.pricing_list li{
  border-bottom: 2px solid #37d0f9;
  margin: 0;
  padding: 20px 0 0 0;
}
.pricing_list li h2{
  color: #4195C4;
  text-transform: uppercase;
}
.pricing_list li.first{ padding: 10px 0 0 0; }
.pricing_list li.last{ border: 0; }

.pricing_list .all_plans {
  margin: 0 50px 0 0;
  float: left;
}

.pricing_list .includes{
  width: 700px;
  list-style-type: disc;
  float: left;
  margin: 0 0 1.5em;
}
.pricing_list .includes li{
  float: left;
  width: 255px;
  line-height: 1.4em;
  color: #0054AE;
  border: 0;
  padding: 0;
}
.pricing_list li.last{ border: 0; }

.pricing_list .includes li span{
  color: #000;
}

.plan_titles {
  width: 945px;
  height: 22px;
  margin: 0 0 4px 0;
}

.plan_titles div{
  text-indent: 22px;
  float: left;
  width: 315px;
}

img.free_current {
  margin: 0 0 0 -18px;
}

a.free_signup {
  position: relative;
  top: 0;
  left: -2px;
  width: 185px;
  height: 93px;
}

a.basic_signup {
  position: relative;
  top: 0;
  left: -2px;
  width: 185px;
  height: 93px;
}

a.enterprise_contact {
  width: 215px;
  height: 93px;
}

.faq {
  margin: 5px 0 0 0;
}

.faq .q_and_a {
  width: 285px;
  float: left;
  margin: 0 25px 20px 0;
}

.faq .question {
  font-weight: bold;
  margin:0 0 15px;
}

a.contact {
  padding: 0 22px 0 0;
  background: transparent url(../images/icons/right_blue_arrow.jpg) no-repeat right 0;
  color: #0572A4;
}

/*
*   Account#enterprise and #edit
*/
img.enterprise_contact {
  margin: 0 0 0 124px;
}

p.enterprise_inquery_info {
  font-size: 20px;
  line-height: 22px;
  margin-top: 30px;
  width: 540px;
}

#p-enterprise div.enterprise {
  padding: 0 96px 17px 105px;
}
div.enterprise div.required_info {
  padding: 0 0 6px 0;
  margin: 0 9px 18px 0;
  border-bottom: 1px dotted #D8D8D8;
}

.example {
  font-size: 12px;
  text-align: left;
  clear: both;
  color: #999;
  padding: 4px 0 0 114px;
  font-style: italic;
}

/* Account#signup and #edit */

table.account_info_left {
  float: left;
  width: 620px;
}

table.account_info_right {
  width: 310px;
}

table.account_info tr{
  width: 306px;
}
table.account_info tr.padding{ height: 10px;}
table.account_info tr.hover{background: 0;}

table.account_info th{
  height: 20px;
  font-size: 16px;
  font-weight: normal;
  padding: 0;
  border-bottom: 1px dotted #D8D8D8;
  background: 0;
  text-align: left;
  text-transform: none;
}
table.account_info th.hover{background: 0;}

table.account_info td{ 
  border: 0;
  padding: 1px;
} 

table.account_info label {
  display: block;
}

table.account_info .card_month {
  float: right;
  margin-right: 4px;
  width: 30px;
}
table.account_info .slash {
  float: right;
  padding: 7px 6px 0 2px;
  margin: 0;
  font-size: 16px;
}
table.account_info .card_year {
  float: right;
  width: 45px;
}

label, select {
  font-size: 12px;
  margin: 0;
}