/**
 * @file
 * Form Styling
 */


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

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

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

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

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

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

.form-checkboxes .form-item,
.form-radios .form-item { /* Pack groups of checkboxes and radio buttons closer together */
  margin: 0; /* Drupal core uses "0.4em 0" */
}

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

.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)
 */

/* Header search form */

.header-search-form {
   border: 1px solid #9B9795;
    height: 26px;
    left: 807px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 66px;
    width: 185px;
}

body.front .header-search-form {
  border-top: 2px solid rgb(48, 41, 37);
  border-top: 2px solid rgba(48, 41, 37, .6);
  border-left: 2px solid rgb(48, 41, 37);
  border-left: 2px solid rgba(48, 41, 37, .6);
  border-right: 2px solid rgb(48, 41, 37);
  border-right: 2px solid rgba(48, 41, 37, .6);
  border-bottom: 0;
  left: 757px;
	top: 131px;
	z-index: 101;
	width: 236px;
}

.header-search-form form * {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
}

.header-search-form h2.block-title {
  display: none;
}

.header-search-form form label {
  display: none;
}

body.front .header-search-form form .form-text {
	width: 197px;
}

.header-search-form form .form-text {
  display: block;
  border: none;
  /* background: none; */
  background: url('../images/forms/searchGradient.png') repeat-x top left;
  width: 147px;
  height: 26px;
	font-family:"open-sans",sans-serif;
	font-weight: 600;
	color: #6b665f;
  margin: 0;
  padding: 0 2px 0 2px;
}

body.front .header-search-form form .form-text {
  background: url('../images/forms/searchGradient-70.png') repeat-x top left;
}

*::-webkit-input-placeholder { /* WebKit browsers */
  color: #6b665f;
  font-family: "open-sans", arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  font-style: italic;
  opacity: 1;
}
*:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #6b665f;
  font-family: "open-sans", arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  font-style: italic;
  opacity: 1;
}
*::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #6b665f;
  font-family: "open-sans", arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  font-style: italic;
  opacity: 1;
}
.header-search-form form .form-text:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #6b665f;
  font-family: "open-sans", arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  font-style: italic;
  opacity: 1;
}
.header-search-form form .form-text.placeholder {
  color: #6b665f;
  font-family: "open-sans", arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  font-style: italic;
  opacity: 1;
}

.header-search-form form .form-text:focus {
  background: #dbdbdb;
}

.header-search-form form .form-submit {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  margin: 0;
  padding: 0;
}




#block-search-form { /* Wrapper for the search form */
  position: absolute;
  top: 68px;
  right: 0;
  height: 20px;
  overflow: hidden;
  width: 182px;
  margin: 0;
}

#block-search-form form,
#aspen-global-search-form {
  background: url(../images/bg/globalsearch.gif) no-repeat top right;
  height: 20px;
}

#aspen-event-search-form {
  position: absolute;
  top: 18px;
  right: 40px;
  overflow: hidden;
  width: 221px;
  height: 20px;
  background: url(../images/bg/eventsearch.gif) no-repeat top right;
}

#views-exposed-form-Blog-default {
  border: 1px solid #ccc;
  padding: 2px 3  px;
}

#views-exposed-form-Blog-default .form-text {
  width: 140px;
  margin-right: 10px;
}

#views-exposed-form-Blog-default *,
#block-search-form form *,
#aspen-global-search-form *,
#aspen-event-search-form * {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
}

#block-search-form form label,
#aspen-global-search-form label,
#aspen-event-search-form label {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 36px;
  height: 7px;
  background: url(../images/forms/globalsearch_label.gif) no-repeat;
  cursor: pointer;
  float: left;
  margin: 7px 7px 0 0;
}

#aspen-event-search-form label {
  width: 74px;
  background: url(../images/forms/search_events_label.gif) no-repeat;
}

#block-search-form form .form-text,
#aspen-global-search-form .form-text,
#aspen-event-search-form .form-text {
  display: block;
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
  width: 90px;
  font: normal 11px/1 arial, sans-serif;
  color: #423b36;
  float: left;
  height: 14px;
  margin: 3px 5px 0 5px;
}

#aspen-event-search-form .form-text {
  border: 1px solid #fff;
  background: #fff;
}

#block-search-form form .form-submit,
#aspen-global-search-form .form-submit,
#aspen-event-search-form .form-submit {
  display: block;
  float: left;
  margin: 6px 0 0 5px;
}

/* Multimedia & Events search forms */

#block-views-exp-event-search-page,
#block-views-exp-multimedia-page-1 {
  position: absolute;
  top: 18px;
  right: 40px;
  background: none;
  padding: 0;
  margin: 0;
}

#block-views-exp-event-search-page *,
#block-views-exp-multimedia-page-1 * {
  margin: 0;
  padding: 0;
}

#block-views-exp-event-search-page form *,
#block-views-exp-multimedia-page-1 form * {
  float: left;
  margin: 0;
  padding: 0;
  border: none;
}

#block-views-exp-event-search-page form label,
#block-views-exp-multimedia-page-1 form label {
  text-transform: uppercase;
  font-size: 11px;
  color: #000;
  font-weight: normal;
  display: block;
  margin: 2px 13px 0 0;
}

