/*
 * CSS CUSTOMIZATION FILE - PILLAR NON-PROFIT NETWORK - Webform Theming 
 */

/* get rid of border around form 
#webform-component-civicrm-1-contact-1-fieldset-fieldset {
    border: none;
}
*/
/* put street address and hide from public option beside each other. */
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-street-address{ 
    width: 50%;
    float: left;
    margin: .7em 0;
}
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg8-custom-10 {
    width: 50%;
    float: left;
    margin: .7em 0;
    clear: right;
}
.page-node-96 .webform-component--civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-city {
   clear: both;
}
.page-node-96 .webform-component--civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-phone-phone {
    clear: both;
}
.page-node-96 .webform-component--civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-email-email {
    clear: both;
}
.page-node-96 .webform-component--civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg2-custom-2 {
    clear: both;
	display: none;  /* field is auto-filled when someone puts values in the Primary Contact fields */
}

/* put the yes and no for hide address, phone and email question besides each other */
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg9-custom-10 .form-item.form-type-radio,
.page-node-96 #edit-submitted-civicrm-1-contact-1-fieldset-fieldset-civicrm-1-contact-1-cg9-custom-11 .form-item.form-type-radio, 
.page-node-96 #edit-submitted-civicrm-1-contact-1-fieldset-fieldset-civicrm-1-contact-1-cg9-custom-12 .form-item.form-type-radio{
    width: 20%;
    float: left;
}

/* address 1 margins */
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-supplemental-address-1 {
    margin: .7em 0;
}    

/* put city, state, province beside each other */
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-city,
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-state-province-id,
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-postal-code {
    float: left;
    width: 33%;
    margin: .7em 0;
}
/* put phone # and hide message beside each other */
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-phone-phone {
    width: 50%;
    float: left;
    margin: .7em 0;
}
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg9-custom-11 {
    width: 50%;
    float: left;
    margin: .7em 0;
    clear: right;
}
/* put email # and hide message beside each other */
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-email-email {
    width: 50%;
    float: left;
    margin: .7em 0;
}
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg9-custom-12 {
    width: 50%;
    float: left;
    margin: .7em 0;
    clear: right;
}
/* put website, twitter and facebook fields beside each other */
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-website-url,
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg5-custom-5,
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg5-custom-6 {
    float: left;
    width: 33%;
    margin: .7em 0;
}

.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-10-contact-1-fieldset-fieldset div.form-item,
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-9-contact-1-fieldset-fieldset div.form-item,
.page-node-96 #webform-component-civicrm-11-contact-1-fieldset-fieldset div.form-item{
    float: left;
    width: 25%;
    margin: .7em 0;
}
/*
#webform-component-civicrm-11-contact-1-fieldset-fieldset{
    width: 90%;
    margin: .7em 0;
}
#webform-component-civicrm-1-contact-1-fieldset-fieldset {
    margin: .7em 0;
}
*/
.page-node-96 fieldset {
    margin: .5em 0;
    padding: 0;
}

.page-node-96 #webform-component-civicrm-12-contact-1-fieldset-fieldset {
    clear: both;
    border: none !important;
    height: 8.5em;
    
}
.page-node-96 #webform-component-civicrm-2-contact-1-fieldset-fieldset,
.page-node-96 #webform-component-civicrm-3-contact-1-fieldset-fieldset,
.page-node-96 #webform-component-civicrm-4-contact-1-fieldset-fieldset,
.page-node-96 #webform-component-civicrm-5-contact-1-fieldset-fieldset,
.page-node-96 #webform-component-civicrm-6-contact-1-fieldset-fieldset,
.page-node-96 #webform-component-civicrm-7-contact-1-fieldset-fieldset,
.page-node-96 #webform-component-civicrm-8-contact-1-fieldset-fieldset{
    border: none;
    height: 1.5em;
}

