@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,400,300,600,700);

body {
  background-color: #777;
  font: 14px "Helvetica Neue", Helvetica, Calibri, Arial, sans-serif;
  margin: 0px; padding: 0px;
}

a, a:hover, a:visited, a:focus{
  text-decoration: none;
  color: inherit;
  outline: 0;
}

a:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

a.cancel_email, a.cancel_email:visited{
  color: red;
      font-size: 12px;
      margin-left: 10px;
}

ul, li, dl, dt, dd { margin: 0px; padding: 0px; }

ul { margin: 0px 0px 20px; }
ul li { list-style-type: none; background: transparent url(/images/bullet.png) 0px 6px no-repeat; padding-left: 20px; }

#logo_link {
  display: block; width: 135px; height: 45px;
}

#header, #footer, #splash_top { width: 1140px; margin: auto; }
h1, h2, h3, h4 { margin: 0px; padding: 0px; }

p, code { margin: 0px; padding: 0px 0px 20px; line-height: 1.5em}

code { display: block; color: #444; }
a, a:visited { color: #333; text-decoration: none; }
a:hover { color: #19B9E5; }

h3 { font-size: 20px; margin: 0px; padding: 0px 0px 10px; font-weight: normal; }
hr { border: 1px solid #eee; border-width: 1px 0px 0px 0px; margin: 0px 0px 20px; padding: 0px; }

/*#welcome_index h3 { font-size: 16px; font-weight: bold; margin: 0px; padding-bottom: 0px; }*/

#error_message {
  background-color: #feb;
  padding: 10px;
  margin: 10px auto 0px;
  width: 940px;
  border-radius: 5px;
}

fieldset {
  padding: 0px 0px 10px;
  border-width: 0px;
  margin: 0px 0px 20px;
  -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;
  background-color: #f1f1f1;
}

fieldset h3 {
  padding: 10px 20px;
  font-size: 16px; margin: 0px 0px 10px; font-weight: normal;
  -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
  background-color: #ccc;
  margin: 0px 0px 10px 0px;
}

.radio_field, .text_field, .textarea_field, .select_field {
  padding: 10px 20px;
  margin: 0px;
}

#color_settings #swfupload_button {
  margin-left: 18px;
}

#reset_link {
  margin: 10px 10px 25px 10px;
}

.checkbox_field label, .radio_field label { cursor: pointer;  display: inline; padding-left: 10px;  }
.checkbox_field, .radio_field { padding: 5px 0px 5px 20px; }
#openid_toggle input, .checkbox_field input { border-width: 0px; }

.domain_term .checkbox_field { padding-left: 2px; }

td.checkbox_field { padding: 10px 20px; }

#payment_options { padding: 5px 10px; position: relative; }
#payment_options .custom_field {
  padding: 5px 0px 5px 30px;
  background-image: url('/images/check_off.png');
  background-repeat:no-repeat;
  background-position: -2px 0px;
  display: block;
  margin-bottom: .5em;
  border: 1px solid transparent;
}
#payment_options .custom_field:hover {
  background-color: #eee; border: 1px solid #D4D4D4;
}

#payment_options a{
color: #000;
font-size: 16px;
padding-left: 10px;
}
#payment_options a:active {
	position: relative;
	top: 1px;
}


#payment_options .selected, #payment_options .selected:hover {
background-color: #f8f4d5;
border: 1px solid #D4D4D4;
background-image: url('/images/check_on.png') }

#payment_options .main{ width: 525px; margin-bottom: 10px; }
#payment_options .sidebar{ width: 175px; position: absolute; right: 0; bottom: 0;}
#payment_options .termcol{width: 180px; display: inline-block; }
#payment_options .applied_discount{
color: #49ac36;
font-weight: bold;
margin-top: 5px;
display: inline-block;
}

#payment_options .applied_discount_failed{
color: #A94442;
font-weight: bold;
margin-top: 5px;
display: inline-block;
}

#discount_box{width: 55%;  margin-right:20px;}


#discount_box { margin-top: 5px;  }
label {
  display: block; text-transform: uppercase; color: #444; margin: 0px 0px 5px; font-size: 12px; font-weight: bold;
}
#payment_explanation .account_notice { margin-left: 20px; }

.radio_button label { text-shadow: none; cursor: pointer; padding-left: 5px; display: inline; text-transform: none; font-size: 14px; font-weight: normal; margin: 0px; }

