/* @override 
	http://home.sproutbox.com/stylesheets/homesite.css?1180758570
	http://home.sproutbox.com/stylesheets/homesite.css?1185343205
*/

/* @group General */

a img {
	border: none ;
}

a.cancel {
	color: #ff0000;
	text-decoration: none;
	padding: .25em;
}

a.cancel:hover {
	color: white;
	background: red;
}

a.cancel:active {
	background: #b20000;
}

.clear {
	clear: both ;
}

.static .fieldWithErrors {
	border: 2px red solid ;
	display: inline ;
	padding: 0;
}

.static .errorExplanation {
	background-color: #f36b69;
	color: #ffffff;
	margin-bottom:  8px ;
	border:  #a00 2px solid;
	padding: 4px ;
	margin-right: 20px;
	margin-left: 20px;
}

.static .errorExplanation h2 {
	font-size: 1.2em ;
	padding:  0 ;
	margin:  0 ;
}

.static .errorExplanation p {
	padding:  0 ;
	margin:  0 ;
}

/* Reset from parent stylesheet */
.static h1 {
	background-color: inherit ;
	border: none ;
}

/* @end */

/* @group Page Styes */

.static #content {
	padding-top: 10px ;
	font-size: 11px;
}

.static #head {
	background: url(/images/signup.jpg) top left no-repeat ;
	margin: 0 ;
	padding: 0 ;
	padding-left: 30px ;
	padding-right: 240px ;
	width: 680px ;
	height: 156px ;
	vertical-align: middle ;
}

.static #head h1, .static #head h2 {
	margin: 0 ;
	padding: 0 ;
	font-size: 2.4em ;
	font-weight: bold ;
	background-color: inherit;
	text-align: left ;
	line-height: 1.2;
}

.static #head h2 {
	font-weight: normal ;
}

.static p.instructions {
	margin: 20px ;
	font-size: 1.1em ;
	color: #888 ;
}

.static p.instructions strong {
	color: black ;
}

/* @end */

/* @group Plan Table */
	
#plans {
	border:  5px gray solid ;
	font-size:  1.1em ;
	border-collapse: collapse ;
	margin: 10px ;
}

#plans th, #plans td {
	text-align:  center ;
	vertical-align: middle ;
	border:  1px gray solid ;
	padding: 4px; 
	width: 15% ;
}

#plans th {
	vertical-align: bottom ;
}

#plans td.label, #plans th.label {
	font-weight:  bold ;
	text-align: right ;
	width:  30% ;
	font-size:  .9em ;
}

#plans .note {
	display:  block ;
	color:  gray ;
	font-weight:  normal ;
	font-size:  .9em ;
}

#plans th h1 {
	font-size: 1.4em ;
	margin:  0 ;
	padding:  0;	
}

#plans th.free h1 {
	font-size: 1.0em ;
	margin:  0 ;
	padding:  0;	
}

#plans td h2 {
	font-size:  1.0em ;
	margin:  0 ;
	padding: 0 ;
	color:  orange ;
	text-align: center ;
}

.plan-notes {
	margin: 0 20px ;
}

/* @end */

/* @group Choose Plan */

#qa {
	border-top:  2px gray solid ;
	font-size:  1.2em ;
	margin: 20px;
	padding: 10px ;
	background: #f5f5f5 ;
}

#qa h2 {
	font-size: 1.2em ;
	margin: 0 ;
	margin-top: 18px;
	margin-bottom: -6px;
	padding: 0 ;
	font-weight: bold ;
}

#qa p {
	margin: 14px 0 ;
	padding: 0 ;
}

#coupon-form {
	font-size: 1.1em;
	margin: 20px;
	padding: 4px;
	background: #ccff66;
}

#coupon-form p {
	margin: 0;
	padding: 0 10px;
	text-align: center;
}

/* @end */

/* @group Signup */
	
.signup .step {
	border:  1px gray solid ;
	font-size:  1.2em ;
	margin: 20px;
	padding: 10px ;
	background: #f5f5f5 ;
}

.signup .step h1 {
	font-size: 1.2em ;
	margin: 0 ;
	padding: 0 ;
	font-weight: bold ;
	position: relative ;
}

.signup .step p {
	margin: 6px 0 ;
	padding: 0 ;
}

.signup .step .example {
	font-size: .9em ;
	color: gray ;
	font-style: italic ;
}

.signup table label {
	text-align: right ;
	font-weight: bold ;
	display: block ;
}

.signup .final {
	background: url(/images/signup-final-pat.jpg) top left repeat ;
}

/* @end */