/**
 * form.css for http://www.visitidaho.com/
 *
 * Fieldset and Form Element styling and overrides
 *
 * @author Drake Cooper
 * @link http://www.drakecooper.com/
 * @copyright (c) 2011, Drake Cooper. All rights reserved.
 *
 */


label,
input[type="text"],
textarea,
select,
input[type="password"],
input[type="file"] {
  display:block;
}

/* wrappers */
.fieldset-wrapper {
  margin-bottom:1em;
}
.form-item {
  margin-bottom:1em;
}

/* inline form items */
.inline.searchform div input {
  display:inline-block;
}
.inline {
  display:inline-block;
  vertical-align:top;
}
.inline-children > * {
  display:inline-block;
  float:left;
  margin-right:.5em;
}
.inline-children span { margin-top:.25em; }
.inline-children small { margin-top:.4em; }
.inline-children:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/* required, errors, small, etc.
input:required:before,
.required:after {
  content:" *";
}*/
label span.error { color:red; background: none; }
label small { margin-left:2px; color:#7d5008; }


/*------------------------------------------------------

    Fixing web-control generated output

------------------------------------------------------*/

.web-control label {
  display:inline-block;
  margin-left:3px;
}


/*------------------------------------------------------

    Text elements

------------------------------------------------------*/

select,
input[type="text"],
textarea,
input[type="password"] {
  padding:4px 10px;

  border:none;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
select {
  padding:3px 10px;
  *padding:4px 10px; /* IE7 HACK */
}
input[type="text"],
input[type="password"] {
  height:14px;
  *height:10px; /* IE7 HACK */
  *line-height:10px; /* IE7 HACK */
}


/*------------------------------------------------------

    Buttons

------------------------------------------------------*/

a.button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  font-family:'Droid Sans', Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  line-height:19px; /* For webkit */
  line-height:17px\9; /* IE8 HACK */
  *line-height:19px; /* IE7 HACK */
  padding:2px 10px;
  *padding:0; /* IE7 HACK */
  color:#fff;

  background:#3e382c;

  border:1px solid #3e382c;

  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  cursor:pointer;
}
/* adjust vertical padding to match input buttons */
a.button { padding:3px 10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  a.button { padding:5px 10px; }
}

a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background:#59493b;
  color:#fff;

  border:1px solid #59493b;
  border-bottom:1px solid #16120f;
  text-decoration:none;
}
a.button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
  background:#46382c;

  border:1px solid #46382c;
  border-top:1px solid #120e0b;
}


/* rust colored button with/without arrow */
input.orange,
input.search-results-button {
  border-color:#964c0a;
  background:#964c0a;
}
input.orange.arrow,
input.search-results-button {
  background:url(/assets/images/bg-quick-search-arrows.gif) right 7px no-repeat #964c0a;
  padding-right:22px;
  *padding-right:15px; /* IE7 HACK */
}
input.orange:hover,
input.search-results-button:hover {
  background:#ab6425;
  border-color:#ab6425;
  border-bottom-color:#77461a;
}
input.orange.arrow:hover,
input.search-results-button:hover {
  background:url(/assets/images/bg-quick-search-arrows.gif) right -10px no-repeat #ab6425;
}
input.orange:active,
input.search-results-button:active {
  background-color:#964c0a;
  border-color:#964c0a;
  border-top-color:#693507;
}

/* rust and brown (default) colored go button with arrow */
a.button.go,
input[type="button"].go,
input[type="submit"].go,
input.go.orange,
input.orange.go {
  background:url(/assets/images/btn-go-sprite.png) no-repeat scroll 0 0 transparent;
  border:none;
  cursor:pointer;
  float:left;
  height:25px;
  width:24px;
}
input.go.orange,
input.orange.go,
input.go:hover { background-position:0 -25px; }
input.go.orange:hover,
input.orange.go:hover { background-position:0 0; }


/*------------------------------------------------------

    Styled Select: defaut dark green

------------------------------------------------------*/