input, textarea { margin: 0px; border: 1px solid #666; background-color: #fff; padding: 5px; }
textarea { padding: 4px 5px; }

input.tiny, select.tiny { width: 50px; }
input.short, select.short { width: 100px; }
input.medium, select.medium { width: 200px; }
input.long, select.long { width: 300px; }
input.extra_long, select.extra_long { width: 500px; }

.fieldWithErrors { display: inline; }
.fieldWithErrors input, .fieldWithErrors textarea { border: 1px solid red; }
.formError { color: #f00; padding-top: 3px;  }

#page_wrapper { padding-top: 20px; }
#header {
  position: relative;
  height: 55px;
}
.page {
  background-color: #fff;
  width: 1140px;
  -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
  margin: 40px auto 0px;
}
#welcome_index .page { margin-top: 20px; }
.content { padding: 30px 30px 10px 30px }


#top_content { overflow: hidden; background-color: #ddd; padding-bottom: 20px; }
#top_content { -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius: 8px 8px 0px 0px; border-radius: 8px 8px 0px 0px }

#top_content h1, #top_content h2 { float: left; font-weight: normal;  margin: 0px; padding: 0px;}
#top_content h1 { text-shadow: 1px 1px 0px #fff; font-size: 32px; color: #333; padding-right: 20px; margin-right: 20px; border-right: 1px solid #bbb}
#top_content h2 { text-shadow: 1px 1px 0px #eee; font-size: 18px; color: #999; padding-top: 12px; }
#top_content h2 a { color: #777 }

table { width: 100%; margin-bottom: 50px;  overflow: hidden; border-collapse: collapse; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;  }
table th { text-transform: uppercase; text-align: left; font-size: 12px; background-color: #ccc; }
table th { padding: 10px 10px; margin: 0px;  }
table td { padding: 10px 10px; margin: 0px; vertical-align: middle; line-height: 1.5em; }
table th.last, table td.last { text-align: right }
table td.first.last { text-align: left }


table tr {
  border-bottom: 1px solid #dbdcd0;
  padding-bottom: 5px;
}
table tr.order_details {
  border-bottom: none;
  font-size: 0.9em;
  color: #666;
}
table tr.order_details td {
  padding: 5px 10px;
}
table tr.order {
  border-bottom: none;
  border-top: 1px solid #dbdcd0;
}
table tr.order.completed,
table tr.order_details.completed {
  border-left: 5px solid #4cae4c;
}
table tr.order.failed,
table tr.order_details.failed {
  border-left: 5px solid #A94442;
}
table tr.order.pending,
table tr.order_details.pending {
  border-left: 5px solid #f9edab;
}
table tr.order.order_group td{
  padding-bottom: 0px;
}
table tr:hover{ background-color: #f1f1f1;}
table tr:first-child{ border-top: 1px solid #dbdcd0; }
table tr:last-child{ border-bottom: 2px solid #dbdcd0; }
table thead{ display: none}



ul#navigation li { padding: 0px; list-style-type: none; background: none; }
ul#navigation { z-index: 10; margin: 0px; position: absolute; top: 10px; right: 0px; }
ul#navigation li { float: left; }
ul#navigation li a, ul#navigation li .dropdown { font-size: 14px; float: left; display: block; padding: 10px 15px; color: #fff; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
ul#navigation li a:hover { background-color: #444; color: #bbb; }
ul#navigation li.secondary_nav a { color: #000 }
ul#navigation li.secondary_nav a:hover { color: #fff }

ul#navigation li.secondary_nav { margin-left: 10px; border-left: 1px solid #555; }
ul#navigation li.secondary_nav ul { margin: 0px 0px 0px 10px; }
ul#navigation li.secondary_nav ul li { font-size: 15px; text-transform: lowercase; font-variant: small-caps; }

.hover_menu { float: left; position: relative; cursor: pointer; }
.hover_menu:hover { background-color: #333; }

ul#navigation li .hover_menu a { -moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px; }
ul#navigation li .hover_menu a:hover { background-color: #444; color: #bbb; }

ul.menu { position: absolute; top: 36px; left: 0px; background-color: #333; display: none; }
ul.menu li { display: block; float: none; width: 180px; }
ul#navigation ul.menu li a { float: none; display: block; }

#footer { position: relative; margin-top: 20px; margin-bottom: 20px; clear: both;}
#copyright { padding: 0px; position: absolute; right: 20px; top: 0px; color: #fff; font-size: 16px; text-align: right }
#copyright a { color: #fff; }
#copyright div { margin-top: 5px; }
#footer dl { float: left; margin-right: 50px; margin-left: 20px; }
#footer dt { color: #fff; font-size: 18px; padding-bottom: 8px}
#footer dd a { color: #ddd; font-size: 16px; }
#footer dd a:hover { color: #fff; }
#footer dd { padding: 2px 0px; }

/* Buttons */
button { border: 0px; }

.button, .button:visited {
  border: 0;
  background: #777 url(/images/button-overlay.png) repeat-x;
  display: inline-block;
  padding: 10px 15px 11px;
  margin: 0px 0px;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
.button.disabled, .button.disabled:hover { color: #ccc; background-color: #777; }

tr.disabled {
color: grey;
background-color: #ECECEC;
/*font-weight: strong;*/
}

.button:hover { background-color: #555; color: #fff; }
.button:active { top: 1px; }

.button.large { font-size: 18px; }

.go, .go:active, .go:visited{}

.small_button, .small_button:visited, .small_button:focus, .medium_button, .medium_button:visited, .medium_button:focus, .save, .cancel {
  border: 0;
  background-color: #999;
  -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
  color: #fff;
  padding: 5px 10px;
  margin-left: 10px;
  font-size: 12px;
  cursor: pointer;
  -webkit-box-sizing: initial;
  -moz-box-sizing: border-box;
  box-sizing: initial;
}

.medium_button, .medium_button:visited {
   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
   font-size: 14px;
   background-color: #4a4528;
   padding: 12px 18px;
}

.small_button:first-child{
   margin-left: 0px;
}

.small_button.flush{
   margin: 0px;
}

.small_button, .small_button:visited, .small_button:focus, .highlighted .small_button, .save, .cancel {
	background-color: #19b9e7;
	border-radius: 5px;
	text-decoration: none;
	min-width: 75px;
  display: inline-block;
  text-align: center;
}

.small_button.more-horizontal-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.save, .cancel{
margin-left: 0;
margin-right: 10px;
font-size:10px;
min-width: 50px;
text-transform: capitalize;
}

.cancel{
background-color: maroon;
}



.small_button:hover { color: #fff; background-color: #555 }

.highlighted .small_button { background-color: #444 }
.highlighted .small_button:hover { background-color: #777 }


.exit_button, .exit_button:visited{
  background-color: #e6d98f;
  text-decoration: none;
   -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
   padding: 5px 10px;
    margin-left: 10px;
    font-size: 12px;
    cursor: pointer;
    color: #000;
    font-weight: bold;
}

.exit_button:hover{
  background-color: #f9edab;
}

/* Main/Splash Page */

#splash_top { width: 960px; padding: 40px 0px 0px;  }
#splash_top h1 {
  font-weight: normal;
  font-size: 34px;
  color: #fff;
  text-shadow: 1px 1px 1px #444;
  padding: 0px 0px 0px 30px; margin: 0px;
}

#splash_top h2 {
  font-size: 22px;
  font-weight: normal;
  color: #ccc;
  text-shadow: 1px 1px 1px #444;
  padding: 0px 0px 0px 30px; margin: 0px;
}
#splash_customized, #splash_features { float: left; width: 500px; }

#splash_testimonials { float: left; width: 400px; }

#splash_features ul, #splash_customized ul { margin: 0px; }
#splash_features li, #splash_customized li { padding: 0px; background: none; top: -5px; position: relative; list-style-type: none; float: left; width: 230px; margin-right: 20px; margin-bottom: 20px; }
#splash_customized li h3 {  padding: 5px 0px 0px 0px; }

#splash_customized ul.with_icons li h3 { padding: 5px 0px 0px 55px; }
ul.with_icons li h3, #splash_features h3 { height: 45px; padding: 5px 0px 0px 55px; background: transparent url(/images/big_icons/plus.png) no-repeat 0px 0px; }

#splash_features p, #splash_customized li p { margin: 0px; font-size: 12px; margin-bottom: 0px; padding: 0px; }

.press_article { overflow: hidden; }
.press_article .article_title { font-size: 14px; font-weight: bold; margin-top: 10px; padding-bottom: 10px;  }
#splash_press { padding-bottom: 20px; }
#splash_press .article_logo, #splash_press .article_snippet { float: left; }
#splash_press .article_logo { width: 100px; }
#splash_press .article_logo img { border: 2px solid #ddd; }
#splash_press .article_snippet p { font-size: 12px; width: 240px; }

#splash_already_have_website h3 { padding-bottom: 10px; font-size: 16px; }
#splash_already_have_website p { padding-bottom: 10px; }
#splash_already_have_website { float: left; margin-left: 20px; }

li#feature_editing h3 { background-image: url(/images/big_icons/paper-pencil.png); }
li#feature_blogging h3 { background-image: url(/images/big_icons/speech.png); }
li#feature_everyone h3 { background-image: url(/images/big_icons/people.png); }
li#feature_hosted h3 { background-image: url(/images/big_icons/refresh.png); }
li#feature_unique h3 { background-image: url(/images/big_icons/photo.png); }
li#feature_components h3 { background-image: url(/images/big_icons/list.png); }

#button_build_now { margin: 0px; }
#video_screenshots {
  margin-top: 80px;
  background-color: #444;
  padding: 20px 30px;
  position: relative;
  -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25); box-shadow: 0px 0px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}
#tour_video {
  position: absolute;
  right: 35px;
  top: -178px;
  background: transparent url(/images/video_player/shadow.png) bottom no-repeat;
  padding-bottom: 27px;
}
#tour_video img {
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.50); box-shadow: 1px 1px 5px rgba(0,0,0,0.50); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.50);
  border-width: 0px;
}

#splash_testimonials h3 { margin-bottom: 20px; }
.more_link { font-size: 10px; }

#splash_testimonials .more_link { float: right; }

#featured_sites { height: 60px; margin-bottom: 30px; }
#featured_sites li { padding: 0px; background: none; list-style-type: none; float: left; margin-right: 20px; }
#featured_sites li.last { margin-right: 0px; }
#featured_sites li img { border: 3px solid #777; width: 79px; height: 60px; }
#featured_sites li a:hover img { border-color: #333; }

blockquote.testimonial {
  position: relative;
  border: 1px solid #ddd;
  background-color: #fff;
  margin: 0px 0px 10px;
  padding: 0px 10px 0px 50px;
  font-size: 12px;
  color: #333;
  -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
  -moz-box-shadow: 0px 0px 8px #bbb; box-shadow: 0px 0px 8px #bbb; -webkit-box-shadow: 0px 0px 8px #bbb;
}
blockquote.testimonial { min-height: 60px; }
blockquote.testimonial div.bq_watermark { position: absolute; top: -5px; left: 10px; font-size: 84px; color: #999 }
blockquote.testimonial p { margin: 10px 0px; padding-bottom: 0px; }
.testimonial_author { margin-left: 20px; margin-bottom: 20px; font-size: 12px; font-style: italic; }

#splash_twitter, #splash_blog_posts, #splash_press {
  width: 230px;
  float: left;
  padding-right: 20px;
}
#splash_twitter { padding: 0px 19px; border: 1px solid #ccc; border-width: 0px 1px; }
#splash_blog_posts { width: 210px; padding-right: 20px; }
#splash_press {  width: 380px; padding: 0px; padding-left: 20px; }

#top_content { padding-bottom: 10px; }
#splash_bottom { overflow: hidden; padding-bottom: 20px; }
#splash_bottom div.title {
  padding-left: 52px;
  height: 45px;
  background: transparent url(/images/big_icons/plus.png) 0px 0px no-repeat;
}
#splash_bottom div.title h3 { padding-top: 6px; }

#splash_twitter div.title { background-image: url(/images/big_icons/twitter.png); }
#splash_blog_posts div.title { background-image: url(/images/big_icons/rss.png); }
#splash_press div.title { background-image: url(/images/big_icons/press.png); }

#splash_blog_posts strong { display: block; margin-top: 10px; }
#splash_blog_posts p { font-size: 12px; margin: 0px; padding-bottom: 10px; }

#splash_twitter .tweet { padding: 10px; font-size: 12px; margin: 10px 0px 0px; background-color: #eee; }
#splash_twitter .info { font-size: 11px; margin: 0px 0px 0px 10px; color: #999; padding-bottom: 10px; font-style: italic; }


/* Account page stuff */


.error_notice {
  border: 3px solid #E73E3E;
  background-color: #FFE9E9;
  -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
  padding: 20px 20px 0px;
  margin-bottom: 20px;
}

.account_notice {
  border: 3px solid #FAEDC0;
  background-color: #FDFFE9;
  -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;
  padding: 20px 20px 0px;
  margin-bottom: 20px;
}

.designer_notice {
  font-size: 18px;
  background-color: #000;
  color: #fff;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  padding: 20px 20px 0px;
  margin-bottom: 20px;
}


#account_info th { width: 50% }
#account_info ul { margin-bottom: 0px; }
#account_info .logged_in_as { font-weight: bold; margin-bottom: 10px; }

.small_link { font-size: 11px; }

.disk_usage_bar {
  position: relative;
  width: 100%;
  height: 20px;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
  border: 1px solid #777;
  color: #fff;
  background: #999 url(/images/button-overlay.png) 0px 0px repeat-x;
}

table.highlighted .disk_usage_bar {  margin: 0px 0px 10px; }

.space_used, .space_free, .usage_overlay { position: absolute; }
.space_used, .space_free { font-size: 12px; text-shadow: 0 1px 1px rgba(0,0,0,0.50); top: 2px; font-weight: bold }

.usage_overlay { background: #222 url(/images/button-overlay.png) 0px 0px repeat-x; top: 0px; height: 20px; left: 0px; }
.usage_overlay { border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; }
.space_used { left: 10px; }
.space_free { right: 10px; }

#upgrade_button { float: right; margin-top: 10px; }

#account_info th { text-align: left; }
#plan_details { font-size: 12px; }
#plans_container { position: relative; }

h3.table_cap { position: relative; }

h3.table_cap{
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 18px;
  font-weight:500;
}


.table_cap_actions, a.create_link { position: absolute; right: 10px;  font-size: 13px; }

a.create_link{ bottom: 8px; }
.table_cap_actions{ top: 13px;}

.table_cap { background-color: #eee;
  padding: 10px 10px; margin-bottom: 20px;
   border-radius: 5px 5px 0px 0px; }

.table_cap_actions a, a.create_link{
  background-color: #edede9; padding: 5px 10px; color: #333;
  	border-radius: 5px;
}

.table_cap_actions a:hover, a.create_link:hover{background-color: #6c757d; }

.offline_website { color: #f00; font-size: 12px; }
#no_coupon_code { display: block; font-size: 11px; color: #444;}

#plans_table, #plans_table th { text-align: left; background-color: #fff }
#plans_table td { padding: 10px 20px; color: #222; font-size: 12px; border: 1px solid #D4D4D4; border-width: 1px 1px 0px 0px; text-align: center; }
#plans_table { border-collapse: separate }
#plans_table thead td { border: 0px; }
#plans_table td.left_column { border-right-width: 0px; text-align: left; }

#plans_table th {
  -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
  background-color: #eee; font-size: 58px;
  text-align: center;
  font-weight: normal;
  text-shadow: -1px -1px 1px #999;
  color: #fff;
  text-transform: none;
  width: 130px;
  background: #999 url(/images/dark-overlay.png) bottom left repeat-x;
}
#plans_table tfoot td { border-width: 1px 1px 1px 0px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-radius: 0px 0px 5px 5px; }
#plans_table tfoot td.bottom_corner { border-width: 1px 0px 0px 0px; }
#plans_table td.first { border-left-width: 1px; }

#plans_table th.item_0 { background-color: #265984; }
#plans_table th.item_1 { background-color: #ffaa00; }
#plans_table th.item_2 { background-color: #40BD23; }
#plans_table th.item_3 { background-color: #C64C27; }

td#plan_discount { padding: 0px; }
#plan_discount div { padding-top: 10px; border-top: 3px solid #bbb; margin-top: 30px }
#plan_discount p { margin: 0px; padding: 0px 20px; color: #555; }
#plan_discount p.savings { font-size: 11px; }

#plans_table td.selected_column { background-color: #f8f4d5; }
#plans_table td.selected_column a{ display: none; }
#plans_table tfoot  td.selected_column{
background-image: url('/images/plan_selected.png');
background-repeat: no-repeat;
background-position: center center;
}

ul.account_tickets li { background-image: none; list-style-type: none; padding: 10px;  margin: 0px; }
ul.account_tickets li.odd { background-color: #eee; }
ul.account_tickets .ticket_date { font-size: 12px; color: #777; font-style: italic; }
 textarea#ticket_body, textarea#reply_body { width: 470px; height: 150px; }

#payment_options_form { overflow: hidden; }

#payment_explanation { margin-top: 10px; float: left; }
.payment_info { color: #222; margin-bottom: 15px; font-weight: bold; font-size: 16px; }
.payment_info.total { color: #000; font-size: 25px; }
.payment_info.original { text-decoration: line-through; }


.next_step_container { position: relative; margin-top: 10px; margin-bottom: 20px; height: 35px; }
.next_step_container .button { position: absolute; top: 0px; right: 0px; margin-top: 0px; }
.next_step_explanation { padding-top: 12px; width: 700px; font-size: 12px; }

.split_content { display: flex;  gap: 30px; }

.split_content .split_60 {   flex: 0 0 calc(60% - 15px);  }
.split_content .split_40 {   flex: 0 0 calc(40% - 15px);  }
.split_content .split_50 {   flex: 0 0 calc(50% - 15px); }

#account_domains { width: 490px; margin-right: 30px; float: left; }
#account_emails { width: 380px; float: left; }
#domain_list, #email_list { width: 100%; }
#domain_list td, #email_list td { font-size: 12px; }

.loading_indicator { margin-left: 15px; }
.loading_indicator img { vertical-align: middle; }
.loading_indicator .loading_text { margin-left: 5px; vertical-align: middle; font-size: 10px; }

#domain_query { height: 20px; width: 300px; }
#domain_pricing_details table { width: 100%; }
#domain_price_total { float: right; margin-right: 20px; font-size: 18px; padding-bottom: 20px; }

#domain_availability_wrapper { margin-top: 30px; }
#left_domain_availability_wrapper { width: 435px; float: left; margin-right: 30px }
#right_domain_availability_wrapper { width: 435px; float: left; }
#left_domain_availability_wrapper table, #right_domain_availability_wrapper table { width: 100%; }

.domain_availability_text img { vertical-align: middle; }
.domain_availability_text span { margin-left: 7px; margin-top: 2px; vertical-align: middle; }
.domain_available { color: green; }
.domain_unavailable { color: #5a5a5a; }

#update_contact_form { display: none; }

#domain_contact_information { float: left; margin-right: 35px; }
#domain_contact_address { float: left; }

#standard_login { position: relative; }

#login_content { position: relative; }
#openid_toggle { position: absolute; bottom: 30px; right: 20px; }
#openid_toggle label { margin-left: 10px; cursor: pointer; display: inline; font-size: 12px; font-variant: normal; text-transform: none; }
#use_openid_signup { padding-left: 2px; font-size: 10px; padding-top: 2px;  }
#signup_loading { margin-left: 15px; font-style: italic; color: #555; }

#forgot_password { padding: 10px 20px; text-align: right;}


#whatis_openid { margin: 0px 0px 0px 0px; padding: 0px; }

#user_password, #user_email { width: 200px; }

#availability_notification.available { color: #090; }
#availability_notification.unavailable { color: #f00; }

#password_strength  {font-weight: bold; font-size: 11px; background-color: #fdffd8; border: 1px solid #ccc; width: 190px; padding: 5px; border-top: 0px; }
#strength_level { color: #f00; }
#strength_level.very_weak { color: #f00; }
#strength_level.weak      { color: #d57702; }
#strength_level.nothing_entered { color: #999; }
#strength_level.medium    { color: #0aa4bb; }
#strength_level.strong    { color: #34741b; }
#strength_level.very_strong { color: #04f; }
.password_hint, .domain_info { color: #555; font-size: 11px; margin-top: 5px; font-style: italic; }
.pagination { margin-bottom: 20px; }

#all_featured_sites { list-style: none; overflow: hidden}
#all_featured_sites li { background: #777; padding: 6px; margin: 0px 30px 30px 0px; float: left; display: inline; color: #fff; }
#all_featured_sites li.odd { margin-right: 0px; }
#all_featured_sites li img { border: none; width: 422px; height: 260px; }
#all_featured_sites li:hover { background-color: #222 }
#all_featured_sites li p { padding: 0; margin: 10px 0 2px 0; font-size: 10pt; }
#all_featured_sites li a { color: #FFF; }

ul#tour_features li { background-image: none; clear: both; display: block; list-style-type: none; margin: 0px; overflow: hidden; padding: 0px 0px 20px 0px; }
ul#tour_features li img { float: left; width: 150px; height: 150px; margin-right: 20px; }
ul#tour_features:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul#tour_features li {overflow: visible; margin-bottom: 60px;}
ul#tour_features li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul#tour_features li h3 {padding-top: 20px;}
ul#tour_features li p {padding-top: 20px;}
ul#tour_features li img {display: block; float: left; margin: 0px 0px 15px 0px; width: 455px; height: 250px;border: 4px solid #fff; -webkit-box-shadow:  0px 0px 3px 2px rgba(0, 0, 0, .1); box-shadow:  0px 0px 3px 2px rgba(0, 0, 0, .1); margin-right: 50px;}
ul#tour_features li.even img {float: right; margin-right: 0px; margin-left: 50px;}


#failboat {
  background: transparent url(../images/failboat.png) no-repeat top center;
  height: 480px;
  font-weight: bold;
  color: #856a40;
  position: relative;
  font-family: Helvetica, Arial;
}

#failboat #error_details {
  width: 500px;
  text-align: center;
  margin: 20px auto;
}
#error_details strong {
  background-color: transparent;
  font-size: 18px;
  color: #f00;
}
#error_details p { font-weight: bold; text-transform: lowercase; }
#error_details a { color: #940; text-decoration: none; }
#error_details a:hover { color: #090; }

.pagination {
  overflow: auto;
}
.pagination .entry_info { float: left; }
.pagination .next_prev_links { float: right; }

.call_to_action { clear: both; margin-bottom: 20px; position: relative; font-size: 18px; background-color: #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.call_to_action p { padding: 30px; }
.call_to_action a.button { position: absolute; top: 20px; right: 20px;  }

span.right_of_button { padding-left: 10px; }

ul.email_account_settings li { margin-bottom: 15px; }

textarea[disabled], input[disabled] { border-color: #ccc; color: #999; }

#category_selectors { overflow: hidden; }
#category_selectors select { margin-left: 10px; }
#category_selectors label { display: inline; }
#category_selectors .select_field { float: left; }



li.theme_thumb{float: left; margin-bottom: 15px; padding: 10px; }



.domain_name{font-weight: bold; font-size: .95em;}
.unrecoverable{ color: #C04848;}

.renew{line-height: 1.5em;}
.additional{ margin-top: 30px;}


div.notice {
	background: #FFF6BF;
	border: 2px solid #FFD324;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
}

div.success {
	background: #b5e7b2;
	border: 2px solid #4b8b47;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;

}


div.warning a{
	color: #584487;
  font-weight: bold;
  font-size: 1em;
}

div.warning {
	background: #FFD0D4;
	border: 2px solid #FF898C;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
}

a.notice{
  color: #E45635;
}

a:hover.notice{
  color: #ED112D;
}

a.warning:hover{
  background-color: #E45635 !important;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.25);
}

a.warning{
  background-color: #ED112D !important;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.25);
}

.browser_wrapper{
/*  padding-top:8px;
  padding-left:1px;
  padding-right:1px;*/

  /*background: transparent url(/images/browserwrap420.png) no-repeat;*/
  margin-top: 15px;
  border: 1px solid #bbb;
}

.browser_wrapper:hover {
	border: 1px solid #666;
}

#slide_wrapper{
	margin: 0 auto;
	/*max-width: 980px;*/
	width: 100%;
}

#registration_signup .page{
  width: 980px;
}

#slides ul li{
  list-style: none;
  background: none;
  padding: 15px;
  margin: 0 14px 26px 18px;
  /*height: 312px*/

}

#slides ul li.selected{
  -webkit-box-shadow: 0 0 5px#333;
  box-shadow: 0 0 5px #333;
  background-color: #fff;
  border-radius:5px;
}

.theme_price{
  margin-top: 12px;
  display: inline-block;
  width: 100px;
  float: left;
}

/*
#slides img{
  background-color: #ccc;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
  border: 4px solid white;
}
*/


#slides {
  width: 100%;
  /*max-width: 980px;*/
}

#slide_wrapper .pagination{
  text-align: center;
  margin-right: 10px;
  display: block;
}

#registration_signup .pagination{
  font-size: 130%;
}

#preview_theme{
  padding: 10px;
  background-color: #fff;
  display:none;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}

#preview_theme li{
  float: left;
  list-style-type: none;
  background-image: none;
  padding: 5px 5px 0 0;
  margin: 0;
}

.slide{
	/*max-width: 980px;*/
	width: 100%;
  float: left;
  top: 10px;
}
#slide_wrapper{
  position: relative;
}
#prev, #next{
  position: absolute;
  background: transparent url(/images/themesprite.png) no-repeat;
  height: 75px;
  width: 100px;
  display: block;
  top: 500px;
  left: -40px;
}

