/* Webform General Styling */
/* .content .webform-client-form .panel { */
article.node-webform .panel {
    line-height: 2em;
    background: #050505;
    background: rgba(200,200,200,0.6);
    border-radius: 0;
    color: #f1f1f1;
    padding: 30px;
    border: none;
}

/* .content .webform-client-form span.panel-title { */
article.node-webform span.panel-title {
    font-weight: bold;
    font-size: 21px;
}

/* Basic Form Elements */

.page-node .region-content labelZZZ {
  color: #01458e;
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-weight: bold;
  letter-spacing: 3px;
}
/* .region-content label { */
article.node-webform label {
  color: #01458e;
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-weight: bold;
  letter-spacing: normal; /* 3px; */
}
/* .main-container input { */
article.node-webform input {
  background-color: #f1f1f1 !important;
  border: 0; /* !important; */
  border-radius: 0 !important;
  color: #808080 !important;
}
/* .main-container select { */
article.node-webform select {
  background-color: #f1f1f1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #808080 !important;
}

/* Remove the IE down arrow on select dropdown (see Sampson answer here: http://stackoverflow.com/questions/15351949/removing-the-ie10-select-element-arrow) */
/* .page-blog .main-container select::-ms-expand, .page-publications .main-container select::-ms-expand, .page-press-releases .main-container select::-ms-expand, .page-hiv-awareness-materials .main-container select::-ms-expand { */
article.node-webform select::-ms-expand {
    display: none;
}

/* Style the select dropdown with custom down arrow (see previous declaration also for IE tweak */
/* .page-blog .main-container select:not([multiple]) { */
article.node-webform select:not([multiple]) {
    width: 290px;
    /* padding: 5px; */
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 5px;
    height: 45px;
    background: url(/sites/default/files/imgs/select-arrow-blue.png) no-repeat right #fff;
    background-size: 10%;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    background-position-x: 250px;  
}

/* .main-container textarea { */
article.node-webform textarea {
  background-color: #f1f1f1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #808080 !important;
}
/* .main-container .ecfs-input { */
article.node-webform .ecfs-input {
  background-color: #f1f1f1;
  border: 0;
  border-radius: 0;
  color: #808080;
}
/* .main-container textarea:focus,
input:focus { */
article.node-webform textarea:focus,
article.node-webform input:focus {
  outline: none!important;
  border: 1px solid #d1d1d1 !important;
  box-shadow: none!important;
}
/* .main-container *:focus { */
article.node-webform *:focus {
  outline: none!important;
  border: 1px solid #d1d1d1 !important;
  box-shadow: none!important;
}

/* Search Entry Form */

input#edit-search-block-form--2 {
  font-family: "Trebuchet MS,Arial,Helvetica,sans-serif" !important;
}

div.full-screen-search-form-input a#close-button {
  margin-left: 15px;
  color: white;
  font-size: 20px;
  margin-bottom: 10px;
}

/* Election form input widget alignment */
body.node-type-election div.main-container input {
    margin-top: 9px;
}

/* Temporary election tabs resolution */
body.node-type-election ul.tabs--primary {
    display: none;
}
body.node-type-election.admin-menu ul.tabs--primary {
    display: inherit;
}

/* User Profile */
form#user-profile-form div.form-item.form-type-radio > label.control-label {
  font-weight: normal;
}
form#user-profile-form div.form-item.form-type-checkbox > label.control-label {
  font-weight: normal;
}