.page-node-96 #webform-component-civicrm-12-contact-1-fieldset-fieldset div.form-item,
.page-node-96 #webform-component-civicrm-2-contact-1-fieldset-fieldset div.form-item,
.page-node-96 #webform-component-civicrm-3-contact-1-fieldset-fieldset div.form-item,
.page-node-96 #webform-component-civicrm-4-contact-1-fieldset-fieldset div.form-item,
.page-node-96 #webform-component-civicrm-5-contact-1-fieldset-fieldset div.form-item,
.page-node-96 #webform-component-civicrm-6-contact-1-fieldset-fieldset div.form-item,
.page-node-96 #webform-component-civicrm-7-contact-1-fieldset-fieldset div.form-item,
.page-node-96 #webform-component-civicrm-8-contact-1-fieldset-fieldset div.form-item{
    float: left;
    width: 25%;
    margin: .7em 0;
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
}
    
.page-node-96 #edit-actions {
    clear: both;
    margin-top: 3em;
    -webkit-margin-after: 0;
    -webkit-margin-before: 1em;
}

/* .page-node-96 #webform-component-civicrm-12-contact-1-fieldset-fieldset div.fieldset-wrapper {
    padding: .5em 1em 1em;
}*/

.page-node-96 .fieldset-wrapper{
    padding: 0;
    margin: 2.4em 1em 1em;
}
.page-node-96 #webform-component-civicrm-12-contact-1-fieldset-fieldset div.fieldset-wrapper,
.page-node-96 #webform-component-civicrm-2-contact-1-fieldset-fieldset div.fieldset-wrapper,
.page-node-96 #webform-component-civicrm-3-contact-1-fieldset-fieldset div.fieldset-wrapper,
.page-node-96 #webform-component-civicrm-4-contact-1-fieldset-fieldset div.fieldset-wrapper,
.page-node-96 #webform-component-civicrm-5-contact-1-fieldset-fieldset div.fieldset-wrapper,
.page-node-96 #webform-component-civicrm-6-contact-1-fieldset-fieldset div.fieldset-wrapper,
.page-node-96 #webform-component-civicrm-7-contact-1-fieldset-fieldset div.fieldset-wrapper,
.page-node-96 #webform-component-civicrm-8-contact-1-fieldset-fieldset div.fieldset-wrapper{
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
}

.page-node-96 .form-item label{
    clear: left;
}
/* hide the main contact */
.page-node-96 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg2-custom-2 {
    display: none;
}
/* format the Organization Membership 2nd Page - Pricing */
.page-civicrm-contribute-transact div#content div#priceset legend {
    text-align: center;
    width: 100%;
}
/* format the Operating budget section of the membership form */
.page-civicrm-contribute-transact div#content div#priceset div#priceset .crm-section.Operating_budget-section .label ,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .crm-section.crm-section.Sustaining_Pillar_Business-section .label ,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .crm-section.crm-section.Sustaining_Pillar_Nonprofit-section .label {
    text-align: left;
    width: 100%;

}
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Operating_budget-content {
    display: table;
    width: 100%;
    float: left;
}

.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Operating_budget-content .price-set-row,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Operating_budget-content .price-set-row .price-set-option-content{
    width:80%;
}
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Operating_budget-content .price-set-row input{
    margin-left: -15%;
}
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Operating_budget-content .price-set-row label {
    width: 60%;
    float: left;
}
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Operating_budget-content .price-set-row label .crm-price-amount-amount{
    width: 20%;
    float: right;
    text-align: right;
    margin-right: 50%;
}
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Operating_budget-content .price-set-row label .crm-price-amount-label{
    width: 42%;
    float: left;
    margin-left: -100px;
}
/* Finish Operating Budget Section */