.styled-select { height:22px; }
.styled-select ul {
  list-style-type:none;
  margin:0;
  max-height:300px;
  overflow:auto;
  padding:0;
  position:relative;
  z-index:100;
}
.styled-select.open ul {
  position:absolute;
  z-index:101;
}
select,
.styled-select ul li {
  background-color:#717d61;
  color:#fff;
  cursor:pointer;
  font-family:'Droid Sans', Helvetica, Arial, sans-serif;
  font-size:11px;
  font-weight:bold;
}
.styled-select ul li {
  padding:2px 0 2px 12px;
  border-bottom:1px dotted #fff;
}
.styled-select ul li.closed {
  background:url(/assets/images/bg-select-arrows.gif) right 8px no-repeat;
  border:none;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.styled-select ul li.closed,
.styled-select ul li.selected,
.styled-select ul li:hover {
  background-color:#5f6953;
}
.styled-select ul li.first {
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
}
.styled-select ul li.last {
  border:none;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
}

/* light green select */
select.green,
.green ul li { background-color:#9ea66f; }
.green ul li.closed { background:url(/assets/images/bg-select-arrows.gif) right -8px no-repeat; }
.green ul li.closed,
.green ul li.selected,
.green ul li:hover { background-color:#8b9162; }

/* teal select */
select.teal,
.teal ul li { background-color:#81a199; }
.teal ul li.closed { background:url(/assets/images/bg-select-arrows.gif) right -25px no-repeat; }
.teal ul li.closed,
.teal ul li.selected,
.teal ul li:hover { background-color:#708c85; }

/* rust select */
select.orange,
.orange ul li { background-color:#964c0a; }
.orange ul li.closed { background:url(/assets/images/bg-select-arrows.gif) right -25px no-repeat; }
.orange ul li.closed,
.orange ul li.selected,
.orange ul li:hover { background-color:#ab6425; }


/*------------------------------------------------------

    Pagination Buttons

------------------------------------------------------*/

.pagination {
  margin:10px 0 0;
}
.btn-pagination {
  background:url(/assets/images/subpage/btn-pagination-sprite.gif) no-repeat scroll 0 -20px transparent;
  color:#fff;
  display:inline-block;
  font:bold 11px 'Droid Sans', Helvetica, Arial, sans-serif;
  height:17px;
  margin:0 4px 0 0;
  padding:3px 0 0 1px;
  text-align:center;
  width:20px;
}
.btn-pagination:hover {
  background-position:0 -40px;
  color:#fff;
  text-decoration:none;
}
.btn-pagination-current,
.btn-pagination-current:hover {
  background-position:0 0;
  cursor:auto;
}


/*------------------------------------------------------

    Address form

------------------------------------------------------*/

.name input { width:184px; }
.company input,
.address-street input { width:391px; }
.address-city input { width:150px; }
fieldset .address-state-province select,
fieldset .address-state-province .styled-select,
fieldset .address-state-province .styled-select ul { width:145px; }
.address-postal-code input { width:70px; }
.address label,
.name label { color:#7d5008; display:inline-block; font-size:smaller; }
.address label span,
.name label span { margin-left:2px; } /* same as label small */
label.field-group { color:#964c0a; font-size:1em; }
label.address-street,
label.field-group,
label.country { display:block; }


/*------------------------------------------------------

    Specific elements

------------------------------------------------------*/

/* free-publications */
.free-publications .publication-step { text-align:right; font-size:1.4em; }
.free-publications select,
.free-publications .styled-select,
.free-publications .styled-select ul {
  width:220px;
}
.free-publications .select-sm select,
.free-publications .select-sm .styled-select,
.free-publications .select-sm .styled-select ul {
  width:55px;
}
#body_content_Column2_txtEmail { width:200px; }

/* subheader search photo gallery */
#nav-subheader input {
  float:left;
}
#nav-subheader input[type='text'] {
  background-color:#524443;
  color:#867473;
  height:14px; /* IE7 ONLY */
  *line-height:14px; /* IE7 HACK */
  margin-right:3px;
  width:150px;
}

/* sidebar events search */
.ajax-search {
  padding:10px;
  position: relative;
}

.ajax-search h3 {
  font-size:15px;
}
.keyword-search {
  margin-bottom:15px;
}
.ajax-keyword {
  width:162px;
}
.date-search {
  z-index:1;
}
.date-search label {
  clear:both;
  float:left;
  width:40px;
  padding:4px 0;
  font-family:'Droid Sans';
  font-weight:bold;
}
.date-search input {
  float:right;
}
.btn-ajax-search, .date-search-btn {
  clear:both;
  float:right;
  margin: 5px 0 0 2px;
}
.link-advanced-search {
  float:left;
  margin:5px 0 0 15px;
  font-family:'Droid Sans';
  font-weight:bold;
  font-size:11px;
  line-height: 20px;
}
a#close-results {
  position:absolute;
  color:#806665;
  top:20px;
  left:361px;
  width:10px;
  height:10px;
  z-index:2;
  line-height:10px;
  display:block;
  font-weight:bold;
  text-align:center;
}
a#close-results:hover {
  color:#2B0906;
  text-decoration:none;
}
#ajax-results {
  display:none;
  position:absolute;
  top:15px;
  left:200px;
  width:390px;
  min-height:100px;
  background:url(/assets/images/event-search/results-pane-top.png) no-repeat;
  z-index:20;
  padding:10px 0 0 0;

}
#results-container {
  background:url(/assets/images/event-search/results-pane-middle.png) repeat-y;
  margin:50px 0 0 0;
  position:relative;
  z-index:1;
}
#ajax-results ul {
  position:relative;
  padding:0 25px 0 25px !important;
  margin-bottom:-40px;

}
#ajax-results #results-footer {
  position:relative;
  padding:0 25px 0 25px;
  height:15px;
  top:15px;
  background:url(/assets/images/event-search/results-pane-bottom.png) bottom left no-repeat;
}
#ancMore {
  position:absolute;
  top:-20px;
  font-size:12px;
  font-weight:bold;
  color:#806665;
  font-family:'Droid Sans';
}
#ancMore span {
  background-color:#C6B2B0;
  color:Green;
  font-size:16px;
  padding:2px 5px;
}
#results-container {
}
#results-container span.keyword {
  color:#79b04b !important;
}
#results-container li {
  border-bottom:1px solid #C6B2B0;
  padding:15px 0;
  color:#C6B2B0;
  display:block;
  font-size:10px;
  position:relative;
  top:-50px;
  list-style:none;
}
#results-container li h4 a {
  font-size:12px;
  font-weight:bold;
  color:#806665;
  font-family:'Droid Sans';
  display:block;
  padding:2px;
}


