/**
 * @file
 * Form Styling
 */


/* Wrapper for a form element (or group of form elements) and its label */
.form-item  {
  margin: 18px 0;
}


/* The label for a form element */
.form-item label {
  display: block;
  font-weight: 700;
}


/* The label for a radio button or checkbox */
.form-item label.option {
  display: inline;
  font-weight: normal;
}


/* The part of the label that indicates a required field */
.form-required {
  color: #c00;
}


/* The descriptive help text (separate from the label) */
.form-item .description {
  font-size: 0.8em;
  color: #555;
}


/* Core indents descriptions and it looks bad, reset the margin */
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 0;
}


/* Pack groups of checkboxes and radio buttons closer together */
.form-checkboxes .form-item,
.form-radios .form-item  {
  margin: 0;
}


/* The submit button */
.form-submit {
}


/* Inline labels and form divs */
.container-inline div,
.container-inline label {
  display: inline;
}


/* Fieldsets */
fieldset {
  background: transparent;
  border: 1px solid #dadada;
  margin: 10px 0;
  padding: 10px;
}


fieldset fieldset:last-child {
  margin-bottom: 0;
}


legend,
fieldset legend {
  border: 0;
  display: block;
  font-weight: 400;
  padding: 0 10px 0 0;
  white-space: normal;
}


html.js fieldset.collapsed {
  background: transparent;
  padding-top: 5px;
}


/* Inputs */
input {
  margin: 0;
}


button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}


input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}


button[disabled],
input[disabled] {
  cursor: default;
}


/* Make sure text input fields never overflow their containers */
input.form-text {
  max-width: 100%;
}


/* Reset form-text, textarea and select */
input.form-text,
textarea,
select {
  border: 1px solid #ccc;
  height: auto;
  padding: 1px 2px;
  font-family: inherit; /* inherit the default site font and not the browsers monospace font */
  font-size: 1em;
}


/* Adjust trobber background position when changing text field padding */
html.js input.form-autocomplete {
  background-position: 100% 5px;
}
html.js input.throbbing {
  background-position: 100% -15px;
}


/* Highlight the form elements that caused a form submission error */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #ed541d;
}


/* Highlight vertical tabs that contain form errors */
.vertical-tabs ul.vertical-tabs-list li.vertical-tab-button-error a {
  color: #8c2e0b;
  background: #fef5f1;
  outline: 1px solid #ed541d;
  margin-right: 1px;
}


/* Textarea */
textarea {
  overflow: auto;
  vertical-align: top;
}


div.resizable-textarea textarea {
  margin-top: 0;
}


/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 */
[hidden] {
  display: none;
}


/* Tips for Drupal's input formats */
.tips  {
  font-size: .857em;
  margin: 0 0 0 15px;
  padding: 0;
}


.field-type-text-long fieldset {
  padding: 10px 0;
}


.field-type-text-long fieldset .form-item {
  margin: 0;
  padding: 0 0 0 15px;
}


fieldset .filter-help {
  padding: 0 15px 5px;
}


.filter-guidelines {
  font-size: .923em;
  margin: 0;
  padding: 5px 18px 10px;
}


/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}


/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left; /* LTR */
}


#user-login-form ul {
  margin: 0;
  padding: 0;
}


#user-login-form li.openid-link,
#user-login-form li.user-link {
}


#user-login ul {
  margin: 0 0 5px;
}


#user-login ul li {
  margin: 0;
}


#user-login-form .item-list li {
  list-style: none;
  margin: 0;
}


#user-login-form li.openid-link,
#user-login li.openid-link {
  background: none;
}


/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */

/* OpenID creates a new ul above the login form's links - position it correctly */
#user-login-form ul  {
  margin-bottom: 0;
}


/* The "Log in using OpenID" link */
html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
}


/* The "Cancel OpenID login" link */
#user-login-form li.user-link {
}


html.js #user-login-form li.openid-link,
#user-login-form li.openid-link,
#user-login-form li.user-link {
  cursor: pointer;
}


#user-login ul {
}


/*
 * Search
 */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}


input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}


.panel-pane #search-block-form {
  margin-bottom: 20px;
}


/*
 * Advanced search form
 */
fieldset#edit-advanced fieldset {
  float: left;
  margin: 0 10px 10px 0;
}


fieldset#edit-advanced fieldset .fieldset-legend {
  background: none;
  padding-left: 1em;
}


