/* signup pages css */
.signup_page { 
  position:relative;
  background-color:#EEF1F4;
  border:1px solid #606060;
  box-sizing:border-box; 
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.signupStepTitle { margin:12px 0px 12px 260px; text-align:left; height:36px; }
.signupLeftCol { 
  font-size:20px;
  display:inline-block;
  width:240px;
  position:absolute; top:-1px; left:-1px;
  padding:12px 0px 12px 12px;
  text-align:left;
  background-color:#DBE1EA;   /* 93A4C1 */
  border:1px solid #606060;
  box-sizing:border-box; 
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius:0px 5px 5px 5px;
}
.signupRightCol
{
  vertical-align:top; 
  margin:0 10px 0px 260px;
  text-align:left;
  font-size:16px;
}
.signupBody { margin:20px; position:relative; }
.signupCurrent { color:blue; }
.signupForm { margin:12px; text-align:left; vertical-align:top; font-size:16px; }
.signupForm .input { margin:4px 0; }
.signupForm input, .signupForm select, .signupForm select option { font-size:16px; }
.signupForm label { display:inline-block; width:200px; vertical-align: top; }
.signupForm .signupFormTitle { font-size:20px; font-weight:bold; margin:12px; border-top:1px solid black; padding-top:12px; }
.signupForm .signupFormSubTitle { font-weight:bold; }
.signupForm .signupFormInfo { margin:8px 0px; }
.signupForm .signupFormDomain { color:blue; }
.signupFormIframe { padding:4px 8px; border:1px solid #808080; border-radius:4px; width:100%; overflow:hidden; }
.signup_step_link { margin:4px 0px; cursor:pointer; color:#333; }
.signup_step_link:hover { color:black; }
.signup_step_info { display:none; min-height:160px; }
.signup_step_body { display:none; }
.signup_review_step { display:none; }
.signupReview { cursor:pointer; }
.signupDomainName { color:green; }
.review_info { display:inline-block; }
.review_label { display:inline-block; width:100px; }
.signup_error { display:none; font-size:20px; font-weight:normal; color:#CC0000; margin:12px 0px; padding:4px 8px; border:1px solid #CC0000; border-radius:4px; }
.error-message { font-size:20px; color:#CC0000; margin:12px 0px; padding:4px 8px; border:1px solid #CC0000; border-radius:4px; }
.inputFields { display:inline-block; height:21px; padding:2px 2px; border:inset 1px #EBE9ED; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; background-color:white; }
#signupDomainName { color:green; font-size:24px; }
#signupAgreement { color:green; font-size:24px; }
#SignupCard { width:160px; }
#SignupCVV { width:40px; }
#SignupExpiration { width:60px; }
.inputError {  }
.signup_nav { text-align:center; margin-top:8px; }
.signupInstructions { margin:4px 0; }
.signupDomain { display:none; }
.signup_domainselect_list { padding: 16px; }
.signup_domainselect_head { padding-bottom:2px; margin-bottom:2px; border-bottom:1px solid #303030; color:blue; }
.signup_domainselect_error { color:#C00000; }
.signup_domainselect_name { cursor:pointer; }
.signup_domainselect_name:hover { color:green; }
.signup_domain_message { margin:12px 0 4px 0; }
#signupDomainSelectedNot { color:#C00000; }
#signupDomainEnteredNot { color:#C00000; }
.signupLicense { width:100%; height:320px; }
#signupFeaturesPopup { display:none; position:absolute; top:0px; right:0px; width:90%; background:white; z-index:2; border:1px solid #808080; border-radius:4px; padding:20px; }
.miniPic { display:inline-block; cursor:pointer; height:80px; margin:10px; }
.miniPic img { border:1px solid #808080; border-radius:2px; }
.popup_image { border:1px solid #808080; border-radius:2px; width:100%; }
.template_img { border:1px solid black; width:500px; }  /* height:320px; */
.template_thumb_img { border:1px solid black; width:200px; }
.template_group { display:none; }
.template_group { display:none; }
.template_radio { margin-top:12px; text-align:left; }
.template_image_popup { position:absolute; top:0px; left:0px; z-index:4; display:none; width:100%; }
/* for demo signup */
.demoLeftCol { 
  font-size:20px;
  display:inline-block;
  width:200px;
  position:absolute; top:-1px; left:-1px;
  padding:12px 0px 20px 12px;
  text-align:left;
  background-color:#DBE1EA;   /* 93A4C1 */
  border:1px solid #606060;
  box-sizing:border-box; 
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius:0px 5px 5px 5px;
}
.demoRightCol
{
  vertical-align:top; 
  min-height:112px;
  margin:0 10px 0px 220px;
  text-align:left;
  font-size:16px;
}
.demoStepTitle { margin:12px 0px 12px 220px; text-align:left; height:36px; }
.demo_align_left { text-align:left; }
.demoForm { margin:12px 12px 12px 200px; text-align:left; vertical-align:top; font-size:16px; }
.demoForm .input { margin:4px 0; }
.demoForm input, { font-size:16px; }
.demoForm label { display:inline-block; width:140px; }
/* 
.help_popup_link { position:relative; display:inline-block; cursor:help; }
#HelpColumn { position:absolute; top:100px; right:0px; display:none; z-index:5; background:#FFFFFF; resize:both; cursor:move; }
.help_column { 
  padding:8px; 
  background:#FFFFFF; 
  font-size:16px;
	border: 1px solid #666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  font-size:16px; padding:10px; 
}
.help_column_close { text-align:right; cursor: pointer; }
.help_column_close img { float: right; margin-left: 4px; cursor: pointer; }
.help_column_title { margin-bottom:8px; font-size:20px; }
.help_column_content ul { padding-left:18px; margin:0; }
.help_column_content a { color:#00C; cursor:pointer; text-decoration:none; }
.help_column_content a:hover { text-decoration:underline; }
.help_icon_header { margin:16px 0px 4px 0px; padding-top:8px; border-top:1px solid #333; }
.help_icon_title { margin:8px 0px 0px 0px; font-size:12px; }
.help_icon_list {  }
.help_icon_list a { margin-right:4px; }
/*
#HelpPopup { position:absolute; top:0px; left:16px; z-index:5; cursor:move; resize:both; min-width: 240px; }
.help_popup { 
  padding:8px; 
  background:#FFFFFF; 
  font-size:16px;
	border: 1px solid #666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.help_popup_close { position:relative; z-index:2; cursor: pointer; }
.help_popup_close img { float:right; margin-left:4px; cursor: pointer; }
#helpContents { text-align:left; }