/* This is used to style the Hosted > SaaS templates / pages on the CentricMinds website. */
.hosted_container {
  width: 710px;
}
.hosted_freeCol {
	background-color: #F0F0F0;
	background-repeat: no-repeat;
	margin-right: 10px;
	padding: 0px;
	width: 125px;
	float: left;
	text-align: center;
	background-image: url(/custom/files/media/saas_free_paneltop.gif);
}
.hosted_sideText {
	margin: 0px;
	padding-top: 10px;
	float: left;
	width: 180px;
	clear: both;
}
.hosted_smallCol {
	background-color: #DBEBB6;
	background-repeat: no-repeat;
	margin-right: 10px;
	padding: 0px;
	width: 125px;
	float: left;
	text-align: center;
	background-image: url(/custom/files/media/saas_small_paneltop.gif);
}
.hosted_mediumCol {
	background-color: #F2D07C;
	background-repeat: no-repeat;
	margin-right: 10px;
	padding: 0px;
	width: 125px;
	float: left;
	text-align: center;
	background-image: url(/custom/files/media/saas_medium_paneltop.gif);
}
.hosted_largeCol {
	background-color: #BACBEC;
	background-repeat: no-repeat;
	padding: 0px;
	width: 125px;
	float: left;
	text-align: center;
	background-image: url(/custom/files/media/saas_large_paneltop.gif);
}
.hosted_header16 {
	font-weight: bold;
	font-size: 16px;
	margin-top: 5px;
}
.hosted_header12 {
	font-weight: bold;
	font-size: 13px;
}
.hosted_headerMiddle {
	font-weight: bold;
	font-size: 12px;
	padding-top:5px;
	vertical-align:top;
	text-align: center;
}
p.hosted_textLeft {
	text-align: left;
	vertical-align: top;
}
p.hosted_textCentre {
	text-align: center;
	vertical-align: top;
}
.hosted_freeBot {
	background-image: url(/custom/files/media/saas_free_panelbottom.gif);
	float: left;
	width: 125px;
	margin-right: 10px;
	padding: 0px;
	background-color: #F0F0F0;
	height: 25px;
}
.hosted_smallBot {
	background-image: url(/custom/files/media/saas_small_panelbottom.gif);
	float: left;
	width: 125px;
	margin-right: 10px;
	padding: 0px;
	background-color: #DBEBB6;
	height: 25px;
}
.hosted_medBot {
	background-image: url(/custom/files/media/saas_medium_panelbottom.gif);
	float: left;
	width: 125px;
	margin-right: 10px;
	padding: 0px;
	background-color: #F2D07C;
	height: 25px;
}
.hosted_largBot {
	background-image: url(/custom/files/media/saas_large_panelbottom.gif);
	float: left;
	width: 125px;
	padding: 0px;
	background-color: #BACBEC;
	height: 25px;
}
.hosted_freeSign {
	background-image: url(/custom/files/media/saas_free_signup.gif);
	float: left;
	width: 125px;
	margin-top: 20px;
	margin-right: 10px;
	padding: 0px;
	background-color: #F0F0F0;
	height: 35px;
}
.hosted_smallSign {
	background-image: url(/custom/files/media/saas_small_signup.gif);
	float: left;
	width: 125px;
	margin-top: 20px;
	margin-right: 10px;
	padding: 0px;
	background-color: #DBEBB6;
	height: 35px;
}
.hosted_medSign {
	background-image: url(/custom/files/media/saas_medium_signup.gif);
	float: left;
	width: 125px;
	margin-top: 20px;
	margin-right: 10px;
	padding: 0px;
	background-color: #F2D07C;
	height: 35px;
}
.hosted_largSign {
	background-image: url(/custom/files/media/saas_large_signup.gif); 
	float: left; 
	width: 125px; 
	margin-top: 20px;
	padding: 0px; 
	background-color: #BACBEC; 
	height: 35px; 
}
p.hostedTop { font-size: 16px; font-weight:bold; color: #88BC0A; margin: 0px; padding: 0px; }
p.hostedBottom { font-size: 16px; font-weight:bold; color: #FFFFFF; background-color: #8C8C8C; margin-top:5px; margin-bottom: 20px; padding: 2px 10px 2px 10px; }
.saas-result {
  font-weight: normal;
  font-size: 1.5em;
  color: #FF6600;
  font-style: normal;
}

/* overwrite the structure.css styling so that the signup control styles correctly for the new site design. */
#f_signup { width:466px; }
#f_signup fieldset { width:466px; }
#f_signup h3 { padding:10px 0px 10px 15px; width:450px; }
#saasSignupContinueButton #f_submit { margin:0px 0px 0px 375px; }
#f_signup div.form_field {width:455px;}
#f_signup select,
#f_signup #f_email,
#f_signup #f_password,
#f_signup #f_password_confirm,
#f_signup #f_first_name,
#f_signup #f_last_name,
#f_signup #f_company,
#f_signup #saasSignupCaptcha #user_captcha_input,
#f_signup #f_cc_number,
#f_signup #f_cc_name {width:290px;}
#f_signup #f_discount_code {width:250px;}
#f_signup #f_submit {margin:0px 0px 0px 155px;}
* html #f_signup #f_submit {float:left;}                              /*for IE6*/
* html #saasSignupEncryptLogo {margin-left:0px;margin-bottom:10px;} /*for IE6*/
#saasSignupEncryptLogo { padding-top: 10px }