/* Format the Sustaing Pillar Business and Non-Profit sections */
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Business-content .price-set-row input,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Nonprofit-content .price-set-row input{
    margin-left: -15%;
}
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Nonprofit-content .price-set-row label ,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Business-content .price-set-row label {
    width: 60%;
    float: left;
}
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Nonprofit-content .price-set-row label .crm-price-amount-amount,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Business-content .price-set-row label .crm-price-amount-amount{
    width: 20%;
    float: right;
    text-align: right;
    margin-right: 50%;
}
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Nonprofit-content .price-set-row label .crm-price-amount-label,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Business-content .price-set-row label .crm-price-amount-label{
    width: 42%;
    float: left;
    margin-left: -100px;
}
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Business-content,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Nonprofit-content {
    display: table;
    width: 100%;
    float: left;
}
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Business-content .price-set-row,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Business-content .price-set-row .price-set-option-content,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Nonprofit-content .price-set-row,
.page-civicrm-contribute-transact div#content div#priceset div#priceset .content.Sustaining_Pillar_Nonprofit-content .price-set-row .price-set-option-content{
    width:80%;
}
/* Finish Sustaing Pillar Business and Non-Profit Sections */
/* Membship Information form - start */
/*.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-city input,
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-city label,
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-supplemental-address-1 input,
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-supplemental-address-1 label {
    float: left;
    clear: both;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-city {
    clear: left;
    width: 33%;
    float: left;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-state-province-id {
    width: 33%;
    float: left;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-postal-code {
    width:33%;
    float: left;
    clear: right;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-supplemental-address-1 {
    float: left;
    clear: both;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-2-website-url {
    float: left;
    width: 33%;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-3-website-url {
    float: left;
    clear: right;
    width: 33%;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg7-custom-9{
    float: left;
    clear: right;
    width: 100%;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-address-street-address,
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg9-custom-12,
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-email-email {
    float: left;
    width: 50%;
}
.page-node-100 #edit-submitted-civicrm-1-contact-1-fieldset-fieldset-civicrm-1-contact-1-cg9-custom-10 {
    margin-top: 3em;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-phone-phone {
    clear: left;
    float: left;
    width: 50%;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg9-custom-11{
    float: left;
    clear: right;
    width: 50%;
}
.page-node-100 #webform-component-civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-website-url {
    clear: left;
    float: left;
    width: 33%;
} */
/* Membship Information form - end */
/* Organizaiton Members - Start */
.page-content-organizationmembers #webform-component-civicrm-2-contact-1-fieldset-fieldset--civicrm-4-contact-1-contact-first-name,
.page-content-organizationmembers #webform-component-civicrm-2-contact-1-fieldset-fieldset--civicrm-3-contact-1-contact-first-name,
.page-content-organizationmembers #webform-component-civicrm-2-contact-1-fieldset-fieldset--civicrm-2-contact-1-contact-first-name {
    clear: left;
    float: left;
    width: 50%;
    margin-top: 0;
}
.page-content-organizationmembers #webform-component-civicrm-2-contact-1-fieldset-fieldset--civicrm-4-contact-1-contact-last-name,
.page-content-organizationmembers #webform-component-civicrm-2-contact-1-fieldset-fieldset--civicrm-3-contact-1-contact-last-name,
.page-content-organizationmembers #webform-component-civicrm-2-contact-1-fieldset-fieldset--civicrm-2-contact-1-contact-last-name {
    float: left;
    width: 50%;
    margin-top: 0;
}
.page-content-organizationmembers #webform-component-civicrm-5-contact-1-fieldset-fieldset div.form-item {
    float: left;
    width: 33%;
    margin-top: 0;
}


/* using in-line labels for organization information.  But it is not good for drop downs */

#webform-client-form-100 .webform-component-managed_file label,
#webform-client-form-100 .webform-component-checkboxes label,
#webform-client-form-100 .webform-component-select label {
    display: inline-block;
	position: relative;
}

.page-node-webform-arrange-fields  #webform-client-form-100 label {
    display: inline-block;
	position: relative;
}


/* the registration page looks like it has been worked over a few times, and isn't happy about it.
worst offender:  list of contacts at bottom are just empty boxes with no labels */
.page-node-96 .fieldset-wrapper .form-item {
    float: left;
	margin-top: 0;
}

.page-node-96 .fieldset-wrapper .form-item.form-type-textarea {
    float: none;
	clear: both;
}
.page-node-96 .fieldset-wrapper .form-item.webform-component-file {
    border: 1px solid #ddd;
    float: right;
    padding: 3px;
}
.page-node-96 .fieldset-wrapper .form-item.webform-component-select {
    clear: left;
}
.page-node-96 fieldset {
    clear: both;
}

.webform-component--civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-cg8-custom-10 {
    margin-left: 22px;
}

/* website, facebook, twitter on one line */
.webform-component--civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-1-website-url {
    clear: left;
	margin-right: 2%;
    max-width: 30%;
}
.webform-component--civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-2-website-url {
    margin-right: 2%;
    width: 30%;
}
.webform-component--civicrm-1-contact-1-fieldset-fieldset--civicrm-1-contact-3-website-url {
    width: 30%;
}

/* newsletter list - make it look like a single block */

