/* Common Styles */

.commaSeparated:before {
    content: ', ';
}

.commaSeparated:empty:before,
.commaSeparated:empty + .commaSeparated:before,
.commaSeparated:first-child:before,
.commaSeparated:first-of-type:before {
    content: '';
}

/* Social Share and Registration */

.socialShareIcon,
.socialRegistrationIcon {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    vertical-align: middle;
    padding: 0 0 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
}

.socialRegistrationIcon {
    padding: 0 0 32px 32px;
}

.shareFacebook {background-image: url('../images/facebook_16.png');}
.shareLinkedin {background-image: url('../images/linkedin_16.png');}
.shareTwitter {background-image: url('../images/twitter_16.png');}
.shareGoogleplus {background-image: url('../images/googleplus_16.png');}
.shareViadeo {background-image: url('../images/viadeo_16.png');}
.shareXing {background-image: url('../images/xing_16.png');}
.shareEmail {background-image: url('../images/email_16.png');}
.registerFacebook {background-image: url('../images/facebook_32.png');}
.registerLinkedin {background-image: url('../images/linkedin_32.png');}
.registerGoogleplus {background-image: url('../images/googleplus_32.png');}
.registerViadeo {background-image: url('../images/viadeo_32.png');}
.registerXing {background-image: url('../images/xing_32.png');}

/* SECTIONS */
/* Wizard */

.fieldSpec,
.formfieldSpec,
.datasetfieldSpec {
    min-height: 4em;
    padding-bottom: 1em;
}

.fieldLabel,
.formfieldLabel,
.datasetfieldLabel {
    display: block;
}

.Wizard input,
.Wizard select,
.Wizard textarea {
    width: 100%;
}

/* Wizard particular fields */

.Wizard select.dayInput,
.Wizard select[id*="day"],
.Wizard select[name*="day"],
.Wizard select.monthInput,
.Wizard select[id*="month"],
.Wizard select[name*="month"] {
    width: 30%;
}

.Wizard select.yearInput,
.Wizard select[id*="year"],
.Wizard select[name*="year"] {
    width: 40%;
}

.CheckBoxListFormField:before,
.CheckBoxListFormField:after,
.RadioButtonListFormField:before,
.RadioButtonListFormField:after {
    content: " ";
    display: table;
}

.CheckBoxListFormField:after,
.RadioButtonListFormField:after {
    clear: both;
}

.CheckBoxListFormField label,
.RadioButtonListFormField label {
    display: block;
    padding: 0.25em 0;
    cursor: pointer;
}

.CheckBoxListFormField input,
.RadioButtonListFormField input {
    margin-right: 0.25em;
    vertical-align: middle;
}

/* Wizard Helpers */

.wiz_noDefaultSize {
    min-height: 0;
    padding-bottom: 0;
}

.wiz_noLabel .labelText,
.wiz_noDescription .description {
    display: none;
}

.wiz_forcedLeftCheckbox .fieldSpecPadder {
    position: relative;
    padding-left: 18px;
}

.wiz_forcedLeftCheckbox input {
    position: absolute;
    top: 0;
    left: 0;
}

.wiz_collectionInColumns2 a,
.wiz_collectionInColumns3 a,
.wiz_collectionInColumns4 a {
    display: block;
    clear: both;
}

.wiz_collectionInColumns2 label,
.wiz_collectionInColumns3 label,
.wiz_collectionInColumns4 label {
    float: left;
    padding-right: 0.25em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-break: break-all;
}

.wiz_collectionInColumns2 label {
    width: 50%;
}

.wiz_collectionInColumns3 label {
    width: 33.3%;
}

.wiz_collectionInColumns4 label {
    width: 25%;
}

.wiz_boxedOptions div.wiz_boxedOptions,
.wiz_boxedOptions.RadioButtonListFormField .description + div {
    border: 1px solid #CCCCCC;
    overflow-y: auto;
    max-height: 9.5em;
}

.wiz_boxedOptions input {
    margin-right: 0.333em;
}

.wiz_boxedOptions a,
.wiz_boxedOptions label {
    display: block;
    padding: 0.333em;
}

.wiz_boxedOptions a:hover,
.wiz_boxedOptions label:hover {
    background-color: #F0F0F0;
}