#next{
  left: calc(100% - 30px);
  background-position: 5px -318px;
}
#prev:hover{
  background-position: 0px -78px;
}

#next:hover{
  background-position: 5px -396px;
}

.selectedover{
  position: relative;
  background: transparent url(/images/check3.png) no-repeat;
  height: 128px;
  width: 280px;
  display: block;
  top: -7px;
  left: 4px;
  margin-top: -128px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-position: left;
}

.selectedover h1{
  padding-top: 37px;
  font-size: 18px;
  color: #A7DBD8;
}
.selectedover a{
  line-height: 25px;
  color: #fff	;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
}

.selectedover h1, .selectedover a{
  margin-left: 55px;
}


.selectedover a:hover{
  color: #FFFF00;
}

#prev span, #next span{ display: none; }

#slides img.selected{
  border: 4px solid  #F4F328;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.premium_small{
  background-image: url(/images/pro.png) !important;
  background-position: right center !important;
  padding-right: 30px !important;
  background-repeat: no-repeat !important;
  color: #333 !important;
}

.premium_small:hover{
  color: #666 !important;
}

.package_title{
  font-size: 75%;
}

.topcents{
  font-size: .5em;
  vertical-align: .75em;
  margin-top: 5px;
}

.medium_link{
margin-right: 20px;
font-size:13px;
}