.advanced-search-submit {
  clear: both;
}


.search-advanced .criterion {
  float: none;
  margin: 0 5px;
}


#edit-keywords-fieldset .form-item:first-child {
  margin-top: 5px;
}


#search-form {
  margin: 10px 0;
}


/*
 * Drupal admin tables
 *
 * We overrode these styles in html-reset.css, but restore them for the admin
 * section of the site.
 */

form th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}


form tbody {
  border-top: 1px solid #ccc;
}


form tr.even {
  background-color: #fff;
}


form table .item-list ul {
  margin: 0;
}


/* IE doesn't display borders on table rows */
.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  border-bottom: 1px solid #ccc;
}


/* Special case modules */
#devel-switch-user-form {
  margin-bottom: 0;
}

/*
Added from other (?) project per JCS
2014/1/6
VR
*/

button,
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;
  border-width: 1px;
  box-sizing: border-box;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  background-color: #ccc;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(#ffffff, #cccccc);
  background-image: -moz-linear-gradient(#ffffff, #cccccc);
  background-image: -o-linear-gradient(#ffffff, #cccccc);
  background-image: linear-gradient(#ffffff, #cccccc);
  padding: 1px 5px;
  text-shadow: 0 1px 0 #fff;
  box-shadow: 0 0 2px #999999;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background-color: #fff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(#cccccc, #ffffff);
  background-image: -moz-linear-gradient(#cccccc, #ffffff);
  background-image: -o-linear-gradient(#cccccc, #ffffff);
  background-image: linear-gradient(#cccccc, #ffffff);
}

.form-item,
.views-exposed-widget {
  /* Wrapper for a form element (or group of form elements) and its label */
  /* min-height: 30px; //changed by German Moreno Perez to address some spacing from the eNewsletter page for grassley 26 Feb 2014 */
  /* allows form items and widget to clear each other when responsive (cross-broswer) */
  /* margin: 0 .0 .24em 0; */
 /* padding-top: 0.315em; //German Moreno Perez changed       */ 
 /*  padding-bottom: 0.65625em; //German Moreno Perez changed */
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error,
.views-exposed-widget input.error,
.views-exposed-widget textarea.error,
.views-exposed-widget select.error {
  /* Highlight the form elements that caused a form submission error */
  border: 1px solid #c00;
}
.form-item label,
.views-exposed-widget label {
  /* The label for a form element */
  display: block;
  font-weight: normal;
  font-size: 0.83em;
  line-height: 1.58133em;
}
.form-item label.option,
.views-exposed-widget label.option {
  /* The label for a radio button or checkbox */
  display: inline;
  font-weight: normal;
}
.form-item .form-required,
.views-exposed-widget .form-required {
  /* The part of the label that indicates a required field */
  color: #c00;
}
.form-item .description,
.views-exposed-widget .description {
  /* The descriptive help text (separate from the label) */
  font-size: 0.85em;
}
.form-checkboxes .form-item, .form-radios .form-item, .form-checkboxes
.views-exposed-widget, .form-radios
.views-exposed-widget {
  /* Pack groups of checkboxes and radio buttons closer together */
  margin: 0;
  /* Drupal core uses "0.4em 0" */
}

.form-submit {
  /* The submit button */
  margin-right: 1px;
  padding-right: 10px;
  padding-left: 10px;
  display: inline-block;
  line-height: 1.7;
  margin-top:1.8em;
}

.form-submit {
  font-weight: bold;
  /* @include box-sizing(border-box); */
}
#edit-submit,
#edit-reset {
  line-height: 1.7;
  margin-top:1.8em;
}

.container-inline div,
.container-inline label {
  /* Inline labels and form divs */
  display: inline;
}

.tips {
  /* Tips for Drupal's input formats */
}

a.button {
  /* Buttons used by contrib modules like Media */
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}

/*
 * Search (search-block-form.tpl.php)
 */
#block-search-form {
  /* Wrapper for the search form */
  float: right;
}



button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner
input[type="button"]::-moz-focus-inner {
  /* fix dumb FireFox button height issue */
  padding: 1px 5px;
  border: 0;
}

/*
New - VR
*/

.views-exposed-widget select {
	margin: 0;
}
.views-exposed-form .form-item.form-type-date-select {
	padding-top: 0.315em;
}