/** generic carousel stuff...a lot of stuff taken from twitter bootstraps carousel.less **/

.carousel {
    position:relative;
    line-height:1;
}
.carousel-inner {
    overflow:hidden;
    width:100%;
    position:relative;
}
.carousel .item {
    display:none;
    position:relative;
    -webkit-transition:.6s ease-in-out left;
    -moz-transition:.6s ease-in-out left;
    -ms-transition:.6s ease-in-out left;
    -o-transition:.6s ease-in-out left;
    transition:.6s ease-in-out left;
}

/* Account for jankitude on images */
.carousel .item > img {
    display:block;
    line-height:1;
}
.carousel .active, .carousel .next, .carousel .prev { display:block; }
.carousel .active { left:0; }
.carousel .next, .carousel .prev {
    position:absolute;
    top:0;
    width:100%;
}
.carousel .next { left:100%; }
.carousel .prev { left:-100%; }
.carousel .next.left, .carousel .prev.right { left:0; }
.carousel .active.left { left:-100%; }
.carousel .active.right { left:100%; }



/*****
 ***** Bootstrap modal overrides ^ dlundgren
 ***** required for proper functioning of the current modal system
 *****/
/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
html.noscroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}
.reveal-modal {
    width: 550px;
    border: none;
    border-radius: 5px;
    outline:none;
    top: 50%;
}


/*
.modal-open {
	overflow:hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
*/

/* add a scroll bar to stop page from jerking around */
.modal-open.page-overflow .page-container, .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom, .modal-open.page-overflow .modal-scrollable { overflow-y:scroll; }
@media (max-width: 979px) {
    .modal-open.page-overflow .page-container .navbar-fixed-top, .modal-open.page-overflow .page-container .navbar-fixed-bottom { overflow-y:visible; }
}
.modal-scrollable {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:auto;
}
.modal {
    outline:none;
    position:absolute;
    margin-top:0;
    top:50%;
    overflow:visible;
    background-color:#fff;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,0.3);
    *border:1px solid #999;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    box-shadow:0 3px 7px rgba(0,0,0,0.3);
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding-box;
    background-clip:padding-box;
}
.reveal-modal.fade {
    top:-100%;
    -webkit-transition:opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
    -moz-transition:opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
    -o-transition:opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
    transition:opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}
.reveal-modal.fade.in { top:50%; }
.modal-body {
    max-height:none;
    overflow:visible;
}
.modal.modal-absolute {
    position:absolute;
    z-index:950;
}
.reveal-modal .loading-mask {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    border-radius:6px;
    opacity:0.7;
    z-index:2000;
    filter:alpha(opacity=70);
}
.modal-backdrop.modal-absolute {
    position:absolute;
    z-index:940;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity:0.7;
    filter:alpha(opacity=70);
    background:#000;
}
.modal.container {
    width:940px;
    margin-left:-470px;
}
.modal.loading { width:200px; }

/* Modal Overflow */

.modal-overflow.reveal-modal { top:1%; }
.modal-overflow.reveal-modal.fade { top:-100%; }
.modal-overflow.reveal-modal.fade.in { top:1%; }
.modal-overflow .modal-body {
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}
/* Responsive */
@media (min-width: 1200px) {
    .reveal-modal.container {
        width:1170px;
        margin-left:-585px;
    }
}
@media (max-width: 979px) {
    /*
  .reveal-modal, .modal.container, .reveal-modal.modal-overflow {
        top:1%;
        right:1%;
        left:1%;
        bottom:auto;
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
    }
    .reveal-modal.fade.in, .reveal-modal.container.fade.in, .reveal-modal.modal-overflow.fade.in {
        top:1%;
        bottom:auto;
    }
    */
    .modal-body, .modal-overflow .modal-body {
        position:static;
        margin:0;
        height:auto !important;
        max-height:none !important;
        overflow:visible !important;
    }
    .modal-footer, .modal-overflow .modal-footer { position:static; }
}
.loading-spinner {
    position:absolute;
    top:50%;
    left:50%;
    margin:-12px 0 0 -12px;
}