.medium_link:last-child{
  margin-right: 0px;
}


.designer_example_sites{
	list-style-type: none;
}

.designer_example_sites li{
	background: none;
}

.designer_example_sites img{
margin: 5px;
padding: 5px;
border: 1px solid #666;
background-color: #fff;
}

.designer_hire{
	margin: 10px 0;
}

.bubble{
  display:block;
  position: relative;
  padding: 15px;
  margin: 1em 0 3em;
  color: #000;
  background: #eee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.bubble:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 60px;
  border: 0;
  border-right-width: 30px;
  border-bottom-width: 20px;
  border-style: solid;
  border-color: transparent #eee;
  display: block;
  width: 0;
}

.bubble:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 80px;
  border: 0;
  border-right-width: 10px;
  border-bottom-width: 20px;
  border-style: solid;
  border-color: transparent #fbfbfd;
  display: block;
  width: 0;
}



.expired{
  color: red;
}

.tabs{
   border-bottom-color: rgb(221, 221, 221);
   border-bottom-style: solid;
   border-bottom-width: 1px;
   color: grey;
   display: block;
   font-size: 16px;
   height: 37px;
   line-height: 20px;
   margin-bottom: 20px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
}

.tabs li{
  color: rgb(51, 51, 51);
  display: list-item;
  float: left;
  font-size: 16px;
  height: 38px;
  line-height: 20px;
  margin-bottom: -1px;
  text-align: left;
  margin: 0;
  background-image: none;
  padding-left: 0;
  margin-right: 10px;
}

