/* $Id: forms.css,v 1.3 2009/08/12 08:37:42 johnalbin Exp $ */

/**
 * @file
 * Form Styling
 */

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

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

.form-item label /* The label for a form element */ {
  display: block;
  font-weight: bold;
  font-family: Trebuchet MS,helvetica,arial,sans-serif;
}

.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.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 */ {
}

/*
 * Drupal's default login form block
 */
/*
#user-login-form {
  text-align: left;
}
#user-login-form ul {
  list-style: none;
  padding-left: 0 !important;
}
#user-login-form ul li {
  margin-bottom: 10px !important;
}
#user-login-form ul li a {
  background: #222 url('../images/buttonoverlay.png') repeat-x;
  display: inline-block;
  padding: 5px 10px 6px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  border-bottom: 1px solid #222;
  position: relative;
  cursor: pointer;
}
*/


/* Google Translate */
#block-gtranslate-gtranslate {
  display: none;
  width: 50%;
  float: left;
}

/* Account buttons */
.accountbuttons {
  position: absolute;
  right: 2px; 
  display: inline-block;
  width: 150px;
  text-align: right;
}
.accountbuttons .internal-wrapper {
  font-size: 12px;
  padding-top: 1px;
}
.accountbuttons a.internal {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  background: #222 url('../images/buttonoverlay.png') repeat-x;
  display: inline-block;
  padding: 4px 10px 5px;
  color: #fff;
  text-decoration: none;
  line-height: 1;
  border-bottom: 1px solid #222;
  position: relative;
  cursor: pointer;
}
.accountbuttons a:hover {
  text-decoration: underline;
}
.page-user .accountbuttons {
  display: none;
}

/* Gift Donate Subscribe */
#block-superfish-2 {
  position: relative;
  top: 1px;
  right: 17px;
  width: 240px;
}
#superfish-2 li {
  width: 65px;
  height: 15px;
  text-align: center;
  font-size: 12px;
  margin-left: 3px;
  background-color: #C03326;
  padding: 7px 3px 5px 3px;
  font: arial;
}
#superfish-2 a {
  font-weight: normal;
  font-family: Arial,Helvetica,sans-serif;
  color: white;
}

/* Search (search-theme-form.tpl.php) */

.region-top-banner #block-search-form { 
  position: relative;
  top: 10px;
  font-size: 12px;
  width: 240px;
}
.region-top-banner #search-block-form .form-actions {
  position: relative;
  right: 20px;
}
.region-top-banner #search-block-form input.form-text {
  width: 210px;
}
#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}
#search-box .form-text {
  line-height: 12px;
  height: 25px;
}
#search-theme-form,
#search-theme-form div{
  display: inline;
}
#edit-search-theme-form-1-wrapper {
  margin: 1.5px 0px 0px 4px !important;
}
#edit-search-theme-form-1 {
  background: #ffffff url('../images/search-mag-glass.jpg') no-repeat 98% center;
  border: none;
  color: #666;
  /*width: 100px;*/
}
#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}

/* Main menu */
#block-superfish-1 {
  margin: 20px 0 20px 0!important;
}

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

#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
  margin-top: 1em;
  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: 1em;
}

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

#user-login li.openid-link,
#user-login li.user-link /* The OpenID links on the /user form. */ {
  margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */
}


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

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

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

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

/*
 * CAPTCHA
 *
 * Some styling for the CAPTCHA form to fit with house styles
 */
 .captcha {
font-family: Trebuchet MS,helvetica,arial,sans-serif;
}
.captcha legend {
font-weight: bold;
}
.captcha .description {
font-size: 0.85em;
}

/**
 * enewsletter subscribe block
 */
#edit-fields-mail{
width: 150px;
}


/*Small screen */
@media screen and (min-width: 480px) {

/* Main menu */
#block-superfish-1 {
  margin: 20px 0 0px 0!important;
}
}

/*Small screen / tablet */
@media screen and (min-width: 768px) {

  .accountbuttons {
    /*height: 25px; /* Stops everything from shifting down after google translate loads */
  }

  /*.accountbuttons #google_translate_element {*/
  #block-gtranslate-gtranslate {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 50%;
    float: left;
  }
  #block-superfish-2 {
    position: absolute;
    top: 30px;
    right: 0;
  }
  .page-user #block-superfish-2 {
    top: 1px;
  }

  .region-top-banner #block-search-form { 
    position: absolute;
    top: 70px;
    right: 0;
    margin-right: -14px;
  }
  .page-user .region-top-banner #block-search-form {
    top: 41px;
  } 
}

/* Medium screen / desktop */
@media screen and (min-width: 992px) {

}

/* Large screen / wide desktop */
@media screen and (min-width: 1200px) {

}