/* .idaho-community */
#nav-explore-idaho .idaho-community label { display:none; }
#nav-explore-idaho .idaho-community { height:20px; }
#nav-explore-idaho .idaho-community ul {
  overflow:auto;
  position:absolute;
  width:250px;
}

/* Jumpto */
.jump-to label { display:none; }
.jump-to-city { width:250px; }
.jump-to-city ul { overflow:auto; max-height:600px; }
.jump-to h3 { margin:2px 5px 0 0; }


/* Inline Search Form */
.jump-to > *,
.filter div,
.filter select,
.filter input {
  display:inline-block;
  float:left;
  margin:0 5px 0 0;
  position:relative;
  z-index:10;
}
.filter { clear:both; }
.filter label { display:none; }
.filter input.search-results-input { width:118px; }

input.search-results-button { margin-right:12px; }

.filter-by-region { width:125px; }
.results-per-page { width:96px; }


table.two-column { width:100%; margin-bottom:20px; }
table.two-column td { width:50%; }

/*------------------------------------------------------

    3rd Party: Flowplayer jQuery Tools

------------------------------------------------------*/

/* Scrollable */
.scrollable {
  position:relative;
  overflow:hidden;
  /* width:660px; height:90px; set dimensions to the element */
}
.scrollable .items {
  width:20000em;
  position:absolute;
}
.scrollable .items div,
.scrollable .items li {
  float:left;
  list-style:none;
}

/* Scrollable Buttons */
.prev.browse span,
.next.browse span {
  display:none;
}
.prev.browse,
.next.browse {
  background:url(/assets/images/btn-blog-scrollers-sprite.gif) no-repeat scroll transparent;
  cursor:pointer;
  float:left;
  height:24px;
  margin:0 1px 0 0;
  width:28px;
}
.prev.browse { background-position:left top; }
.next.browse { background-position:right top; }
.prev.browse:hover { background-position:left center; }
.next.browse:hover { background-position:right center; }
.prev.browse.disabled { background-position:left bottom; }
.next.browse.disabled { background-position:right bottom; }
.prev.browse.disabled, .next.browse.disabled { cursor:auto; }

/* Navigator */
.navi {
  float:right;
  height:20px;
}
.navi a {
  width:8px;
  height:8px;
  float:left;
  margin:3px;
  background:url(/assets/images/scrollable-navigator-sprite.png) 0 0 no-repeat;
  display:block;
  font-size:1px;
}
.navi a:hover {
  background-position:0 -8px;
}
.navi a.active {
  background-position:0 -16px;
}


/*------------------------------------------------------

    3rd Party: jQuery UI

------------------------------------------------------*/

/* Resets */
.ui-widget th {
  color:#555;
  font-size:1em;
  font-style:normal;
}

/* Events Search */
input.mega-search-start-date,
input.mega-search-end-date {
  width:197px;
}
div.mega-search-start-date,
div.mega-search-end-date {
  display:none;
  position:absolute;
}