/**
 * @file
 * Form Styling
 */


.views-exposed-form .views-exposed-widget,
.form-item,
.form-checkboxes,
.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
    margin: 0;
    padding: 0 15px 0.5em 0;
}

.form-item input,
.form-item textarea {
    padding: 0.1em 0.3em;
    border-top: 1px solid #999;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #e4e4e4;
	font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #58585A;
}

.form-item input {
}

.form-item select {
    margin: 0;
}

.container-inline-date .form-item input, 
.container-inline-date .form-item select, 
.container-inline-date .form-item option {
    margin: 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 */
.views-exposed-form label {
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #666;
}

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

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


/*
 * Search (search-theme-form.tpl.php)
 */
#search-box /* Wrapper for the search form */ {
}

#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}


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

#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}

#search-block-form .form-item {
    padding: 0;
    position: relative;
    /* top: -4px;*/
}

#search-block-form .form-item input {
    float: left;
    border: 0;
    padding: 2px 0 0 10px;
    width: 135px;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    background: #fff;
    color: #999;
    /*outline: 0;*/
}
	#search-block-form .form-item input:focus, 
	#search-block-form .form-item input:active, 
	#demos-email-block-form .form-item input:focus, 
	#demos-email-block-form .form-item input:active {
		color: #0B052C;
	}

#search-block-form .form-submit {
    background:url(../images/form_submit-search.png) 0 0 no-repeat;
    border: 0;
    height: 16px;
    width: 16px;
    display: block;
    text-indent: -9999em;
    font-size: 1px;
    overflow: hidden;
    line-height: 0;
}
    #search-block-form .form-submit:hover {
        background-image:url(../images/form_submit-search_ovr.png);
        cursor: pointer;
    }

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

#user-login-form .form-item {
    float: left;
    width: 165px;
    padding-bottom: 1em;
}

#user-login-form #edit-pass-wrapper {
    padding-right: 0;
}

#user-login-form .form-item input {
    width: 157px;
}

#user-login-form .form-submit {
    clear: both;
    float: right;
    margin-bottom: 1em;
}

#user-login-form .item-list {
    float: left;
}

#user-login-form .item-list ul {
    margin-top: 0;
}


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

#demos-email-block-form .form-submit,
#user-login-form .form-submit,
.views-exposed-form .views-exposed-widget .form-submit {
    border: 0;
    padding: 0.1em 1em;
	font-family: chaparral-pro, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1px;
    background: #ff7f00;
    color: white;
    -webkit-box-shadow: #999 0 0 4px;
    -moz-box-shadow: #999 0 0 4px;
    box-shadow: #999 0 0 4px;
    cursor: pointer;
}

#demos-email-block-form .form-submit:hover,
#user-login-form .form-submit:hover,
.views-exposed-form .views-exposed-widget .form-submit:hover {
    color: #0b052c;
}

.views-exposed-form .form-item {
}

.views-exposed-widgets {
}

html.js a.views-throbbing,
html.js span.views-throbbing {
}


/* Get Updates form */
#demos-email-block-form {
    float: right;
}

#demos-email-block-form label {
    display: none;
    color: white;
}

#demos-email-block-form .form-item {
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 142px;
    height: 20px;
    background: white url("../images/form_text-getupdates.png") no-repeat top left;
}

#demos-email-block-form .form-item input {
    display: block;
    width: 100%;
    height: 17px;
    background: transparent;
    border: 0;
    font-size: 10px;
    line-height: 1em;
    color: #999999;
}

#demos-email-block-form .form-submit {
    float: right;
    margin: 0;
    padding: 0.1em 0.1em 0.1em 0.3em;
    height: 20px;
    -webkit-box-shadow: #2B5581 0 0 4px;
    -moz-box-shadow: #2B5581 0 0 4px;
    box-shadow: #2B5581 0 0 4px;
}


/* Publications: Search form */
#views-exposed-form-publications-page-1 {
}

    #views-exposed-form-publications-page-1 .views-exposed-form .views-exposed-widget {
        padding: 0 0 0 15px;
        line-height: 1.1em;
    }

    #views-exposed-form-publications-page-1 .form-item {
        padding-right: 0;
    }

    #views-exposed-form-publications-page-1 label {
        display: block;
        padding-bottom: 0.2em;
    }

    #views-exposed-form-publications-page-1 #edit-search-term {
        width: 329px;
    }
    
    #views-exposed-form-publications-page-1 #edit-name,
    #views-exposed-form-publications-page-1 #edit-province {
        width: 167px;
    }

    #views-exposed-form-publications-page-1 #edit-field-publication-date-value-value-datepicker-popup-1,
    #views-exposed-form-publications-page-1 #edit-field-publication-date-value-1-value-datepicker-popup-1 {
        width: 82px;
    }

    #views-exposed-form-publications-page-1 .date-views-filter-wrapper {
        min-width: 0;
    }

    #views-exposed-form-publications-page-1 .filter-name {
        clear: both;
    }
    
    #views-exposed-form-publications-page-1 .container-inline-date,
    #views-exposed-form-publications-page-1 .date-clear {
        padding: 0;
    }

    #views-exposed-form-publications-page-1 .filter-field_related_issues_nid {
        display: none;
    }

/* Books: Search form */
#views-exposed-form-books-page-1 {
}

    #views-exposed-form-books-page-1 .views-exposed-widgets{
        padding-bottom: 10px;
    }
    
    #views-exposed-form-books-page-1 .form-item {
        padding-right: 0;
    }

    #views-exposed-form-books-page-1 #edit-title,
    #views-exposed-form-books-page-1 #edit-field-publication-author-url,
    #views-exposed-form-books-page-1 #edit-field-related-issues-nid {
        width: 162px;
    }