.tabs li a{
  display: block;
  padding-right: 12px;
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  color: grey;
}

.tabs li a i{ padding-right: 7px; }

.tabs .active{
  margin-top: -1px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
  padding: 0px 0px;
  border-bottom: none;
  background-color: #fff;
  margin-right: 10px;
}

.tabs li.active a{
   color: #333;
}

.tabs .active a:hover{
  background-color: #fff;
  cursor: default;
}

.tabs a:hover{
  background-color: #ddd;
  color: #333;
}

.screenshot_thumb{
  overflow: hidden;
  height: 275px;
  width: 279px;
  background-color: #666;
  display: table-cell;
  vertical-align: middle ;
  text-align: center;
  margin:10px;
}

.screenshot_thumb img{
  max-width: 90%;
  max-height: 90%;
  vertical-align: middle;
  width: 100%;
}

.work_sample{
  float: left;
  padding: 10px;
  height: 355px;
  width: 285px;
  background-repeat:no-repeat;
  background-position:center;
  margin-bottom: 40px;
  position: relative;
  background-color: #f1f1f1;
}

.draggable{
  background-image: url('/images/icons/move_indicator.png');
  background-repeat:no-repeat;
  background-position: 10px 10px;
}

.work_sample img{
  margin-bottom: 10px;
}

