/* ELEMENTS */

body
{
    background: url('img/background3.png') #000000 repeat-x fixed;
    padding-top: 70px;
    position: relative;
}

h1
{
    margin-bottom: 30px;
}

textarea
{
    resize: none;
}

/* CUSTOMIZED BOOTSTRAP */

nav
{
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    margin: auto;
    max-width: 1170px;
}

select.bootstrap-multiselect, select.bootstrap-multiselect + div.btn-group, select.bootstrap-multiselect + div.btn-group button.multiselect, select.bootstrap-multiselect + div.btn-group.open .multiselect-container
{
    width: 100% !important;
}

div#ui-datepicker-div
{
    z-index: 1151 !important;
}

.btn-bootstrap-multiselect
{
    height: 100%;
    text-align: left;
}

.btn-bootstrap-multiselect b
{
    float: right;
    margin-top: 8px;
}

.btn-inverse
{
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn.btn-inverse:hover, .btn.btn-inverse:focus
{
    color: #fff;
}

.checkbox
{
    margin: 10px 14px;
}

.col-centered
{
    display: inline-block;
    float: none;
    margin-right: -4px;
}

.color .input-group-addon
{
    position: relative;
    z-index: 2;
}

.color-append .input-group-addon
{
    z-index: 3;
}

.color-prepend
{
    margin-bottom: -34px;
    top: -34px;
}

.color-prepend input
{
    padding-right: 15%;
}

.dropdown-header
{
    background-color: whitesmoke;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

.fffix
{
    min-width: 322px;
}

.glyphicon-white
{
    color: #fff;
}

.input-tini
{
    padding: 0;
}

.navbar-inverse
{
    box-shadow: 0 0 4px 2px #ffff00;
}

.navbar-inverse .btn-default
{
    box-shadow: 0 0 2px 2px #ffff00;
    font-weight: bold;
}

.navbar-inverse .navbar-brand
{
    color: #fff;
}

.navbar-inverse .navbar-brand:hover
{
    color: #ffff00;
}

.navbar-nav>li.active
{
    box-shadow: 0 0 4px 2px #ffff00;
}

.row.affix
{
    max-width: 970px;
}

.table-hover tr:hover
{
    cursor: pointer;
}

.well
{
    box-shadow: 0 0 6px 3px #000;
}

.well-hover:hover
{
    background-color: lightblue;
    cursor: pointer;
}

.well.disabled /**/
{
    opacity: 0.7;
}

@media (min-width: 1200px)
{
    .row.affix
    {
        max-width: 1170px;
    }
}


/* CUSTOMIZED FB COMMENTS PLUGIN */

.fb-comments, .fb-comments iframe[style], .fb-comments span
{
   width: 100% !important;
}

/* ORIGINAL HEADERS (alphabetical order) */

#account_link
{
    margin-right: 20px;
}

.disclaimer li
{
    margin: 20px 0;
}

#door_date
{
    margin-bottom: 30px;
}

#employee_info
{
    display: inline-block;
    max-width: 240px;
    padding: 10px;
    text-align: left;
    width: 100%;
}

#feature_info
{
    height: 110px;
}

#footer
{
    font-weight: bold;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
}

#footer span
{
    color: #fff;
    cursor: pointer;
}

.library-window
{
    height: 250px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 20px;
    width: 100%;
}

.library
{
    width: 9999px;
}

.library .table 
{
    float: left;
    width: 530px;
}

.library img
{
    cursor: pointer;
    float: left;
    height: 200px;
    margin-left: 10px;
    opacity: 0.7;
    width: 150px;
}

.library img:hover
{
    opacity: 1;
}

.library img.library-loader
{
    margin-left: 165px;
    width: auto;
}

#login_modal
{
    position: relative;
}

#my_claims td
{
    vertical-align: middle;
}

#nametag
{
    background: url('img/nametag.png') no-repeat transparent;
    background-size: 100%;
    color: #fff;
    display: inline-block;
    margin-top: 5px;
    max-width: 242px;
    padding: 70px 0 8px;
    vertical-align: top;
    width: 100%;
}

#nametag h3
{
    font-size: 23px;
    font-weight: bold;
    height: 40px;
    margin-bottom: -5px;
    overflow: hidden;
    padding: 7px 4px;
    text-align: center;
}

#nametag h4
{
    line-height: 0;
    text-align: center;
}

#passes_form
{
    margin: 1px 0 30px;
}

#passes_container
{
    height: 168px;
    margin-bottom: 7px;
    overflow-y: auto;
}

#poster_slider
{
    width: 99999px;
}

#poster_arrow_left, #poster_arrow_right
{
    position: absolute;
    top: 108px;
    width: 50px;
    z-index: 1000;
}

#poster_arrow_left
{
    left: 0;
    margin-left: 20px
}

#poster_arrow_right
{
    margin-right: 20px;
    right: 0;
}

#poster_ribbon
{
    background-color: rgba(0, 0, 0, 0.6);
    border: 5px solid #000;
    border-left: none;
    border-right: none;
}

#poster_window
{
    clear: left;
    height: 180px;
    margin: 0 auto;
    overflow: hidden;
}

#poster_info_image
{
    background-size: 100% 100%;
    border: 2.5px solid #000;
    cursor: pointer;
    display: inline-block;
    height: 320px;
    margin: 15px;
    width: 240px;
}

#poster_info_image:hover
{
    text-decoration: none;
}

#poster_info_type
{
    border: 2.5px solid #000;
    border-left: none;
    border-right: none;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    left: -2px;
    opacity: 0.8;
    padding: 15px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 240px;
    top: 200px;
}

#poster_preview_image
{
    max-height: 600px;
    max-width: 100%;
}

#profile_claims_container, #profile_feed_container
{
    height: 360px;
    overflow-y: auto;
}

#restrictions_container
{
    margin-bottom: 6px;
    margin-top: 12px;
    height: 223px;
    overflow-y: auto;
}

#rto_datepicker div.ui-datepicker
{
    display: inline-block !important;
    font-size: 16px;
}

#rto_end
{
    margin-bottom: 22px;
}

#rto_no_select
{
    margin: 46px 0;
}

#rto_range
{
    height: 78px;
    margin-bottom: 7px;
}

#rto_reason_agree
{
    margin-top: 7px;
}

#sidescroller .nav > li a:hover
{
    background-color: #337ab7;
    color: #fff;
}

#todays_date
{
    margin-top: 0;
}

#todays_date span
{
    font-size: 14px;
    padding: 4px;
    top: -5px;
}

/* ORIGINAL CLASSES */

.blackout
{
    background-color: #000;
    border-color: #0000FF;
}

.blackout h3, .blackout .table th
{
    color: #fff;
}

.blackout .table td
{
    background-color: #fff;
}

.blackout-date a, .blackout-date span
{
    background: #000 !important;
    color: #fff !important;
}

.blackout-row
{
    background-color: #000 !important;
    color: #fff;
}

.blackout-row.bottom-border td
{
    border-bottom: 1px solid #0000FF;
}

.blackout-row td
{
    border-color: #0000FF;
}

.table tr.blackout-row td
{
    border-top: none !important;
}


.box-date
{
    border: 5px dashed #000 !important;
}

.btn-icon
{
    border-radius: 15px;
    padding: 4px;
    width: 30px;
}

.btn-toggle
{
    margin: 7px;
    max-width: 150px;
    width: 40%;
}

.bubble
{
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    font-weight: bolder;
    margin: 0 10px 10px 0;
    text-align: center;
    width: 250px;
}

.bubble:hover
{
    background-color: lightblue;
    border-color: #000;
}

.bubble-dark
{
    background-color: aliceblue;
    border-color: #000;
    margin-top: 10px 10px 0 0;
}

.bubble-dark:hover
{
    background-color: #f2dede;
}

.bubble-mini
{
    background-color: cornflowerblue;
    border-radius: 15px;
    color: #FFF;
    cursor: pointer;
    padding: 7px;
    text-align: center;
}

.bubble-mini:hover
{
    background-color: lightgreen;
    color: #000;
}

tr.error .bubble-mini
{
    background-color: lightcoral;
}

tr.error .bubble-mini:hover
{
    background-color: indianred;
}

img.coming-soon.img-responsive
{
    border: 3px solid #000;
    border-radius: 5px;
    max-height: 250px;
}

img.coming-soon.img-responsive:hover
{
    box-shadow: 0 0 10px 5px #ffff00;
}

.cursor
{
    cursor: pointer;
}

.danger-bubble
{
    box-shadow: 0 0 3px 3px #d9534f;
}

.error
{
    color: #ff0000;
}

.error-container
{
    height: 52px;
}

.error-form
{
    border-radius: 5px;
    box-shadow: 0 0 3px 3px #ff0000;
}

.feature-bubble
{
    min-height: 500px;
}

.feature-rank
{
    background: url('img/star.png');
    height: 69px;
    padding-top: 28px;
    width: 71px;
}

.feature-rank-user
{
    background-color: #000;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    padding: 2px 7px 5px 3px;
}

.feature-rank-user img
{
    height: 18px;
    margin-right: -4px;
    width: 18px;
}

.info-bubble
{
    box-shadow: 0 0 3px 3px #5bc0de;
}

.invalid
{
    color: #b94a48;
}

.library-selected
{
    box-shadow: 0 0 10px 5px blue !important;
    opacity: 1 !important;
}

.new-banner
{
    position: relative;
    left: -22px;
    top: -22px;
}

.no-shiny
{
    opacity: 0.4;
}

.poster-image
{
    border: 2.5px solid #000;
    cursor: pointer;
    height: 320px;
    width: 240px;
}

.poster-image-sm
{
    border: 2.5px solid #000;
    cursor: pointer;
    height: 280px;
    width: 210px;
}

.poster-panel
{
    float: left;
    height: 165px;
    margin-right: 30px;
}

.poster-panel a
{
    background-size: 100% 100%;
    border: 2.5px solid #FFF;
    cursor: pointer;
    float: left;
    height: 135px;
    margin: 15px 15px;
    width: 100px;
}

.poster-panel a:hover
{
    box-shadow: 0 0 10px 5px #ffff00;
    color: #FFFF00;
    text-decoration: none;
}

.poster-panel a div
{
    border: 2.5px solid #FFF;
    border-left: none;
    border-right: none;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    left: -2px;
    opacity: 0.8;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    top: 90px;
}

.poster-panel a p.empty
{
    border: none;
    height: 24px;
}

.poster-panel a label
{
    height: 40px;
    overflow: hidden;
    position: relative;
    top: 175px;
}

.poster-panel a label span
{
    text-transform: uppercase;
}

.poster-panel h1
{
    margin: 60px;
}

.rto-date a
{
    background: #FFFF00 !important;
    color: #000 !important;
}

.search-form, input.search-form, select.search-form
{
    border-radius: 5px;
    box-shadow: 0 0 3px 3px #0000FF;
    z-index: 10;
}

.selected-date a
{
    background: steelblue !important;
    color: #fff !important;
}

.bottom-border td
{
    border-bottom: 1px solid #000;
}

.side-border
{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.smaller
{
    font-size: 12px;
    margin-bottom: 30px;
}

.stamp
{
    left: 0px;
    position: absolute;
    width: 275px;
}

.success-bubble
{
    box-shadow: 0 0 3px 3px #5cb85c;
}

.tp20
{
    margin-top: 20px;
}

.valid
{
    color: #468847;
}

.warning-bubble
{
    box-shadow: 0 0 3px 3px #f0ad4e;
}

/* MEDIA QUERIES */

@media (min-width: 1200px)
{
    .fffix
    {
        min-width: 292px;
    }
}

@media (min-width: 768px)
{
    #poster_arrow_left, #poster_arrow_right
    {
        margin: 0;
        top: 130px;
    }
}