/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.moviePicker {
    width:100%;
    margin:20px 0;
}

.picker, .movieList {
    min-width:300px;
    width:50%;
    margin:0 auto;
}

.movieList {
    border:1px solid #000;
    border-top:none;
    z-index:5;
    position:relative;
    margin-bottom:20px;
}

.movieList div {
    border-top:1px solid #000;
    clear:both;
    height:80px;
}

.movieList img {
    margin-right:10px;
    float:left;
    width:54px;
    height:80px;
}

.movieInput {
    height:40px;
    font-size:22px;
    padding:0 5px;
}

.typeahead, .tt-query, .tt-hint, .twitter-typeahead, .tt-input, .tt-dropdown-menu {
    width:100%;
}

.tt-suggestion {
    margin:1px 0;
    border-bottom:1px solid #a9a9a9;
}

.tt-dropdown-menu {
    max-height: 350px;
    overflow-y: auto;
    border:1px solid #a9a9a9;
    box-shadow: 3px 3px 5px 0 rgba(55,55,55,.3);
    background:#fff;
}

.tt-cursor {
    background:#b5d5ff;
}

.tt-suggestion img {
    margin-right:10px;
    width:54px;
    height:80px;
}

.confirm {
    display:none;
}

.confirm, .confirm .btn-group {
    width:100%;
    text-align:center;
}

.confirm .btn {
    width:50%;
}

.title {
    margin:20px 0 0 0;
    display:inline-block;
}

.voteButton {
    margin:-20px 0 0 110px;
    background:pink;
    border-color:#e9afb9;
}

.voteButton:hover {
    background:#e9afb9;
    border-color:pink;
}

@media (max-width:480px) {
    .voteButton {
        float:right;
        margin:-20px 10px 0 0;
    }
}