/******************************
Clearfix
*******************************/

* html .clearfix { height: 1%; overflow: visible; }
*+html .clearfix { min-height: 1%; }
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

form input:focus
{
	outline-width: medium;
	outline-style: none;
	outline-color: -moz-use-text-color;
}

/******************************
Registration
*******************************/

.registration .packages {
	border-bottom: 1px solid #DDD;
	padding-bottom: 30px;
	margin-bottom: 30px
}

.registration .packages h2 {
	font-size: 19px;
	text-align: center;
	margin: 0 0 40px 0;
}

.registration .main {
	background: url("http://webassets.assistly.com/new/images/layout-registration.gif") #FFF right 0 repeat-y;
}

.registration .left {
	float: left;
	width: 555px;
	margin: 30px 20px 20px;
	_margin: 30px 20px 20px 10px;
}

.registration .right {
	float: left;
	width: 265px;
	margin: 30px 0 20px 35px;
}

.registration .starter,
.registration .standard,
.registration .professional {
	float: left;
	width: 185px;
	text-align: center;
}

.registration .starter p,
.registration .standard p,
.registration .professional p {
	font-size: 13px;
	padding: 0 10px;
	margin: 0 0 20px;
}

.registration .package h3 {
	background: url("http://webassets.assistly.com/new/images/packages.gif") 0 55px no-repeat;
	font-size: 17px;
	height: 145px;
	padding: 0;
	margin: 0;
}

.registration .starter h3 {
	background-position: 50px 45px;
}

.registration .standard h3 {
	background-position: -143px 45px;
}

.registration .professional h3 {
	background-position: -335px 45px;
}

.registration .price {
	font-size: 26px;
	font-weight: bold;
	display: block;
}

.registration .savings {
	display: block;
	font-size: 13px;
	font-style: italic;
	color: #666;
	margin: 0 0 10px;
}

.registration ul {
	font-size: 13px;
	margin: 0 0 30px;
}

.registration li {
	margin: 0 0 5px;
}

.registration #more-details {
	font-size: 13px;
	text-decoration: underline;
	color: #888;
}

.registration .questions-small {
	margin: 40px 0 0 0;
	border-top: 1px solid #CCC;
	padding-top: 40px;
}

.registration .questions-small div {
	width: 253px;
	margin: 0 40px 0 0;
	padding: 0;
}

.registration .questions-small .right {
	margin: 0;
	padding: 0;
}

.registration .arrow {
	background: url("http://webassets.assistly.com/new/images/register-arrow.gif") 0 0 no-repeat;
	width: 36px;
	height: 34px;
	position: absolute;
	margin: -33px 0 0 280px;
	text-align: center;
	display: none;
}

.registration .arrow img {
	display: block;
	margin: 9px 0 0 12px;
	float: left;
}

.registration #site_spinner {
	margin: 9px 0 0 13px;
}

.registration .error,
.registration .formError,
.registration #dupname,
.registration #invname {
	color: red;
	font-size: 12px;
	font-weight: bold;
	display: none;
}

.pricing-details {
	font-size: 14px;
}

.pricing-details .standard {
	color: #777;
}

.pricing-details .professional {
	color: #71a32a;
}

.pricing-details .enterprise {
	color: #592287;
}

.pricing-details td {
	text-align: center;
	border-right: 1px solid #dcd8e5;
	width: 200px;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #575757;
}

.pricing-details td.last {
	border: 0;
}

.pricing-details .label {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	width: 220px;
	font-style: normal;
	color: #000;
}

.pricing-details .header td {
	padding: 0 0 10px;
	color: #000;
	font-style: none;
	font-size: 37px;
	font-style: normal;
}

.pricing-details .header h3 {
	font-size: 16px;
	margin: 0;
}

.pricing-details .even td {
	background: #f9f0ff;
}

.pricing-details .even .label {
	background: #f4e9fb;
}

.pricing-details td.child {
	background-image: url("http://webassets.assistly.com/new/images/pricing-table-child.gif") !important;
	background-position: 10px 7px !important;
	background-repeat: no-repeat !important;
	padding: 0 0 0 25px;
}

.pricing-details td.label.child {
	color: #222;
}


/******************************
Registration Form
*******************************/

#registration-form {
	padding: 3px 0 0;
}

#registration-form label {
	display: block;
	margin: 0 0 1px;
	font-size: 15px;
	font-weight: bold;
}

#registration-form .text,
#registration-form .select,
#registration-form .checkbox,
#registration-form .terms {
	margin: 0 0 15px;
}

#registration-form .text input,
#registration-form .text .domain,
#registration-form .select .input {
	background: #FFF;
	display: block;
	width: 100%;
	border: 1px solid #999;
	font-size: 17px;
	padding: 5px;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#registration-form .text .domain input {
	padding: 0;
	margin: 0;
	border: 0;
	width: 160px;
}

#registration-form .text .domain .name {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 17px;
	color: #999;
}

#registration-form .select .input select {
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 17px;
	width: 100%;
	height: 19px;
	*height: auto;
}

#registration-form .checkbox {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 0 3px;
}

#registration-form .terms,
#registration-form .terms a {
	padding: 3px 0 0;
	text-align: center;
	font-size: 13px;
	color: #9189a7;
}

#registration-form #register_button {
	border: 0;
	background: url("http://webassets.assistly.com/new/images/buttons/primary-free-trial.png") 0 0 no-repeat;
	display: block;
	margin: 30px auto 20px;
	width: 245px;
	height: 54px;
	overflow: hidden;
	text-indent: -900px;
	line-height: 900px;
}

#registration-form #register_button:hover {
	background-position: 0 -54px;
	cursor: pointer;
}

#content #registration-form label strong { display: inline; }