.work_sample .url{
  color: #666;
  font-size: .8em;
  text-transform: uppercase;
}

#work_samples_portfolio .work_sample{
   height: 385px;
}

#work_samples_portfolio .work_sample .url, #work_samples_portfolio .work_sample .title{
  padding: 5px;
  margin: 2px;
}

.work_sample .title{
  font-weight: 400;
  font-size: 1.1em;
}

.work_sample .delete{
  display: block;
  top: 10px;
  right: 10px;
  font-size: 0.8em;
  margin-bottom:10px;
  text-decoration:underline;
  width: 50px;
  height: 20px;
  position: absolute;
}

.work_sample .approve{
  text-align: left;
  display: block;
  top: 10px;
  left: 10px;
  font-size: 0.8em;
  margin-bottom:10px;
  text-decoration: underline;
  width: 50px;
  height: 20px;
  position: absolute;
}

.work_sample .cancel, .work_sample .save{
  background-color: #007a09;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
}

.img_wrapper{
  height : 300px;
  width : 285px;
  overflow: hidden;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding-top: 20px;
  margin-bottom: 10px;
}

.work_sample .cancel{
  background-color: #d23e14;
}

.ui-sortable .work_sample .img_wrapper{
    cursor: move;
}

.designer .title_bar{
  height: 20px;

  margin-bottom: 20px;
  padding: 10px;
  line-height: 20px;
  font-family: 'Lato', sans-serif;
  border: 1px solid #f1f1f1;
   background-color: #f7f7f7;
}

.designer .title_bar .more{
  float: right;
  text-decoration: underline;
}

.designer{
  height: 500px;
}

.portfolio_gallery{
  overflow: hidden;
  zoom: 1;
}

.col_20, .col_40, .col_50, .col_60{
  float: left;
}

.last_col{
  padding-right: 0;
}

.asterion-row{
  overflow: hidden;
}

.col_20{
  width: 20%;
}

.col_40{
  width: 40%;
}

.col_50{
  width: 50%;
}

.col_60{
  width: 60%;
}

.col_60 .work_sample{
 margin-left: 20px;
}

.col_60 .img_wrapper, .col_60 .work_sample{
  max-width: 100%;
}

.form_wrapper{
  border: 1px solid #f2f2f2;
}

.form_wrapper h3, .form_wrapper button{
  margin-top: 10px;
  margin-left: 20px;
}

textarea#contact_message{
  width: 100%;
  min-height:100px;
}

img, textarea{
  max-width: 100%;
}

#designer_work .work_sample{
  height: 100%;
  width: 90%;
}

#designer_work .img_wrapper{
  width: 100%;
  height: 100%;
}

#designer_work .img_wrapper img{
 width:100%;
}


#designer_info ul{ margin: 0}
#designer_info th{
  background-color: rgb(30, 37, 48);
  color: #fff;
}


#designer_info i{
 margin-right: 10px;
 font-size: 3em;
}

#designer_info li{
  line-height: 2em;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-image: none;
  width: 175px;
  float: left;
  height:175px;
  margin-right:60px;
}

#designer_info li.last{
  margin-right:0px;
}
#designer_info li.first{
  margin-left: 20px;
}

#designer_info td{
  padding: 20px 0;
}

#designer_info li a{
  vertical-align: middle;
  display: table-cell;
  height:175px;
  width: 175px;
  text-align: center;
  border: 1px solid #ddd;
}

#designer_info li a:hover{
  background-color: #42466d;
  color: #fff;
}

.designer_program{
  margin-bottom: 20px;
  display: block;
}

.delete_area{
  position: relative;
}

.delete_area .button{
  position: absolute;
  right: 0;
  top: -57px;
}

.clear{
  clear: both;
}

.drop-cap {
color: #f2f2cc;
float: left;
font-family: Georgia;
font-size: 3em;
line-height: 1em;
padding: 0 5px 0 0;
}

.logged_in_as{
  line-height: 3em;
  float: right;
}

#sub_nav .active a{
  background-color: #fff;
  padding: 5px 10px; color: #333;
	border-radius: 5px;
}

#sub_nav{
  background-color: #f2eee9;
  padding: 10px;
}
#sub_nav li{
  display: inline-block;
  background: none;
  margin-right: 10px;
}

#sub_nav li:first-child{
  padding-left: 10px;
}

#sub_nav li a{
  padding: 5px 10px;
}

.first_col td:first-child{
 width: 100px;
}

.my_plan{
  border: 1px solid #dbdcd0;
  display: block;
  clear: both;
  padding: 20px;
  margin-bottom: 50px;
}

.bold{
  font-weight: bold;
}

.save_work{
  display:none;
}

.save_work, .work_sample_save_spinner{
  width: 40px;
  min-width: 40px;
  position: absolute;
  right: 4px;
  bottom: 6px;
}

.work_sample_save_spinner{
  width: auto;
  min-width: 0;
  right: 20px;
}

.sub_label{
  font-size: 0.8em;
  line-height: 1.5em;
}

.contact_designer .text_field, .contact_designer .textarea_field{
  padding-left: 0;
  padding-right: 0;
}

.designer_col{
  float: left;
  width:  445px;
}

.client_col{
  width: 445px;
  float: right;
}

.pro_designer, .need_designer{
  background-color: #dbdcd0;
  padding : 10px;
  height: 190px;
  margin-bottom: 25px;
  position: relative;
  font-size: 26px;
}