/********************************** MODALS **********************************/
.modal-split {
    width: 40em;
}
.modal-split.listing-email-coupon {
    width: 627px;
}
.modal-split.listing-email-coupon .modal-body textarea {
    width: 265px;
}
.modal-footer .form-actions {
    text-align: right;
}
.modal-open .dropdown-menu { z-index:2050; }
.modal-open .dropdown.open { *z-index:2050; }
.modal-open .popover { z-index:2060; }
.modal-open .tooltip { z-index:2070; }
.modal-backdrop {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000;
}
.modal-backdrop.fade { opacity:0; }
.modal-backdrop, .modal-backdrop.fade.in {
    opacity:0.8;
    filter:alpha(opacity=80);
}
.modal {
    position:fixed;
    top:50%;
    left:50%;
    z-index:1050;
    overflow:auto;
    width:560px;
    margin:-250px 0 0 -280px;
    background-color:#fff;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,0.3);
    *border:1px solid #999;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
    box-shadow:0 3px 7px rgba(0,0,0,0.3);
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding-box;
    background-clip:padding-box;
}
.modal.fade {
    top:-25%;
    -webkit-transition:opacity .3s linear, top .3s ease-out;
    -moz-transition:opacity .3s linear, top .3s ease-out;
    -ms-transition:opacity .3s linear, top .3s ease-out;
    -o-transition:opacity .3s linear, top .3s ease-out;
    transition:opacity .3s linear, top .3s ease-out;
}
.modal.fade.in { top:50%; }
.modal-header {
    padding: 1em;
    border-bottom: 1px solid #eee;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top,#fff,#f5f5f5);
    background-image: -ms-linear-gradient(top,#fff,#f5f5f5);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f5f5f5));
    background-image: -webkit-linear-gradient(top,#fff,#f5f5f5);
    background-image: -o-linear-gradient(top,#fff,#f5f5f5);
    background-image: linear-gradient(top,#fff,#f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f5f5f5',GradientType=0);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}
.close-reveal-modal {
    padding: 0.25em 0.4em;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #f2f2f2; }

.modal-header .close { margin-top: 2px; }
.modal-body {
    overflow-y:auto;
    max-height:400px;
    padding:15px;
}
.modal-form { margin-bottom:0; }
.modal-footer {
    padding:14px 15px 15px;
    margin-bottom:0;
    text-align:right;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    -webkit-border-radius:0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px;
    -webkit-box-shadow:inset 0 1px 0 #fff;
    -moz-box-shadow:inset 0 1px 0 #fff;
    box-shadow:inset 0 1px 0 #fff;
    *zoom:1;
}
.modal-footer:before, .modal-footer:after {
    display:table;
    content:"";
}
.modal-footer:after { clear:both; }
.modal-footer .button + .button {
    margin-left:5px;
    margin-bottom:0;
}
.modal-footer .btn-group .button + .button { margin-left:-1px; }

.modal-split .modal-body {
    padding: 0;
    background: #eaeaea;
}
.modal-left {
    background: #fff;
}
.modal-body .modal-left h2 {
    display: block;
}
.modal-left, .modal-right {
    display: table-cell;
    margin: 0;
    padding: 1.5em;
    width: 50%;
    vertical-align: top;
    font-size: 0.688rem;
    min-height: 100%;
}
.modal-right {
    padding-top: 4em;
}
.modal-body * {
    font-size: 0.750rem;
}
.modal-body h2 {
    font-size: 1.250rem;
}
.modal-body h4, .modal-body h3 {
    font-size: 1rem;
    margin-bottom: 0.5em;
}
.modal-body .current-location {
    font-weight: bold;
}
.modal-body {
    border-radius: 5px;
}

.reveal-modal .panel .outer {
    border: none;
}
.reveal-modal .columns {
    padding-left: 0;
}
.tooltip {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    position: absolute;
    visibility: visible;
    z-index: 1030;
}
.tooltip.in {
    opacity: 0.9;
}
.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    background-color: #000000;
    border-radius: 4px;
    color: #FFFFFF;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
}
.tooltip-arrow {
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #000000;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}
.tooltip.top-left .tooltip-arrow {
    border-top-color: #000000;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 5px;
}
.tooltip.top-right .tooltip-arrow {
    border-top-color: #000000;
    border-width: 5px 5px 0;
    bottom: 0;
    right: 5px;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
    left: 0;
    margin-top: -5px;
    top: 50%;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
    margin-top: -5px;
    right: 0;
    top: 50%;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
    left: 50%;
    margin-left: -5px;
    top: 0;
}
.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
    left: 5px;
    top: 0;
}
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
    right: 5px;
    top: 0;
}


/******
 ** PROGRAMMER CORNER
 **
 ** These classes are typically irrelevant for production UX/UI or hide things from the UX/UI that need to be used but
 ** hidden.
 **
 ** @author  David Lundgren
 ** @package seekandfind
 ** @since   2.3
 ******/
#area51, #sub-area51, #userdetect-input, .fullcontent {
    display : none !important;
}

.hidden, .content-es {
    display: none;
}

.alert-box.error, .alert-box.failure {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}

/** animated progress bar **/
.progress-animate {
    background: #cccccc url("/images/anim-progress-bar.gif") repeat-x;
    opacity: 1;
    filter:alpha(opacity=100);
}
.progress-animate {
    border: 0 none;
    padding: 0;
    height:1em;
    z-index: 2001;
}

.progress-animate span {
    opacity: .65;
    filter:alpha(opacity=65);
}

/** modal progress bar **/
.modal-open .progress-animate {
    top: 50%;
    left: 50%;
    margin-left: -5em;
    width: 10em;
    position: absolute;
}

.reveal-modal.loading {
    border: 0;
}
.modal-open .reveal-modal.loading .modal-body {
    display:none;
}
.reveal-modal.loading .loading-mask {
    background: #FFFFFF;
    opacity:0.9;
    filter:alpha(opacity=90);
    z-index: 500;
}

/** need to get this above the modals **/
.datepicker {
    z-index: 1060;
}

/* need to hide the userdetect itself */
.trimspacing {
    height: 0;
    margin  : 0 !important;
    padding : 0 !important;
}
.trimspacing.error {
    height: auto;
    margin: auto !important;
}

#error-content {
    padding          : 5px;
    margin           : 5px;
    word-wrap        : break-word;
    background-color : #F2DEDE;
    border-color     : #EBCCD1;
    color            : #A94442;
}

#error-content p, #error-content pre {
    max-width       : 900px;
    padding         : 5px;
    margin          : 5px;
    border          : 1px solid #999;
    background      : #fff;
    white-space     : pre-wrap;
    border-radius   : 5px;
    box-shadow      : 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip : padding-box;
}