.webform-component-fieldset.webform-component--civicrm-12-contact-1-fieldset-fieldset.form-wrapper {
    border-bottom: medium none;
    margin-bottom: 0;
}

.webform-component-fieldset.webform-component--civicrm-2-contact-1-fieldset-fieldset.form-wrapper,
.webform-component-fieldset.webform-component--civicrm-3-contact-1-fieldset-fieldset.form-wrapper,
.webform-component-fieldset.webform-component--civicrm-4-contact-1-fieldset-fieldset.form-wrapper,
.webform-component-fieldset.webform-component--civicrm-5-contact-1-fieldset-fieldset.form-wrapper,
.webform-component-fieldset.webform-component--civicrm-6-contact-1-fieldset-fieldset.form-wrapper,
.webform-component-fieldset.webform-component--civicrm-7-contact-1-fieldset-fieldset.form-wrapper {
    border-bottom: 0 none;
    border-top: 0 none;
    margin: 0;
}

.webform-component-fieldset.webform-component--civicrm-2-contact-1-fieldset-fieldset.form-wrapper .fieldset-wrapper,
.webform-component-fieldset.webform-component--civicrm-3-contact-1-fieldset-fieldset.form-wrapper .fieldset-wrapper,
.webform-component-fieldset.webform-component--civicrm-4-contact-1-fieldset-fieldset.form-wrapper .fieldset-wrapper,
.webform-component-fieldset.webform-component--civicrm-5-contact-1-fieldset-fieldset.form-wrapper .fieldset-wrapper,
.webform-component-fieldset.webform-component--civicrm-6-contact-1-fieldset-fieldset.form-wrapper .fieldset-wrapper,
.webform-component-fieldset.webform-component--civicrm-7-contact-1-fieldset-fieldset.form-wrapper .fieldset-wrapper,
.webform-component-fieldset.webform-component--civicrm-8-contact-1-fieldset-fieldset.form-wrapper .fieldset-wrapper {
    margin-bottom: 0;
    margin-top: 0;
}

.webform-component-fieldset.webform-component--civicrm-8-contact-1-fieldset-fieldset.form-wrapper {
    border-top: 0 none;
    margin: 0;
}


/* popup for the become member page */
#block-user-login {
    text-align: right;

}
.popup-layout th, .popup-layout td {
    min-width: 1px;
}
.popup-layout .form-item label {
    display: inline;
}
.popup-element-body {
    min-width: 310px;
    width: 433px;
}
.popup-style-white .popup-element-body .top .left {
    padding-left: 0;
}
.popup-layout .inner {
    width: 315px !important;
}
.popup-style-white .popup-element-body .top .right {
    padding-right: 0;
}

/*  this needs to be more specific!  we do not want it on every form!! */
.popup-layout .item-list .first {
    display: none;  /* hide the create account, this is only for login */
}
.popup-layout #masquerade-block-1 .item-list .first {
    display: inline;  /* hide the create account, this is only for login */
}


.popup-layout .item-list > ul {
    margin: 0;
    padding: 0;
}

#popup-active-overlay .item-list ul li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#popup-active-overlay .item-list ul li  a {
    font-size: 1.1em;
    font-weight: 500;
}

#popup-active-overlay .form-actions {
    float: left;
    margin-top: 0.5em;
    padding: 0;
}
#popup-active-overlay .item-list {
    background: linear-gradient(#f5f5f5, #ddd) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    float: right;
    margin-top: 0.5em;
    max-width: 200px;
    padding: 0.4em 1em;
}

#popup-active-overlay .item-list:hover {
    background: linear-gradient(#e5e5e5, #ccc) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 6px;
    float: right;
    margin-top: 0.5em;
    max-width: 200px;
    padding: 0.4em 1em;
}
#popup-active-overlay .item-list a:hover {
   text-decoration: none;
}

#block-block-24 {
    margin-bottom: 40px;
    margin-top: -62px;
    text-align: right;
}


/* additional dates, on the add event form */

#field-date-range-2-values .form-wrapper {
    margin: 0;
}
#field-date-range-2-values  legend {
    display: none;
}
#field-date-range-2-values .fieldset-wrapper {
    padding: 0 0 0 0.5em;
}
form#event-node-form  #edit-field-date-range .fieldset-wrapper {
    padding: 2.4em 1em 0;
}