.sub_container{
  background-color: #f1f1f1;
  padding: 30px;
  min-height: 750px;
  margin-bottom: 20px;
}

.nub{
  position: absolute;
  background: #FBFBFD url(/images/downpointer.png) no-repeat;
  display: block;
  height: 15px;
  width: 10px;
  bottom: -15px;
  left: -120px;
}

.add_pro{
  background: #fff url(/images/addpro.png) no-repeat;
  padding: 10px;
  padding-left:50px ;
  margin-bottom:40px ;
}

.pro_designer{
  background: #dbdcd0 url(/images/designerpro2.png) no-repeat;
  background-position: 20px 20px;
}

.need_designer{
  background: #dbdcd0 url(/images/client2.png) no-repeat;
  background-position: 20px 20px;
}

.pro_designer span, .need_designer span{
  margin-left: 210px;
  margin-top: 70px;
  display: block;
  width: 200px;
}

.showcase{
  font-weight: bold;
  background-color: #fff;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

#form_container fieldset{
  padding: 10px;
}

#form_container .radio_field{
  padding-left: 0;
}

.showcase a{
 text-decoration: underline;
}

.password_tips{
  margin-top: 10px;
}

.remove_client{
  height: 12px;
  width: 12px;
  display:inline-block;
  background-image: url(/images/icons/x-red.png);
  margin-left: 10px;
}

.remove_client span{
  display: none;
}

#who_pays{
  position: absolute;
  right: 0;
  top: 8px;
}

#plans_container thead{
  display: table-header-group;
}

.qa .first p, .qa .first h3{
  margin-right: 10px;
}

.qa .last p, .qa .last h3{
   margin-left: 10px;
}

.program_overview h1{
 margin-bottom: 24px;
}

.program_overview h3{
  font-size: 16px;
  font-weight: bold;
}

.program_overview p{
   margin: 0;
  line-height: 1.5em;
  margin-bottom: 1.6em;
  color: #333;
  font-size: 12px;
  padding: 0;
}

.program_overview p.intro{
  font-size: 16px;
  margin-bottom: 2em;
}

.top_section{
  height:210px;
  background: #dbdcd0 url(/images/designerpro2.png) no-repeat;
  background-position: 20px 20px;
}

.top_section h1{
  padding-top: 30px;
}

.top_section h1, .top_section p{
  margin-left: 230px;
  margin-right: 25px;
}


.info_box{
  margin: 20px;
  padding: 30px;
  background-color: #fff;
}

.client_email{
 margin-top: 10px;
}

.black_list_search form{
  margin-top: -4px;
}

.designer_name{
  font-size: 18px;
}

#email_info .disk_usage_bar{
  min-width: 75px;
}

#email_info  td{
  vertical-align: top;
}

#email_info  tr:hover{
  background-color: inherit;
}

.email_account_address{
  font-weight: bold;
  margin-bottom: 10px;
}

.designer_bar{
  text-align: center;
  padding:  40px;
  font-size: 22px;
  position: relative;
  border: 1px solid #f1f1f1;
  background-color: #f7f7f7;
  margin-bottom: 10px;
}

.select_your_theme{
  margin: 20px 0;
  padding-left: 30px;

}

.authentications {
  margin-bottom: 30px;
}

.authentication {
  width: 130px;
  float: left;
  background-color: #EEE;
  border: solid 1px #999;
  padding: 5px 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  position: relative;
  margin-right: 10px;
}

.authentication .remove {
  text-decoration: none;
  position: absolute;
  top: 3px;
  right: 3px;
  color: #333;
  padding: 2px 4px;
  font-size: 10px;
}

.authentication .remove:hover {
  color: #CCC;
  background-color: #777;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.authentication img {
  float: left;
  margin-right: 10px;
}

.authentication .provider {
  font-weight: bold;
}

.authentication .uid {
  color: #666;
  font-size: 11px;
}

.auth_provider img {
  display: block;
}

.auth_provider {
  text-decoration: none;
  margin-right: 20px;
  text-align: center;
  margin-bottom: 10px;
  display: block;
  max-width: 200px;
  margin: 20px auto;
}

.sign_in_explanation{
  color: #999;
  font-size: 15px;
  width: 300px;
  display: block;
  font-weight: 300;
  margin: 0 auto;
  text-align: left;

}

#signin_content .sign_in_explanation{
  margin-bottom: 30px;
}

#signin_content h3, .default #login_content h3{
  width: 300px;
  margin: 0 auto;
  display: block;
}

.default #login_content form{
   width: 300px;
   margin: 0 auto;
 }

.default #login_content .text_field{
  padding-left: 0;
}

.default #login_content{
  border-left: 1px solid #ccc;
  margin-left: -1px;
}

.default #forgot_password{
position: absolute;
bottom: 33px;
font-size: 10px;
width: 100%;
box-sizing: border-box;
}

.no_account{
  padding-bottom: 10px;
  text-align:right;
  font-size: 0.8em;
  margin-top: 60px;
  padding-top: 10px;
  color: #ccc;
}

#session_create .no_account .small_button{
  background-color: #ccc;
}

#session_create .no_account .small_button:hover{
  background-color: #666;
}

.no_account p{
  width: 400px;
  margin: 0  0 0 auto;
}


.remove_auth{
  height: 20px;
  display:inline-block;
  background-image: url(/images/icons/x-red.png);
  margin-left: 10px;
  background-repeat:no-repeat;

  background-position: center right;
  padding-right: 20px;
}

.connection{
  width: 150px;
}

.providers{
  width: 60px;
}


.allow_sign_up{
  margin-left: 10px;
  color: #999;
}.slide .preview{
  margin: 0;
  width: 500px;
  height: 250px;
}

.old_form{
  min-height: 520px;
  width:400px;
  background-color: transparent;
  margin: 0 auto;
}

#password_signup .text_field{
  padding-left: 0px;
  padding-right: 0px;
}

.newsletter_option{

}

.theme_button, .theme_button:visited{
    border: 0;
    background-color: #333;
    display: inline-block;
    padding: 7px 15px;
    margin: 0px 0px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    float: right;
    letter-spacing: 0.02em;
}

.theme_button:hover{
  color: #fff;
  background-color: #666;
}

.theme_name{
  font-weight: bold;
  font-size: 16px;
}


#password_signup{
padding:15px 30px;
}
#password_signup .account_create{
font-size: 30px;
}

#password_signup label{
  line-height: 1em;
}



.mobile_optimised{
  float: right;
  background: transparent url(/images/icons/mobile.png) no-repeat;
  padding-left: 20px;
  font-size: 12px;
}





#register_new_domain_msg{
  margin: 7px 0;
  padding: 0;
  margin-bottom: 20px;
}

