/* @skin: Basic */

.call-to-action { margin-bottom: 0; color: #333; font-weight: bold; font-style: italic; }
.panel-col-top h2,
.panel-col-top .inside { margin: 0; }
.panel-2col-stacked .panel-col-first .inside{ margin-right: 1em !important; }
.panel-2col-stacked .panel-col-first .pane-content{ padding-top: 40px; }

/* Campaign Form */

#ec-pro-campaign-form {
  border-radius: 10px; 
  /*border: 1px solid #999;*/
  background: #ddd;
  padding: 14px 10px 10px 10px;
  overflow: hidden; /* clearfix */
  position: relative;
}

#ec-pro-campaign-form,
#ec-pro-campaign-form label,
#ec-pro-campaign-form textarea,
#ec-pro-campaign-form input[type="text"] { color: #666; }

#ec-pro-campaign-form .form-item { position: relative; float: left; margin: 0 1% 1em;}
#ec-pro-campaign-form .form-checkboxes .form-item { float: none; margin: 0 0 0 1em; }
#ec-pro-campaign-form label input { vertical-align: bottom; } /* checkbox align */

#ec-pro-campaign-form textarea,
#ec-pro-campaign-form input[type="text"] { width: 98%; padding: 10px 1%;  border-color: #ddd; border-radius: 5px; }

/*
#ec-pro-campaign-form input[type="text"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  width: 100%;
  padding: 10px .5em;
}
*/

#ec-pro-campaign-form #edit-contact-name-wrapper,
#ec-pro-campaign-form #edit-street-wrapper,
#ec-pro-campaign-form #edit-message-wrapper,
#ec-pro-campaign-form #edit-foundation-wrapper { width: 98%; }

#ec-pro-campaign-form #edit-email-wrapper,
#ec-pro-campaign-form #edit-phone-wrapper,
#ec-pro-campaign-form #edit-city-wrapper { width: 48%; }

#ec-pro-campaign-form #edit-state-wrapper,
#ec-pro-campaign-form #edit-zip-wrapper { width: 23%; }

#ec-pro-campaign-form #edit-goals-wrapper,
#ec-pro-campaign-form #edit-energy-sources-wrapper { background: #fcfcfc; padding: 2%; width: 44%; height: 165px; border-radius: 5px; }

#ec-pro-campaign-form #edit-occupants-wrapper,
#ec-pro-campaign-form #edit-sq-ft-wrapper,
#ec-pro-campaign-form #edit-year-built-wrapper { width: 31%; }

#ec-pro-campaign-form #edit-moisture-issues-wrapper { width: 64%; }
#ec-pro-campaign-form #edit-finished-basement-wrapper { width: 32%; padding: 5px 0 0; }

#ec-pro-campaign-form #address-fields,
#ec-pro-campaign-form #address-fields+.form-item,
#ec-pro-campaign-form #edit-occupants-wrapper,
#ec-pro-campaign-form #edit-sq-ft-wrapper,
#ec-pro-campaign-form #edit-year-built-wrapper,
#ec-pro-campaign-form #edit-moisture-issues,
#ec-pro-campaign-form #edit-urgent-wrapper,
#ec-pro-campaign-form #edit-message-wrapper { clear:both; }


/* occupents, sq ft, year all cleared individually, but if enabled together collapse */
#ec-pro-campaign-form #edit-occupants-wrapper+#edit-sq-ft-wrapper,
#ec-pro-campaign-form #edit-sq-ft-wrapper+#edit-year-built-wrapper { clear: none; }

#ec-pro-campaign-form #edit-urgent-wrapper { float: left; margin: 0 6px; }

#ec-pro-campaign-form .resizable-textarea { width: 100%; }

#ec-pro-campaign-form .form-submit {
  min-width: 33%;
  float: right;
  margin-top:0;
  height: 40px;
  font-size: 18px;
  display: block;
  clear:both;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
#ec-pro-campaign-form .form-submit:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

/* 1 col Page ( wide 2-col form ) */
.panel-1col #ec-pro-campaign-form { padding-right: 50%;  padding-top: 30px; min-height: 155px;  }

.panel-1col #ec-pro-campaign-form #edit-urgent-wrapper  { position: absolute; left: 52%; top: 10px; margin:0; }
.panel-1col #ec-pro-campaign-form #edit-message-wrapper { position: absolute; right: 10px; top: 10px; bottom: 10px; width: 46%; }
.panel-1col #ec-pro-campaign-form #edit-message-wrapper textarea { position:absolute; top: 20px; bottom: 50px; height: auto; }
.panel-1col #ec-pro-campaign-form #edit-message-wrapper .grippie { display: none; }
.panel-1col #ec-pro-campaign-form .form-submit {
  position: absolute;
  right: 10px;
  min-width: 16%;
  bottom: 10px;
  margin: 0 1% 10px;
  padding: 0;
}