/* organization information
   the arrange fields had to be reset and cannot be used. 
   it is incompatible with the html text editor.
position manually   */
#webform-client-form-100 {
  position: relative;
}
/* Sector type - beside Org name */
#webform-client-form-100 .webform-component-select.webform-component--civicrm-1-contact-1-cg7-custom-9 {
  left: 480px;
  margin: 0;
  position: absolute;
  top: 0;
}
/* hide email - beside org email */
#webform-client-form-100 .webform-component--civicrm-1-contact-1-cg9-custom-18 {
  left: 480px;
  margin: 0;
  position: absolute;
  top: 50px;
}
/* logo box - half width, on the right */
#webform-client-form-100 .webform-component--civicrm-1-contact-1-fieldset-fieldset.form-wrapper {
  float: right;
  margin-bottom: 0;
  max-width: 50%;
  padding-bottom: 0;
}

/* main contact */
#webform-client-form-100  .webform-component--civicrm-1-contact-1-cg2-custom-2.webform-container-inline > label {
  width: 180px;
}
#webform-client-form-100  #edit-submitted-civicrm-1-contact-1-cg2-custom-2 {
  width: 250px;
}

/* billing email */
#webform-client-form-100 .webform-component--civicrm-1-contact-2-email-email > label {
  float: left;
  margin-right: 1em;
  width: 180px;
}
#edit-submitted-civicrm-1-contact-2-email-email {
  width: 250px;
}
/* posting email */
#webform-client-form-100 .webform-component--civicrm-1-contact-3-email-email > label {
  float: left;
  margin-right: 1em;
  width: 180px;
}
#webform-client-form-100  #edit-submitted-civicrm-1-contact-3-email-email {
  width: 250px;
}
/* phone */
#webform-client-form-100  .webform-component--civicrm-1-contact-1-phone-phone > label {
  width: 180px;
}
#webform-client-form-100   #edit-submitted-civicrm-1-contact-1-phone-phone {
  width: 250px;
}
#webform-client-form-100  .webform-component--civicrm-1-contact-1-phone-phone {
  margin-bottom: 0;
}

/* hide phone */
#webform-client-form-100 .webform-component--civicrm-1-contact-1-cg9-custom-17 {
  left: 202px;
  margin: 0;
  max-width: 40%;
  position: relative;
}

/* hide address */
#webform-client-form-100 .webform-component--civicrm-1-contact-1-cg9-custom-16 {
  left: 648px;
  margin: 0;
  position: relative;
  top: 40px;
}
/* address */
#webform-client-form-100 .webform-component--civicrm-1-contact-1-address-street-address {
  clear: both;
  margin-top: 0;  
}
/* address line 2 */
#webform-client-form-100 .webform-component--civicrm-1-contact-1-address-supplemental-address-1 {
  margin-bottom: 0;
}

/* city */
#webform-client-form-100 .webform-component--civicrm-1-contact-1-address-city {
  float: left;
  clear: both;
}

/* province */
#webform-client-form-100 .webform-component--civicrm-1-contact-1-address-state-province-id {
  float: left;
}
#webform-client-form-100 .webform-component--civicrm-1-contact-1-address-state-province-id > label {
  float: left;
  margin-left: 2em;
  margin-right: 7px;
}
/* postal code */
#webform-client-form-100 .webform-component--civicrm-1-contact-1-address-postal-code {
  float: left;
  margin-left: 2em;
}
#webform-client-form-100 .webform-component--civicrm-1-contact-1-address-postal-code > label {
  float: left;
  margin-right: 7px;
}
/* website */
#webform-client-form-100 .webform-component--civicrm-1-contact-1-website-url {
  clear: both;
  float: left;
  margin-right: 2em;
}
/* facebook */
#webform-client-form-100  .webform-component--civicrm-1-contact-2-website-url {
  float: left;
  margin-right: 2em;
}
#webform-client-form-100   #edit-submitted-civicrm-1-contact-2-website-url {
  width: 230px;
}
/* twitter */
#webform-client-form-100  .webform-component--civicrm-1-contact-3-website-url {
  float: left;
}
#webform-client-form-100   #edit-submitted-civicrm-1-contact-3-website-url {
  width: 230px;
}



/* submit */
#webform-client-form-100  .form-actions {
    clear: both;
}