#block-views-exp-event-search-page form label {
  color: #fff;
}


#block-views-exp-event-search-page form #edit-keys,
#block-views-exp-multimedia-page-1 form #edit-keys,
#block-views-exp-multimedia-page-1 form #edit-title {
  border: none;
  border-top: 1px solid #897E78;
  height: 18px;
  width: 102px;
  padding: 2px 0 0 2px;
}

#block-views-exp-event-search-page form #edit-submit-event-search,
#block-views-exp-multimedia-page-1 form #edit-submit-multimedia {
  border: none;
  border-top: 1px solid #897E78;
  height: 21px;
  width: 33px;
  background: #fff url(../images/agln/go_button.gif) no-repeat 0 1px;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  display: block;
  overflow: hidden;
}



/*
 * Drupal's default login form block
 */

#user-login-form {
  text-align: left; /* LTR */
}

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

#user-login-form ul { /* OpenID creates a new ul above the login form's links. */
  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link { /* The "Log in using OpenID" link. */
  margin-top: 1.5em;
  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link { /* The "Cancel OpenID login" link. */
  margin-top: 1.5em;
}

#user-login ul {
  margin: 1.5em 0;
}

/*
 * Drupal admin tables
 *
 * We overrode these styles in normalize.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;
}

.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; /* IE doesn't display borders on table rows */
}

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */

td.menu-disabled {
  background: #ccc;
}

/* What We Do */
#views-exposed-form-what-we-do-page .views-exposed-form {
  border-top: 1px solid #e2dace;
  background: url(../images/wwd/form-bg.gif) repeat-y top left;
  padding: 14px 10px 20px 18px;
  font-family: "open-sans", arial, sans-serif;
  color: #342d28;
  margin: 0 0 20px 0;
}

.view-what-we-do div.jquery-dropdown-container { 
  position: relative; 
  cursor: pointer; 
}

.view-what-we-do .form-disabled .jquery-dropdown-container {
  cursor: default;
}

.view-what-we-do label {
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.view-what-we-do div.jquery-dropdown-header { 
  border: none;
  background: #fff; 
  height: 27px; 
  font-weight: normal; 
  font-size: 12px;
  color: #413b35;
  position: relative;
}

.view-what-we-do div.jquery-dropdown-header .dh-text {
  border: 1px solid #d9cebf;
  background: #faf8f0;
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  padding: 4px 10px 0px 10px;
  text-indent: 0; 
  -moz-box-shadow:    inset 0 0 10px #edeae2;
  -webkit-box-shadow: inset 0 0 10px #edeae2;
  box-shadow:         inset 0 0 10px #edeae2;
  line-height: 1.5em;
} 

.view-what-we-do div.jquery-dropdown-header .dh-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #ccc;
  border-left: none;
  background: url(../images/wwd/plus.gif) no-repeat top left;
}

.view-what-we-do div.jquery-dropdown-header-expanded .dh-bg { 
  background-position: -25px 0;
}

.view-what-we-do .views-widget .form-disabled .dh-bg {
  display: none;
}

.view-what-we-do ul.jquery-dropdown-list { 
  margin: 0; 
  padding: 0; 
  display: none; 
  position: absolute; 
  left: 0; 
  top: 0px; 
  border: 1px solid #d9cebf;
  z-index: 100; 
  width: 190px;
  background: #fff url(../images/wwd/minus.gif) no-repeat top right;
  height: 280px;
  overflow: auto;
 }

.view-what-we-do #edit-activities-wrapper ul.jquery-dropdown-list { 
  height: 200px;
}

.view-what-we-do ul.jquery-dropdown-list li { 
  list-style: none; 
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.view-what-we-do ul.jquery-dropdown-list li a, 
.view-what-we-do ul.jquery-dropdown-list li a:link, 
.view-what-we-do ul.jquery-dropdown-list li a:visited { 
  color: #342d28;
  display: block; 
  text-decoration: none; 
  font-size: 12px;
  border: 1px solid #fff;
  padding: 3px 8px 3px 8px;
  width: auto;
  margin: 1px 27px 3px 1px;
}

.view-what-we-do ul.jquery-dropdown-list li a:hover { 
  background: #faf8f0;
  border: 1px solid #d9cebf;
  padding: 10px 10px 
  text-decoration: none; 
} 

.view-what-we-do .jquery-dropdown-activities .jquery-dropdown-list,
.view-what-we-do .jquery-dropdown-activities {
  width: 240px;
}

.view-what-we-do .jquery-dropdown-activities .dh-text {
  width: 192px; /*190-42*/
}

.view-what-we-do .form-disabled .jquery-dropdown-activities .dh-text {
  width: 217px;
}



.view-what-we-do .jquery-dropdown-issues .jquery-dropdown-list,
.view-what-we-do .jquery-dropdown-issues {
  width: 245px;
}

.view-what-we-do .jquery-dropdown-issues .dh-text {
  width: 197px;
}

.view-what-we-do .form-disabled .jquery-dropdown-issues .dh-text {
  width: 222px;
}


.view-what-we-do .jquery-dropdown-program .jquery-dropdown-list,
.view-what-we-do .jquery-dropdown-program {
  width: 255px;
}
.view-what-we-do .jquery-dropdown-program .dh-text {
  width: 207px;
}