/* ECFS Patient Registry Variables Conformity Survey */
/* ECFS ECFSPR Annual Report Comments  */
/* ECFS Clinical Fellowship Application Form */
/* ECFS Short-Term Fellowships */
article#node-8113 .content .webform-client-form .panel,
article#node-8148 .content .webform-client-form .panel,
article#node-8152 .content .webform-client-form .panel,
article#node-8153 .content .webform-client-form .panel,
article#node-8168 .content .webform-client-form .panel,
article#node-9023 .content .webform-client-form .panel
{
    line-height: 1em;
    background: #050505;
    background: rgba(112, 194, 243, 0.6);
    border-radius: 5px;
    color: #f1f1f1;
    padding: 30px;
    border: 1px solid #0090e0;
}
article#node-8113 label.control-label,
article#node-8148 label.control-label,
article#node-8152 label.control-label,
article#node-8153 label.control-label,
article#node-8168 label.control-label,
article#node-9023 label.control-label
{
    letter-spacing: inherit;
}
article#node-8113 .panel-default>.panel-heading,
article#node-8148 .panel-default>.panel-heading,
article#node-8152 .panel-default>.panel-heading,
article#node-8153 .panel-default>.panel-heading,
article#node-8168 .panel-default>.panel-heading,
article#node-9023 .panel-default>.panel-heading
{
    color: #333;
    background-color: #ececec;
    border-color: #4a4a4a;
    border-radius: 10px;
    width:inherit;
}
article#node-8113 .help-block,
article#node-8148 .help-block,
article#node-8152 .help-block,
article#node-8153 .help-block,
article#node-8168 .help-block,
article#node-9023 .help-block
{
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #464646;
    white-space: pre-wrap; /* preserves the line breaks whilst allowing long lines to wrap */
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px;
    margin-left: 20px;
}
article#node-8113 input[type=checkbox], article#node-8113 input[type=radio],
article#node-8148 input[type=checkbox], article#node-8148 input[type=radio],
article#node-8152 input[type=checkbox], article#node-8148 input[type=radio],
article#node-8153 input[type=checkbox], article#node-8148 input[type=radio],
article#node-8168 input[type=checkbox], article#node-8148 input[type=radio],
article#node-9023 input[type=checkbox], article#node-8148 input[type=radio]
{
    margin-top: 2px;
}
article#node-8113 div#intro, 
article#node-8148 div#intro,
article#node-8152 div#intro,
article#node-8153 div#intro,
article#node-8168 div#intro,
article#node-9023 div#intro
{
    border: 1px solid #808080;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}


.tempinvalid {
    border: 1px solid red !important;
}

/* ECFS Clinical Fellowship Application Form */
/* ECFS Short-Term Fellowships */
article#node-8152 .webform-container-inline .form-item,
article#node-8153 .webform-container-inline .form-item,
article#node-9023 .webform-container-inline .form-item
{
    display: inherit;
}
article#node-8152 .webform-container-inline .form-item-submitted-1-applicants-information-date-of-birth-year .year.form-control.form-text,
article#node-8152 .webform-container-inline .form-item-submitted-2-activity-information-preferred-dates-for-clinical-fellowship-preferred-date-from-year .year.form-control.form-text,
article#node-8152 .webform-container-inline .form-item-submitted-2-activity-information-preferred-dates-for-clinical-fellowship-preferred-date-to-year .year.form-control.form-text
{
    width: inherit;
    display: inline;
}
article#node-8153 .webform-container-inline .form-item-submitted-applicants-information-date-of-birth-year .year.form-control.form-text,
article#node-8153 .webform-container-inline .form-item-submitted-2-activity-information-dates-of-visit-from-year .year.form-control.form-text,
article#node-8153 .webform-container-inline .form-item-submitted-2-activity-information-dates-of-visit-to-year .year.form-control.form-text
{
    width: inherit;
    display: inline;
}
article#node-8152 .webform-container-inline .form-item-submitted-1-applicants-information-date-of-birth-year label,
article#node-8152 .webform-container-inline .form-item-submitted-2-activity-information-preferred-dates-for-clinical-fellowship-preferred-date-from-year label,
article#node-8152 .webform-container-inline .form-item-submitted-2-activity-information-preferred-dates-for-clinical-fellowship-preferred-date-to-year label
{
    position: inherit !important;
    display: inline;
    float: left;
    margin-right: 1em;
    overflow: inherit;
}
article#node-8153 .webform-container-inline .form-item-submitted-applicants-information-date-of-birth-year label,
article#node-8153 .webform-container-inline .form-item-submitted-2-activity-information-dates-of-visit-from-year label,
article#node-8153 .webform-container-inline .form-item-submitted-2-activity-information-dates-of-visit-to-year label
{
    position: inherit !important;
    display: inline;
    float: left;
    margin-right: 1em;
    overflow: inherit;
}

.inline-radio-options {
  margin-top: 40px;
  border: 1px solid #9b9b9b;
  padding: 20px;
  border-radius: 10px;  
}

.inline-radio-options .form-type-radio {
  display:inline;
  margin-right: 50px;
}