#registration_signup #fancybox-outer {  border-radius: 5px; }

#registration_signup #fancybox-inner{ overflow: hidden !important; }

#registration_signup input{
  width:  100%;
}


a.apply_packages, a.apply_packages:visited{
color:#333;
background-color: #edede9;
}

.register_new_domain{
top: 9px;
}

.scoreboard{
margin-top: 10px;
padding: 10px;
border: 1px solid #ccc;
background-color: #f2f2f2;
}

label.error{
color: red;
font-weight: normal;
text-transform: none;
}

#recaptcha_response_field{
width: 290px;
margin-right: 5px;
}

#recaptcha_options a{
margin-right: 5px;
}

#recaptcha_image{
border: 1px solid black;
}

.activation_container{
width: 400px;
margin: 40px auto;
background-color: #f1f1f1;
border: 1px solid #ccc;
padding: 20px 60px;
}

#login_error{
padding-top: 100px;
text-align: center;
}

#account_update_password input[type=password]{
width: 190px;
}

.admin #header, .admin .page{
min-width: 860px;
}

#account_manage .page, #account_manage #header, #account_details .page, #account_details #header{
min-width: 700px;
}

.disk_usage_bar{
  box-sizing: initial;
}

.small_button, .create_link{
  text-transform: capitalize;
}
.recurs, .expiring, .expire_on, .expired, .active, .notice{
margin-right: 10px;
display:block;
}

.domain_action{
white-space: nowrap;
}

.same_line{
display: table;
width:100%;
}
.same_line span{
border: 3px solid #ddd;
border-right: 0;
padding-left: 5px;
padding-right: 5px;
width:160px;
}

.same_line input{
border-left: 0;
}
.same_line .formError{
display: table-row;
}

.same_line span, .same_line input{
display: table-cell;
}
.welcome_back{ width: 300px; margin: auto; padding-top: 100px; text-align: center;}
.welcome_back h3{ font-family: Roboto, sans-serif;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: 300;
}
#login_content input, #account_update input{ width: 100%;   box-sizing: border-box; }

#openid_toggle #enable_openid {
width:auto;
}

.login_info{
padding: 20px 20px;
background-color: #FBFBFB;
margin: 0 0 20px 0;
border: 1px solid #eee;
padding-bottom: 0;
}

.tip{
    position: relative;
}

.tip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 1198;
    width: 220px;
}

.tip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 1199;
}

.expires, .domain_recurs, .expired, .recurs{
  display: block;
}

.plan{
    box-shadow: 0 2px 2px rgba(10, 10, 10, 0.06);
    min-height: 100px;
    background: #fff;
    border-radius: 4px;
    margin: 0 0 20px 0;
    padding-bottom: 25px;
    text-align: center;
    font-family: 'Open Sans';
    font-weight: 100;
    position: relative;
}

.plan ul li{     background: initial }

.plan .head {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 12px 16px;
    background: #1c1c1c;
    color: #fff;

}
.plan .head  h2{
font-size: 30px;
}

.plan .price {
    border-top: 1px solid #eee;
    margin: 0 auto 30px auto;
    padding-top:15px;
    width: 80%;
}

.plan .price h3 {
    font-size: 70px;
    vertical-align: top;
    line-height: 1;
}
.plan .price h4 {
    color: #aaa;
    font-size: 14px;
}

.plan ul li {
    line-height: 22px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
}

.plan ul {
    list-style-type: none;
    padding: 20px;
    margin-top: 2px;
}

.selected_column{

  outline: none;
  border-color: #9ecaed;
  box-shadow: 0 0 10px #9ecaed;
}

a.signup{ color: #fff}

#payment_options_form{
  box-shadow: 0 2px 2px rgba(10, 10, 10, 0.06);
  background: #fff;
  border-radius: 4px;
}

#payment_options_form h3{
background: #000;
color: #fff;
}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45);
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45);
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

.promo{
font-family: 'open sans';
margin: 0 0 20px 0;
padding: 20px;
background-color: #EF7C6C;
color: #fff;
font-size: 16px;
border-radius: 5px 5px 5px 5px;
}

.promo .code{
  color: #FCE699;
}

.calc{
display: block;

font-weight: bold;
height: 100px;
}


.parallax-window {
    min-height: 400px;
    background: transparent;
}

.notice_error, #strength_level{
height:30px;
font-size: 14px;
line-height: 20px;
}

.create_website button{
width: 100%;
}

.agreement{
font-size:12px;
color: #999;
text-align:center;
}

#password_signup .account_create{
margin-bottom: 40px;
/*font-weight: norma;*/
}
#upgrade_email p{
margin-bottom: 20px;
}

#upgrade_email h2{
  /*font-wight: 100;*/
  margin-bottom: 20px;
}

#upgrade_email{
  margin: 20px;
}

#not-now{
  padding: 5px 20px;
  color: #ccc;
}
#not-now:hover{
color: #000;
}

#success_wrapper {
	background: #d4ffaa;
	border: 2px solid #3f7f00;
	text-align: center;
	margin: 10px auto;
	padding: 5px 20px;
}

#hidden_uploader {
    display: none
}

#ajax_spinner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    color: white;
}

#ajax_spinner .fa {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.error_explanation a {
    text-decoration: underline;
}

#website_list td:first-of-type,
#website_list td:nth-of-type(3),
#website_list td:nth-of-type(4) {
    width: auto;
    white-space: nowrap;
}

#website_list td:nth-of-type(2) {
    width: 100%;
}

#file_to_attach {
    margin-bottom: 10px;
}

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

#slides .theme_button {
	background: #bbb;
	box-shadow: none;
	border: none;
	text-align: center;
	font-size: 14px;
	width: 100%;
	border-radius: 0;
	padding: 0;
	float: none;
}

#slides .theme_button:hover {
	background: #666;
}

.preview_button {
	padding: 5px;
}

#cookie-consent-dialog {

    left: 10px;
    bottom: -100%;
    margin: 0;
    position: fixed;
    font-size: 16px;
    box-shadow: 0px 0px 7px 5px rgba(10, 10, 10, 0.2);
    min-height: 100px;
    background: #fff;
    border-radius: 4px;
    margin: 0 0 20px 0;
    padding-bottom: 25px;
    font-family: 'Open Sans';
    font-weight: 100;
    transition: bottom 0.5s;
    width: 388px;
}

#cookie-consent-dialog .title{
  margin-bottom: 10px;
  font-size: 32px;
}

#cookie-consent-dialog a{
  text-decoration: underline;
}

#cookie-consent-dialog a:hover{
  color: #333;
}


@media (min-width: 960px){
  #cookie-consent-dialog {
      left: auto;
      right: 32px;
      margin: 0;
  }
}