@charset "utf-8";
/* base styles 
blue - 09a0ff
*/

html, body {
    height: 100%;
}

body {
    /*background-image: url(/ui/img/textures.jpg);
background-color: #fff;*/
    background: #dbdbdb url(http://www.tribute.ca/images/bkg_tile.jpg) repeat-x center top;
    /*	background: #dbdbdb url(http://www.tribute.ca/images/bkg_tile.jpg) repeat-x center top;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000;
    /*background-repeat: repeat-x;
background-position: center top;
background-attachment: fixed;*/
}

em {
    font-style: italic !important;
}

#skin {
}



.hideskin {
    background-image: none !important;
    background-color: transparent !important;
}

#wrap, .inwrap {
    margin: 0px auto;
    width: 320px;
    /*-moz-transition: width 0.3s;
-webkit-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;*/
}

#footer {
    padding: 10px;
    background-color: #000;
    font-size: 10px;
}

.topitem {
    /*position: fixed;
z-index:9999;*/
}

.mast {
    background-color: #848484;
    /*	background-color: #383838;*/
}
/**/

#panel {
    position: absolute;
    left: 7px;
    top: -6px;
    height: 600px;
    background-color: #999999;
    opacity: 0;
    overflow: auto;
    width: 0;
    background-image: url(/ui/img/navfade.png);
    background-repeat: repeat-x;
    background-position: center top;
}

    #panel .navob {
        width: 300px;
    }

#shownav {
    text-align: left;
    float: left;
    padding-left: 10px;
    cursor: pointer;
    height: 30px;
}

#showsearch {
    float: right !important;
    text-align: right !important;
    padding-right: 10px;
    cursor: pointer;
}

/**/
.logo {
    /*float:left;	*/
    float: none;
    padding: 5px 0px;
    width: 100%;
    text-align: center;
}

.nav {
    font-size: 14px;
}

    .nav a {
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        font-family: 'PT Sans Narrow', sans-serif;
    }

.nav {
    display: none;
}

    .nav.xactive {
        display: block !important;
    }

.incontent {
    width: 300px;
    margin: 0px auto;
}

.moviecol {
    line-height: 150%;
}

    .moviecol .incontent {
        width: 100%;
        display: inline-block;
        padding-top: 0px;
    }

        .moviecol .incontent .movieinfo {
            float: left;
            width: 355px;
        }

            .moviecol .incontent .movieinfo p {
                width: 100%;
            }

        .moviecol .incontent .trailer {
            float: right;
            position: relative;
            width: 173px;
        }

            .moviecol .incontent .trailer a {
                display: block;
                position: relative;
                width: 170px;
                border: 1px solid #333;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                -webkit-border-bottom-left-radius: 3px;
                -webkit-border-bottom-left-radius: 3px;
            }

                .moviecol .incontent .trailer a:hover {
                    border: 1px solid #09a0ff;
                }

        .moviecol .incontent .watchtrailer a {
            display: none;
        }


        .moviecol .incontent .trailer img {
            width: 100%;
            margin: -16px 0px;
        }

        .moviecol .incontent .trailer span {
            overflow: hidden;
            display: block;
            height: 95px;
        }


        .moviecol .incontent .trailer .tile {
            opacity: 1;
            background: url(/ui/img/playicon.png) center center no-repeat #000;
            cursor: pointer;
            height: 95px;
            width: 100%;
            position: absolute;
            z-index: 10;
            opacity: 0;
            padding-left: 0;
            padding-right: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            background-size: 55px 55px;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
        }

        .moviecol .incontent .trailer:hover .tile {
            opacity: .7;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
        }

        .moviecol .incontent .trailer .watchtrailerblock {
            background-color: #333;
            color: #fff;
            font-size: 13px;
            text-align: center;
            padding: 5px;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .moviecol .incontent .trailer:hover .watchtrailerblock {
            background-color: #09a0ff;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .moviecol .incontent .trailer a {
            text-decoration: none;
        }

/* trailer on synopsis pages */


.legal {
    text-align: center;
    clear: both;
}

.content {
    background-color: #fff;
    padding: 0px 10px;
    margin: 10px 0px;
    -webkit-box-shadow: 0 0 10px 2px #999;
    box-shadow: 0 0 10px 2px # 999;
}

.img-responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

.nopad {
    padding: 0px;
}

.movieblock {
    padding: 10px;
}

.secondary {
    padding: 0px;
}

.moviesecleft {
    padding: 0 10px;
}

.blackbox {
    background-color: #000;
    color: #fff;
    margin-left: -10px;
    margin-right: -10px;
    background-repeat: repeat-x;
    background-position: center top;
}

    .blackbox div.infoitem a {
        color: #fff;
        text-decoration: underline;
    }

.playersize {
    width: 320px;
    height: 200px;
}

    .playersize iframe {
        width: 100%;
        min-height: 200px;
    }

.invidbox h2 {
    margin-bottom: 0px;
}

.invidbox h5 {
    font-size: 14px;
    line-height: 140%;
}

    .invidbox h5 span {
        font-size: 12px;
    }

.invidbox p a {
    color: #fff;
    text-decoration: underline;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .invidbox p a:hover {
        color: #09acf7;
    }

.invidrev img {
    width: 80px;
}

.slider {
    margin-left: -10px;
    margin-right: -10px;
}

.videobox {
    margin-left: -10px;
    margin-right: -10px;
}

.videodetail {
    margin-top: 10px;
}

    .videodetail h1 {
        font-size: 30px;
    }

    .videodetail .meta {
        margin-bottom: 8px;
    }

    .videodetail .socialmeta {
        float: left;
        margin-right: 15px;
    }

    .videodetail .meta span {
        line-height: 20px;
        display: inline-block;
    }

.slides {
    position: relative;
    overflow: hidden;
    background-color: #f2f2f2;
    margin-bottom: 5px;
    max-width: 710px;
}

ul.slideslist {
    width: 20000em;
    position: relative;
}

    ul.slideslist li {
        width: 320px;
        float: left;
    }

        ul.slideslist li a img {
            margin: 0px;
            padding: 0px;
            width: 100%;
            height: inherit;
            background-color: #000;
        }

.slidepanel {
    padding: 10px 10px 5px 10px;
    /*background-color:#f2f2f2;*/
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
}

    .slidepanel select {
        font-family: 'Open Sans', Sans-serif;
        text-align: left;
        width: 100%;
        font-size: 14px;
        border: none;
        background-image: url(/ui/img/arrowdw.jpg);
        background-repeat: no-repeat;
        background-position: 280px 5px;
        background-color: #fff;
    }

.paneldrop {
    width: 100%;
    overflow: hidden;
    border: solid 3px #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.slidepanel h2 a {
    color: #000;
    text-decoration: none;
}

ol.slidenav {
    display: none;
}

    ol.slidenav li {
        float: left;
        width: auto;
        display: inline-block;
    }

        ol.slidenav li a {
            color: #000;
            font-size: 14px;
            text-decoration: none;
            margin-right: 10px;
            padding-right: 10px;
            border-right: solid 1px #666;
        }

            ol.slidenav li a:hover {
                color: #0971ff;
            }

        ol.slidenav li:last-child a {
            margin-right: 0px;
            padding-right: 0px;
            border-right: none;
        }

#featvid {
    margin-bottom: 10px;
}

ul.invidnav {
    background-image: url(/ui/img/blue-base.png);
    background-position: right top;
    display: inline-block;
    padding-right: 30px;
    margin-left: -10px;
    padding-left: 10px;
}

    ul.invidnav li {
        float: left;
        padding: 6px 0px;
        margin: 0px;
    }

        ul.invidnav li a, ul.invidnav li.active a {
            color: #fff;
            text-decoration: none;
            text-shadow: 1px 1px 1px #000;
            margin-right: 10px;
            padding-right: 10px;
            font-size: 14px;
            border-right: solid 1px #fff;
            background-image: none;
        }

            ul.invidnav li a:hover, ul.invidnav li.active a:hover {
                color: #000;
                text-decoration: none;
                text-shadow: 1px 1px 1px #fff;
            }

            ul.invidnav li a.last {
                border-right: solid 0px #0971ff;
            }


/* typography */
.clear {
    clear: both;
}

a {
    color: #006eb3;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

h1 {
    font-size: 24px;
    margin-bottom: 12px;
    font-family: 'PT Sans Narrow', sans-serif;
}

    h1.maintitle {
        font-size: 24px;
        margin-bottom: 12px;
        font-family: 'PT Sans Narrow', sans-serif;
        line-height: 100%;
    }

h2.maintitle {
    font-size: 36px;
    margin-bottom: 12px;
    font-family: 'PT Sans Narrow', sans-serif;
}

.mainlabel {
    margin-bottom: 6px;
    padding: 4px;
    font-size: 16px;
    background-color: #f8f8f8;
}

.formlabel {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 6px;
    font-size: 18px;
    font-weight: bold;
    background-color: #f8f8f8;
}

    .formlabel span {
        font-weight: normal;
    }

h2 {
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'PT Sans Narrow', sans-serif;
}

    h2 a.plain {
        color: #000;
    }

        h2 a.plain:hover {
            text-decoration: none;
        }

h3 {
    font-size: 20px;
    line-height: 115%;
    margin-bottom: 6px;
    font-family: 'PT Sans Narrow', sans-serif;
    text-decoration: none;
}

    h3 a {
        color: inherit;
    }

        h3 a:hover {
            color: inherit;
            text-decoration: none;
        }

span.inheader {
    font-size: 14px;
    text-align: right;
    float: right;
    display: inline-block;
    text-shadow: none;
    line-height: 100%;
}

h4, h5, h6 {
    font-size: 14px;
    margin-bottom: 6px;
}

.blueheading {
    color: #fff;
    background-image: url(/ui/img/header-blue.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 8px 10px;
    display: block;
    text-shadow: 1px 1px 1px #000;
}

.greenheading {
    color: #fff;
    background-image: url(/ui/img/header-green.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 8px 10px;
    display: block;
    text-shadow: 1px 1px 1px #000;
}

.blueheading_large {
    color: #fff;
    background-image: url(/ui/img/header-blue-large.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 8px 10px;
    display: block;
    text-shadow: 1px 1px 1px #000;
}

.blueheading_jumbo {
    color: #fff;
    background-image: url(/ui/img/header-blue-jumbo.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 8px 10px;
    display: block;
    text-shadow: 1px 1px 1px #000;
}

.greenheading-large {
    color: #fff;
    background-image: url(/ui/img/header-green-large.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 8px 10px;
    display: block;
    text-shadow: 1px 1px 1px #000;
}




.tabsnav {
}

.blueheading2 {
    color: #fff;
    float: left;
}

    .blueheading2 span {
        display: none;
    }

    .blueheading2 a {
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        padding: 8px 30px 8px 5px;
        display: block;
        text-decoration: none;
        background-image: url(/ui/img/header-gray.png);
        background-position: right top;
        background-repeat: no-repeat;
    }

        .blueheading2 a:hover {
            color: #000;
            text-shadow: 1px 1px 1px #fff;
        }

.active a {
    background-image: url(/ui/img/header-blue.png);
}

    .active a:hover {
        color: #fff;
        text-shadow: 1px 1px 1px #000;
    }

a.first {
    background-color: #09a0ff;
    padding-left: 10px;
}

.active a.first {
    background-color: #b3b3b3;
}

.purpleheading {
    color: #fff;
    background-image: url(/ui/img/header-purple.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 8px 10px;
    display: block;
    text-shadow: 1px 1px 1px #000;
}

    .purpleheading a, .blueheading a, .greenheading a {
        color: #fff;
        text-decoration: none;
    }

span.inheader a {
    color: #4a4a4a !important;
    font-size: 16px;
    line-height: 20px;
    padding-right: 20px;
    font-family: 'PT Sans Narrow', sans-serif;
    text-decoration: none;
    background-image: url(/ui/img/arrow-g.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.allcontest {
    margin-right: 0;
    float: right;
    min-width: 90px;
    font-size: 14px;
    margin-top: -50px;
}

span.inheader a:hover {
    background-image: url(/ui/img/arrow-b.png);
    color: #0971ff;
}

.purpleheading span.inheader a:hover {
    background-image: url(/ui/img/arrow-p.png);
    color: #9900ff;
}

.greenheading span.inheader a:hover {
    background-image: url(/ui/img/arrow-green.png);
    color: #9900ff;
}

.off10 {
    margin-left: -10px;
    margin-right: -10px;
}

.in10 {
    margin-left: 10px;
    position: relative;
    top: -18px;
    margin-top: 20px;
    margin-bottom: -10px;
}

.left10 {
    margin-left: 10px;
}

p, li {
    line-height: 150%;
    margin-bottom: 12px;
}

p {
    display: block;
}

strong {
    font-weight: bold;
}

italic, em {
    font-style: inherit;
}

.shadow {
    -webkit-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.9);
    -moz-box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.9);
    box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.9);
}

.shadowmed {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.5);
}
/* spans */
.infolabel {
    display: inline-block;
    /* margin-right:8px;*/
    color: #6e6e6e;
}

.infobox {
}
/* lists*/

#newondvd ul.posterslides li img {
    border: 0px;
}

#newondvd ul.posterslides li a img:hover {
    border: 0px;
}

ul.posterslides {
    width: 20000em;
    position: relative;
}

    ul.posterslides.iefix {
        top: 0px !important;
    }

    ul.posterslides li {
        width: 146px;
        margin-right: 10px;
        float: left;
        font-size: 14px;
        text-align: center;
        line-height: 145%;
        margin-bottom: 8px;
    }

        ul.posterslides li .stars a img {
            border: 0 !important;
            margin: 0 !important;
            margin-top: 2px;
        }

        ul.posterslides li .stars {
            display: inline-block;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2px;
            height: 15px;
            width: 70px !important;
        }

        ul.posterslides li img {
            width: 100%;
            height: inherit;
            border: solid 1px #000;
            webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        ul.posterslides li a {
            text-decoration: none;
            color: #000;
            font-weight: bold;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.posterslides li a:hover {
                color: #0aa0ff;
            }

            ul.posterslides li a img:hover {
                border: solid 1px #0aa0ff;
            }

            ul.posterslides li a span {
                float: none;
                max-width: 93%;
                display: block;
                margin: 0px auto;
                padding-top: 4px;
                padding-bottom: 2px;
                height: auto;
                cursor: pointer;
            }

ul.videoslides {
    width: 20000em;
    position: relative;
}

    ul.videoslides li {
        width: 170px;
        margin-right: 10px;
        float: left;
        line-height: 145%;
    }

        ul.videoslides li span {
            overflow: hidden;
            display: block;
            height: 95px;
            margin-bottom: 8px;
        }

        ul.videoslides li img {
            width: 100%;
            margin: -16px 0px;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        ul.videoslides li a {
            text-decoration: none;
            color: #000;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.videoslides li a:hover {
                color: #0aa0ff;
            }

            ul.videoslides li a img:hover {
            }



ul.videoblocks li {
    line-height: 145%;
    clear: both;
    display: block;
    font-size: 12px;
    padding: 5px;
    clear: both;
    background-color: #f8f8f8;
    border-bottom: solid 1px #f1f1f1;
    margin-bottom: 10px;
}

    ul.videoblocks li span {
        overflow: hidden;
        display: block;
        height: 50px;
        float: left;
    }

    ul.videoblocks li img {
        width: 100px;
        margin: -16px 15px -16px 0px;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        ul.videoblocks li img:hover {
            opacity: 0.8;
        }

    ul.videoblocks li a {
        text-decoration: none;
        color: #ff5400;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        ul.videoblocks li a:hover {
            color: #000;
        }

    ul.videoblocks li .image {
        float: left;
    }

    ul.videoblocks li h2 {
        margin-bottom: 0px;
    }

        ul.videoblocks li h2 a {
            line-height: 110%;
        }

#galleryview {
    margin-top: 15px;
}

ul.galleryslides {
    width: 20000em;
    position: relative;
}

    ul.galleryslides li {
        margin-right: 10px;
        float: left;
        line-height: 145%;
    }

        ul.galleryslides li span {
            height: 170px;
            padding: 0px;
            text-align: center;
            background-color: #f1f1f1;
            vertical-align: middle;
            display: table-cell;
        }

        ul.galleryslides li a {
            text-decoration: none;
            color: #000;
        }

        ul.galleryslides li img {
            max-height: 170px;
            width: inherit;
        }

        ul.galleryslides li a:hover {
            color: #0aa0ff;
        }

ul.moviegallery li {
    margin-right: 10px;
    float: left;
    line-height: 145%;
    height: 170px;
}

    ul.moviegallery li span {
        height: 170px;
        padding: 0px;
        text-align: center;
        background-color: #f1f1f1;
        vertical-align: middle;
        display: table-cell;
    }

    ul.moviegallery li img {
        max-height: 170px;
    }

.movienav {
    display: none;
}

.movienav2 {
    display: block;
    clear: both;
    width: 300px;
    overflow: hidden;
}

    .movienav2 select {
        width: 300px;
        appearance: list-menu;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        font-size: 18px;
        color: #fff;
        padding: 5px;
        background-color: #848484;
        border: solid 0px #dbdbdb;
        font-family: 'PT Sans Narrow', sans-serif;
        margin-bottom: 5px;
        margin-top: 10px;
    }


ul.newslist {
}

    ul.newslist li {
        margin-bottom: 6px;
        padding-bottom: 16px;
        display: block;
        clear: both;
        background-image: url(/ui/img/separator-sml.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
    }

        ul.newslist li a {
            text-decoration: none;
            color: #000;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        ul.newslist li span {
            float: right;
            width: 210px;
        }

        ul.newslist li img {
            float: left;
            border: solid 5px #ccc;
            height: inherit;
            max-width: 70px;
            margin-right: 10px;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        ul.newslist li.second span {
            float: left;
            width: 210px;
        }

        ul.newslist li.second img {
            float: right;
            border: solid 5px #ccc;
            max-width: 70px;
            margin-left: 10px;
            margin-right: 0px;
        }

        ul.newslist li a:hover img {
            border: solid 5px #9900ff;
        }

        ul.newslist li a:hover h3 {
            color: #9900ff;
        }

ol.bolists {
    list-style-position: inside;
    list-style-type: decimal;
    margin: 0 0 8px 0;
    padding-bottom: 12px;
    background-image: url(/ui/img/separator-sml.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}

    ol.bolists li {
        list-style-position: inside;
        padding: 0px;
        clear: both;
        list-style-type: decimal;
    }

        ol.bolists li a {
            width: 74%;
            vertical-align: text-top;
            display: inline-block;
            font-size: 13px;
        }

        ol.bolists li span {
            text-align: right;
            float: right;
            display: inline-block;
            width: 15%;
            font-size: 13px;
        }

ul.mainvidlist li {
    float: left;
    margin-right: 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 3px solid #333;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    ul.mainvidlist li:hover {
        border: 3px solid #09a0ff;
    }

    ul.mainvidlist li img {
        width: 80px;
        height: inherit;
    }

        ul.mainvidlist li img:hover {
        }

    ul.mainvidlist li.active {
        border: 3px solid #09a0ff;
        background-image: none;
    }

        ul.mainvidlist li.active a {
            background-image: none;
        }

        ul.mainvidlist li.active img {
            opacity: 1;
        }

.invidbox {
    padding: 10px;
}

ul.footerlinks {
    padding-bottom: 10px;
}


ul.contestfeature {
    padding: 10px;
}

    ul.contestfeature li {
        float: left;
        width: 300px;
        padding: 0px 0px 15px 0px;
    }

        ul.contestfeature li img {
            max-width: 315px;
            width: 100%;
            height: inherit;
            margin: 0px auto;
            border: solid 1px #fff;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.contestfeature li img:hover {
                opacity: 0.7;
                border: solid 1px #25a503;
            }

        ul.contestfeature li a {
            font-size: 16px;
            color: #fff;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

a.itemtitle {
    margin-bottom: 5px;
    display: block;
}

ul.contestfeature li a:hover {
    color: #25a503;
    text-decoration: none;
}



/* contestlist*/
ul.contestlist {
    padding: 0px;
}

    ul.contestlist li {
        float: left;
        width: 300px;
        padding: 0px 0px 15px 0px;
    }

        ul.contestlist li img {
            max-width: 300px;
            width: 100%;
            height: inherit;
            margin: 0px auto;
            border: solid 1px #fff;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.contestlist li img:hover {
                opacity: 0.7;
                border: solid 1px #25a503;
            }

        ul.contestlist li a {
            font-size: 16px;
            color: #25a503;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

a.itemtitle {
    margin-bottom: 5px;
    display: block;
}

ul.contestlist li a:hover {
    color: #25a503;
    text-decoration: none;
}
/* */



ul.filmography li {
    padding: 0 0 4px 4px;
    border-bottom: solid 1px #f1f1f1;
}

    ul.filmography li:last-child {
        border-bottom: solid 0px #f1f1f1;
    }

    ul.filmography li a {
        color: #ff5400;
    }

ul.castlist li {
    padding: 5px;
    clear: both;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #f8f8f8;
    border-bottom: solid 1px #f1f1f1;
    margin-bottom: 10px;
}

    ul.castlist li div.image {
        float: left;
        margin-right: 10px;
        height: inherit;
    }

        ul.castlist li div.image img {
            width: 110px;
            border: solid 1px #fff;
        }

            ul.castlist li div.image img:hover {
                width: 110px;
                border: solid 1px #ff5400;
                opacity: 0.8;
            }

    ul.castlist li div.det {
        float: right;
    }

    ul.castlist li h2 a {
        color: #ff5400;
    }

        ul.castlist li h2 a:hover {
            color: #000;
            text-decoration: none;
        }

a.loadmore {
    color: #fff;
    width: 97%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #09a0ff;
    padding: 10px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
    text-shadow: 1px 1px 1px #000;
    background-image: url(/ui/img/arrow-d.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin: 0px 10px 10px 0px;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    a.loadmore:hover {
        text-decoration: none;
        background-color: #0971ff;
    }

/* ads */
.topm {
    display: block;
    text-align: center;
    margin-top: 10px;
    max-height: 250px;
}

.bbm {
    display: block;
    text-align: center;
    padding-bottom: 12px;
    background-image: url(/ui/img/separator-sml.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    max-height: 250px;
}

.inline {
    padding-top: 10px;
}

.ssm {
    display: block;
    text-align: center;
    padding-bottom: 12px;
    background-image: url(/ui/img/separator-sml.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    max-height: 250px;
}

.top, .bb, .ss160 {
    display: none;
}

.ns {
    background-image: none !important;
}
/* the fancyness */
.separator {
    height: 10px;
}

.liner {
    border-bottom: solid 1px #e4e4e4;
    margin: 10px 0px;
    display: block;
}

.showtimesliner {
    border-bottom: solid 1px #e4e4e4;
    margin: 10px 0px 5px 0px;
}

.searchbox {
    display: block;
    position: relative;
}

a.showmore {
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: 'PT Sans Narrow', sans-serif;
    background-image: url(/ui/img/showmore.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 8px 0px;
    margin-bottom: 8px;
}

    a.showmore:hover {
        text-decoration: none;
        color: #666;
    }

form.goform {
    clear: both;
    height: 27px;
    overflow: hidden;
    vertical-align: text-top;
    margin-top: 7px;
    margin-right: 8px;
    border: solid 1px #888;
    background-color: #ececec;
    padding: 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
    display: inline-block;
}

.inputcontainer {
    float: left;
}

form.goform .inputcontainer input {
    border: none;
    color: #666;
    background-color: #ececec;
    margin: 3px 0px 1px 4px;
    padding-left: 4px;
    height: 22px;
    line-height: 22px;
    float: left;
    width: 170px;
}

span.dropcontainer {
    width: 90px;
    overflow: hidden;
    display: block;
    float: right;
    border-left: solid 1px #888;
    background-color: #ececec;
}

select.drop {
    color: #666;
    border: none;
    background-color: #ececec;
    margin: 0px;
    width: 115px;
    margin: 2px 0px 1px 2px;
    height: 24px;
    line-height: 21px;
    background-image: url(/ui/img/icon.png);
    background-repeat: no-repeat;
    background-position: 65px -822px;
}

.initem {
    background-color: #fff;
}

input.gobutton {
    display: block;
    padding: 0px !important;
    height: 27px;
    width: 28px;
    border: none;
    border: none;
    margin: 0px;
    float: right;
    background-image: url(/ui/img/icon.png);
    background-repeat: no-repeat;
    background-position: -7px -593px;
    background-color: transparent;
}

    input.gobutton:hover {
        cursor: pointer;
    }

.carousel {
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
}

a.jcarousel-control-prev {
    width: 40px;
    height: 56px;
    display: inline-block;
    text-indent: -1000em;
    background-image: url(/ui/img/prev.png);
    position: absolute;
    left: 0px;
    top: 100px;
    opacity: 0.7;
}

a.jcarousel-control-next {
    width: 40px;
    height: 56px;
    display: inline-block;
    text-indent: -1000em;
    background-image: url(/ui/img/next.png);
    position: absolute;
    right: 0px;
    top: 100px;
    opacity: 0.7;
}

a.moviearrowl {
    left: 0px;
    top: 20px !important;
}

a.moviearrowr {
    right: 0px;
    top: 20px !important;
}

a.imgarrowl {
    left: 0px;
    top: 58px !important;
}

a.imgarrowr {
    right: 0px;
    top: 58px !important;
}

a.jcarousel-control-prev:hover, a.jcarousel-control-next:hover {
    opacity: 1;
}

a.jcarousel2-control-prev {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-indent: -1000em;
    background-image: url(/ui/img/prevw.png);
    position: absolute;
    left: -2px;
    top: 20%;
    opacity: 0.5;
}

a.jcarousel2-control-next {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-indent: -1000em;
    background-image: url(/ui/img/nextw.png);
    position: absolute;
    right: 8px;
    top: 20%;
    opacity: 0.5;
}

    a.jcarousel2-control-next:hover {
        opacity: 1;
    }

a.jcarousel2-control-prev:hover {
    opacity: 1;
}

fb_iframe_widget,
.fb_iframe_widget > span,
.fb_iframe_widget iframe {
    width: 100% !important;
}

.moviestill {
    text-align: center;
    padding-bottom: 12px;
    background-image: url(/ui/img/separator-sml.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}

    .moviestill img {
        width: 100%;
        margin: 0px auto;
        height: inherit;
    }

.imgitm {
    width: 33%;
}

    .imgitm img {
        width: 99%;
        height: inherit;
        display: block;
        margin-bottom: 1px;
    }

    .imgitm a img:hover {
        opacity: 1;
    }

.imagemeta {
    padding: 0 5px 5px 5px;
}

    .imagemeta .socials {
        float: left;
    }

.socials {
    margin-bottom: 8px;
}

.imagenav {
    text-align: right;
    float: right;
    margin-bottom: 8px;
}




.imagemeta .legals {
    text-align: right;
    font-size: 10px;
}

/* Search suggest list */
#searchSuggestList {
    border: 1px solid #848484;
    background: #fff;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: 0px;
    top: 35px;
    width: 228px;
    color: #000;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    z-index: 9999;
    display: none;
}


    #searchSuggestList a:link {
        display: block;
        text-decoration: none;
        color: #09a0ff;
        padding: 7px;
        font-size: 16px;
        border-bottom: 1px solid #ECECEC;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #searchSuggestList a:visited {
        display: block;
        text-decoration: none;
        color: #09a0ff;
        padding: 7px;
        font-size: 16px;
        border-bottom: 1px solid #ECECEC;
    }

    #searchSuggestList a:hover {
        background: #ebedef;
    }

    #searchSuggestList a.active {
        background: #CECECE;
    }

    #searchSuggestList a img {
        float: left;
    }

    #searchSuggestList a span {
        float: left;
        margin-left: 7px;
        width: 75%;
    }

    #searchSuggestList a:last-child {
        background-color: #ebedef;
    }

    #searchSuggestList a:hover:last-child {
        color: #fff;
        background-color: #333;
    }

.hidden {
    display: none;
}

/** Movie Mail **/

.signupcol {
    padding-right: 0px;
    margin-top: 10px;
}

    .signupcol ul {
        margin-top: 15px;
    }

    .signupcol li {
        font-size: 15px;
        line-height: 150%;
        padding-left: 35px;
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: 2px -414px;
        background-repeat: no-repeat;
    }

    .signupcol h2 {
        margin-bottom: 0px;
    }

    .signupcol p {
        padding-top: 6px;
        margin-bottom: 10px;
    }

    .signupcol .left {
        float: left;
        width: 70%;
    }

    .signupcol .right {
        float: left;
        padding-left: 2%;
        width: 25%;
        vertical-align: bottom;
    }



.signupgheading {
    margin-bottom: 7px;
}

.largeshelf {
    background-image: url(/ui/img/largeshelf.jpg);
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain; /* Firefox 3.6 */
    background-position: contain;
}

/* Generic Form */

.genericform {
    margin-bottom: 5px;
}

    .genericform > div {
        clear: both;
        overflow: hidden;
        padding: 7px 0px 10px 0px;
        border-bottom: 1px solid #e6e6e6;
    }

        .genericform > div > fieldset > div > div {
            margin: 0 0 5px 0;
        }

        .genericform > div > label, legend {
            float: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            font-weight: 600;
            width: 49%;
            padding-top: 5px;
            margin-right: 4px;
        }

    .genericform > .skilltesting {
        background-color: #25a503;
        padding: 10px;
        margin: 5px 0px 4px 0px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        .genericform > .skilltesting h3 {
            font-size: 20px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 2px;
        }

        .genericform > .skilltesting p {
            font-size: 11px;
            color: #fff;
            margin: 3px 0px 0px 0px;
        }

            .genericform > .skilltesting p a {
                color: inherit;
                text-decoration: underline;
            }

        .genericform > .skilltesting > div {
            clear: both;
            overflow: hidden;
            padding: 5px 0px 5px 0px;
            width: 100%;
        }

            .genericform > .skilltesting > div > div {
                float: left;
                width: 50%;
            }

            .genericform > .skilltesting > div > label, legend {
                float: left;
                font-family: 'Open Sans', sans-serif;
                font-size: 13px;
                line-height: 130%;
                font-weight: 600;
                color: #fff;
                width: 50%;
                margin-top: 2px;
            }

                .genericform > .skilltesting > div > label > span {
                    float: left;
                    font-size: 11px;
                    font-weight: normal;
                    margin-top: 9px;
                    width: 100%;
                }

                    .genericform > .skilltesting > div > label > span a {
                        color: #fff;
                        text-decoration: #fff;
                    }

    .genericform > div > div > a {
        display: block;
        padding: 7px 0px 3px 0px;
    }

    .genericform > div > label > span {
        float: left;
        font-size: 10px;
        font-weight: normal;
        width: 100%;
    }

    .genericform > div > div,
    .genericform > div > fieldset > div {
        width: 50%;
        float: left;
    }

    .genericform fieldset {
        border: 0;
        padding: 0;
    }

    .genericform > div > fieldset label {
        font-size: 13px;
        line-height: 150%;
    }

    .genericform textarea {
        font-family: 'Open Sans', sans-serif;
        width: 98%;
    }

    .genericform input[type=text],
    .genericform input[type=email],
    .genericform input[type=url],
    .genericform input[type=password] {
        font-family: 'Open Sans', sans-serif;
        width: auto;
        border-top: 1px solid #c9c5c5;
        border-left: 1px solid #c9c5c5;
        border-right: 1px solid #c9c5c5;
        border-bottom: 1px solid #c9c5c5;
    }

    .genericform input[type=text],
    .genericform input[type=email],
    .genericform input[type=url],
    .genericform input[type=password] {
        width: 345px;
        box-sizing: border-box;
    }

        .genericform input[type=text]:focus,
        .genericform input[type=email]:focus,
        .genericform input[type=url]:focus,
        .genericform input[type=password]:focus,
        .genericform textarea:focus,
        .genericform select:focus {
            outline: 0;
            border-color: #4697e4;
        }

    .genericform select {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        width: 345px;
        box-sizing: border-box;
    }

        .genericform select.arrow {
            background-image: url(/ui/img/selectarrow.png);
            background-repeat: no-repeat;
            background-position: right;
            background-size: 20px 7px;
        }

    .genericform .consent {
        background-color: #f8f8f8;
        padding: 5px;
        margin: 10px 0px 4px 0px;
        border: 0;
    }

        .genericform .consent p {
            display: block;
            margin: 0 auto;
        }

        .genericform .consent label {
            float: left;
            font-weight: normal;
            margin-left: 4px;
            width: 96%;
            line-height: 150%;
            padding-top: 1px;
            padding-bottom: 3px;
            margin-right: 0px;
        }

        .genericform .consent .checkbox {
            float: left;
        }

#EmbedVideoDiv input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
}

#EmbedVideoDiv input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

#EmbedVideoDiv input[type="text"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

.genericform input[type="checkbox"] {
    vertical-align: text-bottom;
    margin-top: 4px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

.genericform input[type="radio"] {
    margin-top: 4px;
    -webkit-appearance: radio;
    -moz-appearance: radio;
}


/* end of generic form */



.moviemailform > div {
    clear: both;
    overflow: hidden;
    padding: 7px 0px 10px 0px;
    border-bottom: 1px solid #e6e6e6;
}

    .moviemailform > div > fieldset > div > div {
        margin: 0 0 5px 0;
    }

    .moviemailform > div > label,
    legend {
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 600;
        width: 50%;
        padding-top: 5px;
    }

    .moviemailform > div > div,
    .moviemailform > div > fieldset > div {
        width: 50%;
        float: left;
    }

    .moviemailform > div > fieldset label {
        font-size: 13px;
        line-height: 150%;
    }

.moviemailform fieldset {
    border: 0;
    padding: 0;
}

.moviemailform input[type=text],
.moviemailform input[type=email],
.moviemailform input[type=url],
.moviemailform input[type=password],
.moviemailform textarea {
    font-family: 'Open Sans', sans-serif;
    width: auto;
    border-top: 1px solid #c9c5c5;
    border-left: 1px solid #c9c5c5;
    border-right: 1px solid #c9c5c5;
    border-bottom: 1px solid #c9c5c5;
}

.moviemailform input[type=text],
.moviemailform input[type=email],
.moviemailform input[type=url],
.moviemailform input[type=password] {
    width: 345px;
    box-sizing: border-box;
}

    .moviemailform input[type=text]:focus,
    .moviemailform input[type=email]:focus,
    .moviemailform input[type=url]:focus,
    .moviemailform input[type=password]:focus,
    .moviemailform textarea:focus,
    .moviemailform select:focus {
        outline: 0;
        border-color: #4697e4;
    }


.moviemailform select {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    width: 345px;
    box-sizing: border-box;
}

    .moviemailform select.arrow {
        background-image: url(/ui/img/selectarrow.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: 20px 7px;
    }



.moviemailform .consent {
    background-color: #f8f8f8;
    padding: 5px;
    margin: 10px 0px 4px 0px;
    border: 0;
}


    .moviemailform .consent label {
        float: none !important;
        font-weight: normal;
        margin-left: 4px;
        width: 100%;
        line-height: 150%;
        padding-top: 1px;
        padding-bottom: 3px;
    }

    .moviemailform .consent p {
        padding-top: 3px;
        margin-bottom: 0px;
        font-size: 12px;
    }

    .moviemailform .consent .checkbox {
        float: left;
    }

.moviemailform input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}



.form-control {
    display: block;
    font-size: 13px;
    line-height: 1.428571429;
    padding: 3px 0px 3px 3px;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.moviemailform .submitbuttonwrapper {
    border: 0;
    padding-top: 2px;
    padding-bottom: 0px;
}

.genericform .submitbuttonwrapper {
    border: 0;
    margin-top: 5px;
    padding: 3px 0px 3px 0px;
}

.moviemailform .submitbutton, .genericform .submitbutton {
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 22px;
    padding: 8px 18px 8px 18px;
    font-weight: bold;
    color: #fff;
    background-color: #09a0ff;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


    .moviemailform .submitbutton:hover, .genericform .submitbutton:hover {
        background-color: #0971ff;
    }

    .moviemailform .submitbutton:active, .genericform .submitbutton:active {
        background: #0971ff;
        -moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
        -webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
    }




.genericform .submitbuttoncontest {
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 22px;
    padding: 8px 25px 8px 25px;
    margin-bottom: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #25a503;
    border: 0;
    border-radius: 3px;
    text-shadow: 1px 1px 1px #000;
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    ` transition: all 0.4s ease;
}

    .genericform .submitbuttoncontest:hover {
        background-color: #197800;
    }

    .genericform .submitbuttoncontest:active {
        background: #197800;
        -moz-box-shadow: inset 0 0 4px 3px #166b00, 0 1px 0 0 #fff;
        -webkit-box-shadow: inset 0 0 4px 3px #166b00, 0 1px 0 0 #fff;
    }




    .moviemailform .submitbuttoncontest:hover, .genericform .submitbuttoncontest:hover {
        background-color: #197800;
    }

.denote {
    font-style: italic;
    font-weight: 600;
}

.archivecol {
    padding-right: 0px;
    margin-top: 10px;
}


ul.archive {
    float: left;
    margin: 0px;
    width: 100%;
    margin-bottom: 5px;
}

    ul.archive li:nth-of-type(2n+1) {
        clear: both;
    }

    ul.archive li {
        float: left;
        width: 50%;
        padding: 5px;
        background-color: #f8f8f8;
        border-right: 1px solid #fff;
        font-size: 13px;
        text-align: left;
        line-height: 145%;
        margin-bottom: 1px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: block;
    }

        ul.archive li a {
            text-decoration: none;
            color: #0971ff;
            margin-bottom: 1px;
            font-weight: normal;
            padding-left: 4px;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.archive li a:hover {
                color: #000;
                text-decoration: underline;
            }

/** end of movie mail **/

/** form validation **/

.needsfilled {
    color: #ff002a !important;
    font-weight: 600;
    borde;
}

.moviemailform input.needsfilled, .genericform input.needsfilled, .lrgform input.needsfilled {
    border: 1px solid #ff002a;
}

/** end of form validation **/


/** Paginate **/

.pagination {
    margin: 5px 0px 15px 0px;
    background-color: #f8f8f8;
    text-align: center;
    padding: 10px 0px 10px 0px;
    display: inline-block;
    width: 100%;
}

    .pagination a {
        font-size: 13px;
        color: #0971ff;
        font-weight: 600;
        display: inline-block;
        margin-right: 2px;
        padding: 2px 8px;
        text-decoration: none;
        line-height: 150%;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        border: 1px solid #0971ff;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .pagination a:hover {
            background-color: #0971ff;
            color: #fff;
        }

        .pagination a:active {
            background-color: #0971ff;
            color: #fff;
        }

    .pagination .selected {
        background-color: #0971ff;
        color: #fff;
    }

    .pagination .firstlast {
        border: 0;
        margin-right: 0;
    }

        .pagination .firstlast:hover {
            background-color: #f8f8f8;
            color: #000;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

/** showtimes **/

.showtimescontent {
    float: left;
    margin-top: 5px;
    width: 100%;
}

    .showtimescontent .socials {
        margin-top: 5px;
        margin-bottom: 0px;
    }

    .showtimescontent h1, .showtimescontent h2 {
        font-size: 25px;
        margin-bottom: 5px;
        line-height: 130%;
    }



    .showtimescontent p {
        font-size: 12px;
        margin: 0px 0px 5px 0px;
    }

    .showtimescontent .ticketinformation {
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }

form#theatreform {
    margin-bottom: 10px;
}

.theatrelocation {
    float: left;
    font-family: 'Open Sans', Sans-serif;
    font-size: 14px !important;
}

h2.theatrelocation {
    font-size: 20px;
    margin-bottom: 0px;
}

    h2.theatrelocation a {
        float: left;
        color: #fff !important;
        margin: 0px 0px;
        padding: 5px 7px 5px 7px;
        background-color: #09a0ff;
        line-height: 120% !important;
        margin-bottom: 0px !important;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        text-decoration: none;
    }

        h2.theatrelocation a:hover {
            background-color: #006db3;
        }


.theatrelocation h2 a:hover {
    color: #000;
}

.showtimescontent .greenbutton {
    float: left;
    font-family: 'Open Sans', Sans-serif;
    font-size: 12px;
    margin: -3px 0px 0px 10px;
    line-height: 20px;
    width: auto;
    padding: 2px 4px 2px 4px;
    font-weight: 600;
    color: #fff !important;
    border: 0;
    height: auto;
    background-color: #25a503;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .showtimescontent .greenbutton:hover {
        background-color: #197800;
    }

showtimescontent .greenbutton:active {
    background: #197800;
    -moz-box-shadow: inset 0 0 4px 3px #166b00, 0 0px 0 0 #fff;
    -webkit-box-shadow: inset 0 0 9px 3px #166b00, 0 0px 0 0 #fff;
}


.showtimescol {
    padding-right: 0px;
    margin-top: 5px;
}


.theatre {
    display: inline-block;
    background-image: url(/ui/img/greybg.jpg);
    background-repeat: repeat-x;
    /* background-image: linear-gradient(to bottom,#ebebeb, #fff 20%);
background: -webkit-linear-gradient(top, #ebebeb 10%, #fff 25%, #ffffff 60%); 
background: -o-linear-gradient(bottom, #fff 80%,#ebebeb 20%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    width: 100%;
    margin: 10px 0px 7px 0px;
    border: 1px solid #ebebeb;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    padding-bottom: 10px;
}



    .theatre .columnleft {
        float: left;
        width: 88px;
        margin: 7px 0px 5px 11px;
    }

        .theatre .columnleft .theatreimage {
            float: left;
            margin-bottom: 0px;
            height: auto;
            overflow: hidden;
            border: 1px solid #dcdcdc;
        }

        .theatre .columnleft h2 {
            display: block;
            color: #000;
            text-align: center;
            font-size: 17px;
            text-align: center;
            line-height: 120%;
        }

            .theatre .columnleft h2 a {
                font-size: 17px;
                color: #000;
                line-height: 120%;
            }

    .theatre .columnright {
        float: right;
        width: 82%;
        margin: 7px 10px 5px 10px;
    }

        .theatre .columnright h2 {
            font-family: 'PT Sans Narrow', Sans-serif;
            font-size: 22px;
            line-height: 120%;
            font-weight: normal;
            color: #000;
            margin-top: 0;
            margin-bottom: 0px;
            padding-top: 0;
        }

            .theatre .columnright h2 a {
                font-weight: normal;
                color: #000;
            }

                .theatre .columnright h2 a:hover {
                    text-decoration: underline;
                }

        .theatre .columnright h3.sectitle {
            font-size: 18px;
            font-weight: normal;
            line-height: 24px;
            padding-top: 2px;
            margin-bottom: 2px;
        }

        .theatre .columnright .more {
            margin-bottom: 0px;
        }

            .theatre .columnright .more a {
                font-size: 12px;
                color: #000;
                margin-top: 0;
                padding-top: 0;
            }



.theatrerating {
    display: inline-block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #fff;
    padding-bottom: 4px;
    margin-top: 2px;
}

.theatre .columnright .theatrerating > span {
    float: left;
    margin-right: 38px;
    vertical-align: text-bottom;
}

    .theatre .columnright .theatrerating > span:last-child {
        margin-right: 0;
    }


    .theatre .columnright .theatrerating > span p {
        float: left;
        padding-top: 2px;
        margin: 0px 0px 0px 10px;
    }

        .theatre .columnright .theatrerating > span p > a {
            text-decoration: underline;
            color: #000;
        }

            .theatre .columnright .theatrerating > span p > a:hover {
                color: #09a0ff;
                -moz-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }


.theatre .columnright .theatrerating span img {
    float: left;
    width: 70px;
}

.theatreinfo {
    display: inline-block;
    margin-top: 2px;
}



.ratetheatreinfo {
    margin-top: 5px;
}

.theatreinfo p {
    float: left;
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 140% !important;
    margin-bottom: 7px;
    color: #000;
}


.theatreinfo .location {
    color: #0971ff;
    width: 140px;
    font-weight: 600;
    padding: 3px;
    margin: 0px 0px 4px 0px;
    text-align: center;
}

.theatreinfo p a {
    color: #000;
    cursor: pointer;
}


.theatreinfo > span:nth-of-type(odd) {
    margin-left: 0px;
}

.theatreinfo span > span {
    width: 100%;
}

.icon {
    float: left;
    text-indent: -9999px;
}
/**
.addressicon {
padding-left: 20px;
margin-right: 1px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: 4px 1px;
}

.phoneicon {
padding-left: 20px;
margin-right: 5px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: -139px -300px;
}

.ticketingicon {
background: url(/ui/img/icons.png) no-repeat 0 0;
background-position: 4px -80px !important;
}

.mapicon {
padding-left: 17px;
background-image: url(/ui/img/showhidemap.png);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: 0px 3px;
}

.restauranticon {
padding-left: 20px;
margin-right: 5px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: 0px -56px;
}

.mallicon {
padding-left: 20px;
margin-right: 5px;
background: url(/ui/img/icon.png) no-repeat 0 0;
background-position: -138px -552px;
}
**/
.trailericon {
    padding-left: 22px !important;
    background-image: url(/ui/img/trailericon.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 5px 2px;
}


/** showtimes nav **/

ul.showtimesnav {
    width: 100%;
}

    ul.showtimesnav li {
        font-family: "PT Sans Narrow",sans-serif;
        font-size: 20px;
        text-align: center;
        line-height: 145%;
        margin-bottom: 8px;
    }

        ul.showtimesnav li:first-child a {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        ul.showtimesnav li:last-child a {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        ul.showtimesnav li a {
            width: 173px;
            float: left;
            text-decoration: none;
            padding: 5px 5px 5px 5px;
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-right: 1px solid #fff;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            background-color: #848484;
        }

            ul.showtimesnav li a:hover {
                background-color: #09a0ff;
            }

            ul.showtimesnav li a.showtimesactive {
                background-color: #09a0ff;
            }

.selectnavmobile {
    display: none; /*
clear:both;
width:300px;
overflow:hidden;*/
}

    .selectnavmobile select {
        font-family: 'PT Sans Narrow', sans-serif;
        width: 300px;
        appearance: list-menu;
        -webkit-appearance: menulist;
        font-size: 18px;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        padding: 5px;
        background-color: #09a0ff;
        border: solid 0px #dbdbdb;
    }

        .selectnavmobile select option {
            text-shadow: 1px 1px 1px #000;
            background-color: #09a0ff;
        }


        .selectnavmobile select.arrow {
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: 276px -905px;
            -webkit-appearance: none;
        }

.messagebox {
    background-color: transparent;
    width: 100%;
    line-height: 125%;
    box-sizing: border-box;
    -webkit-border-box: border-box;
    display: inline-block;
}

.theatre .messagebox {
    padding: 2px 15px;
}

.linkposition {
    display: block;
    width: 254px;
    margin-top: 5px;
}

    .linkposition span .movieratings {
        padding-left: 28px;
        background: url(/ui/img/icon.png) no-repeat 0 0;
        background-position: 1px -978px;
        -moz-transition: background-color 500ms linear;
        -webkit-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        transition: background-color 500ms linear;
    }

        .linkposition span .movieratings:hover {
            padding-left: 28px;
            background: url(/ui/img/icon.png) no-repeat 0 0;
            background-position: -133px -978px;
        }


    .linkposition span .switchclock {
        padding-left: 28px;
        background: url(/ui/img/icon.png) no-repeat 0 0;
        background-position: 1px -952px;
        -moz-transition: background-color 500ms linear;
        -webkit-transition: background-color 500ms linear;
        -o-transition: background-color 500ms linear;
        transition: background-color 500ms linear;
    }


        .linkposition span .switchclock:hover {
            padding-left: 28px;
            background: url(/ui/img/icon.png) no-repeat 0 0;
            background-position: 1px -1009px;
        }




    .linkposition span a {
        color: #09a0ff;
        font-size: 13px;
        background-color: #fafafa !important;
        padding: 5px;
        margin-right: 5px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        text-decoration: none;
    }

        .linkposition span a:hover {
            background-color: #09a0ff !important;
            color: #fff;
        }

    .linkposition .datefilter {
        width: 280px;
        float: right;
        margin-top: -9px;
    }


        .linkposition .datefilter select {
            font-family: 'Open Sans', Sans-serif;
            border: 0px;
            font-size: 13px;
            padding: 3px 0px 3px 25px;
            background: url(/ui/img/icon.png) no-repeat 0 0, url(/ui/img/selectarrow.png) no-repeat;
            background-position: 1px -1042px, right;
            border: 1px solid #ebebeb;
            background-size: 160px 1071px, 20px 7px;
            width: 280px;
        }

            .linkposition .datefilter select *.nopadding {
                padding-left: 0px !important;
            }


.spacer {
    margin-bottom: 7px;
}

.messagebox h1 {
    font-size: 18px;
    font-family: 'Open Sans', Sans-serif;
    font-weight: 600;
    color: #09a0ff;
    margin-bottom: 0px;
}

.messagebox h3 {
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', Sans-serif;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

.messagebox .linkposition a {
    padding-top: 3px;
    font-size: 13px;
    line-height: 10px;
    font-weight: normal;
    float: right;
    color: #006db3;
}

    .messagebox .linkposition a:last-child {
        float: left;
        padding-right: 7px;
        padding-left: 0px;
    }

.messagebox linkposition a:only-child {
    border-right: 0px;
}

.messagebox linkposition a:hover {
    text-decoration: underline;
}

.messagebox p {
    font-size: 13px;
    color: #000;
    padding-top: 5px;
    margin-bottom: 0px;
    font-weight: normal;
    float: left;
}

/* showtimes movielist */
.searchbymovie .movielist div {
    border-bottom: 1px solid #ebedef;
}

    .searchbymovie .movielist div, .searchbymovie .movielist div:first-of-type {
        padding-bottom: 4px;
    }

        .searchbymovie .movielist div:only-child {
            border: 0;
            padding-bottom: 0;
        }

        .searchbymovie .movielist div:last-child {
            padding-bottom: 0;
        }

        .searchbymovie .movielist div:last-of-type {
            padding-bottom: 0;
        }

.movielist div {
    display: block;
    padding-top: 6px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #ebedef;
    overflow: hidden;
    width: 96%;
    margin: 0 auto;
}


    .movielist div:last-of-type {
        border-top: 0px;
        border-bottom: 0px;
    }

    .movielist div.hidden {
        visibility: hidden;
    }

    .movielist div ul li:first-of-type {
        padding-top: 1px;
    }

    .movielist div ul li:last-of-type {
        margin-bottom: 0px;
    }

    .movielist div:only-child {
        border-bottom: none;
    }

    .movielist div:first-of-type {
        padding-top: 0px;
        border-top: 0px;
    }

    .movielist div:only-child {
        border-bottom: 0px;
    }

    .movielist div ul {
        float: left;
        margin-top: 2px;
        padding-top: 0px;
        width: 508px;
    }

.searchbymovie .movielist div ul {
    width: 581px;
}

.movielist div ul:first-of-type {
    margin-top: 6px;
}




.movielist div ul li {
    float: left;
    width: auto;
    border: 0px !important;
    margin-bottom: 0px;
    margin-bottom: 2px;
    padding: 2px;
    padding-top: 1px;
    height: 26px;
    box-sizing: border-box;
}




.movielist div ul:last-child {
    margin-bottom: 0px;
}

.movielist div:first-of-type {
    border-top: 0px;
}

.movielist div.showoptions ul {
    margin-top: 4px;
}

    .movielist div.showoptions ul:first-of-type {
        margin-top: 4px;
    }

.movielist div h5 {
    float: left;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: 85px;
    line-height: 24px;
    margin-bottom: 0px;
    padding-top: 5px;
    color: #00367f;
    font-weight: bold;
}

.movielist div ul li a {
    font-family: Arial, Sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 13px;
    padding: 3px;
    padding-top: 1px !important;
    padding-left: 22px;
    text-align: center;
    background-image: url(/ui/img/icon.png);
    background-repeat: no-repeat;
    background-position: 0px -80px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    width: auto;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    padding-bottom: 0px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 78px;
}

    .movielist div ul li a:hover {
        color: #fff;
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: 0px -106px;
        display: block;
        width: 78px;
        text-decoration: none;
        border: 1px solid #006eb3;
        background-color: #ff5400;
        border: 1px solid #ff5400;
    }

.movielist div ul li.disabled span {
    font-family: Arial, Sans-serif;
    font-weight: bold;
    color: #000;
    font-size: 13px;
    padding: 3px;
    padding-top: 1px !important;
    padding-left: 22px;
    text-align: center;
    margin-left: 0px;
    background-image: url(/ui/img/icon.png);
    background-repeat: no-repeat;
    background-position: 0px -80px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    width: auto;
    -moz-transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    padding-bottom: 0px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 78px;
}


.movielist div ul li.disabled span, .movielist div ul li.notickets.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

.movielist div ul li.disabled a:hover {
    color: #000;
    background-color: transparent;
    background-position: 0px -80px;
    border: 1px solid #ccc;
    cursor: default;
}

.movielist div ul li.notouch a:hover {
    color: #000;
    background-image: url(/ui/img/icon.png);
    background-repeat: no-repeat;
    background-position: 0px -80px;
    border: 1px solid #ccc;
    background-color: transparent;
}

.movielist div .date {
    float: left;
    width: 90px;
    margin: 0;
}

.movielist div .time {
    float: left;
    width: 471px;
    margin: 0;
}

.movielist div img {
    float: left;
    width: 50px;
    height: auto;
    margin-bottom: 5px;
}

.movielist div .img-responsive {
    border: 1px solid #dcdcdc;
}

.movielist div .stars {
    float: left;
    margin-right: 0px;
}

    .movielist div .stars img {
        width: 70px;
        height: auto;
        margin: 1px 5px 0px 4px;
    }

.movielist div span span:hover {
    color: #000;
}

.movielist div span {
    float: left;
    width: 603px;
    margin-left: 10px;
}

    .movielist div span span {
        font-size: 13px;
        color: #006eb3;
        width: auto;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 0px;
        margin-right: 0px;
        margin-bottom: 2px;
        margin-left: 0px;
        margin-top: 5px;
    }

        .movielist div span span span {
            margin-top: 0px;
            margin-right: 0px;
            padding-top: 3px;
        }

        .movielist div span span a {
            float: left;
        }

            .movielist div span span a:hover {
                text-decoration: underline;
            }


.rating {
    float: left;
    font-family: Arial;
    font-size: 13px;
    margin-top: 4px;
    margin-bottom: 7px;
    padding-top: 3px;
    color: #000;
    width: auto;
}

.movielist div .rating {
    font-family: Arial;
    margin-top: 5px;
    margin-right: 8px;
    margin-bottom: 3px;
    padding-top: 3px;
    color: #000;
    font-size: 13px;
}

.searchbymovie .movielist div .rating {
    width: auto;
    padding-left: 0px;
    margin-left: 0px;
    font-size: 13px;
}


.movielist .showoptions .optiontitle {
    margin-left: 0;
    margin-right: 5px;
    width: auto;
    float: left;
}

.movielist .showoptions .options {
    font-size: 12px;
    padding-bottom: 2px;
    width: auto;
    margin-left: 1px;
    float: none;
    color: #838383;
}

.movielist .showoptions h3:first-of-type {
    border: 0;
}

.map {
    margin-top: 2px;
    margin-bottom: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


.inlinemap {
    display: none;
    margin: 10px 0px 0px 0px;
}

#map_canvas {
    border: 1px solid #ebedef;
    margin-bottom: 8px;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    height: 350px;
}


.viewhide {
    font-family: 'Open Sans', Sans-serif;
    border: 0;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 10px;
    background-color: transparent;
    color: #000;
    cursor: pointer;
}

    .viewhide:hover {
        text-decoration: underline;
    }

.tickets {
    background-image: url(/ui/img/ticketing.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: 4px 7px;
    padding: 0px !important;
    color: #09a0ff !important;
}

    .tickets:hover {
        color: #fff !important;
        background-color: #09a0ff;
        background-image: url(/ui/img/ticketing_hover.png);
    }

    .tickets a {
        padding: 5px 5px 5px 20px !important;
        color: #09a0ff !important;
        display: block;
        height: 100%;
        width: 100%;
    }

        .tickets a:hover {
            color: #fff !important;
            text-decoration: none;
        }

.movielist div span > p {
    font-size: 13px;
    margin-bottom: 5px;
    padding-top: 5px;
    font-weight: 600;
}

.movielist div h2 {
    float: left;
    width: auto !important;
    font-family: 'PT Sans Narrow', Sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 120%;
    color: #000;
    width: 100%;
    margin-right: 4px;
    margin-bottom: 0px;
}

    .movielist div h2 span {
        color: #000;
        padding-left: 0px;
        float: none;
        font-size: 16px;
        margin-top: 0px;
    }

    .movielist div h2 a {
        color: #e54b00;
        font-weight: normal;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .movielist div h2 a:hover {
            color: #000;
        }

.movielist .showoptions h3 {
    float: none;
    font-family: 'Open Sans', Sans-serif;
    width: 100% !important;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding-top: 4px;
    color: #09a0ff;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-top: 1px solid #ecedef;
}

.searchbymovie .movielist .showoptions h3 {
    padding-top: 6px;
}


/* end showtimes nav **/

/* grey searchbox */
.greysearchbox {
    display: inline-block;
    line-height: 120%;
    font-weight: 300;
    text-align: left;
    color: #000;
    width: 100%;
    margin: 0px;
    margin-bottom: 5px;
    padding: 5px;
    background-color: #f8f8f8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .greysearchbox .filterbox {
        float: left;
        width: 100%;
        margin: 0px 10px 0px 10px;
    }

        .greysearchbox .filterbox label {
            float: left;
            font-size: 15px;
            color: #000;
            text-align: left;
            font-weight: normal;
            width: 25%;
            padding-top: 9px;
        }


        .greysearchbox .filterbox select {
            float: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            text-align: left;
            font-weight: 600;
            margin: 2px 0px 2px 10px;
            line-height: 150%;
        }

            .greysearchbox .filterbox select:focus {
                outline: 0;
                border-color: #4697e4;
            }

        .greysearchbox .filterbox select {
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            width: 67%;
        }

            .greysearchbox .filterbox select.arrow {
                background-image: url(/ui/img/selectarrow.png);
                background-repeat: no-repeat;
                background-position: right;
                background-size: 20px 7px;
            }



/* showtimes search box */

.searchshowtimes {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    background-color: #f8f8f8;
}

    /**
.searchshowtimes.searchbycitywrapper {
overflow: hidden;
}


.searchshowtimes.searchbycitywrapper h1 , .searchshowtimes.searchbytheatrewrapper h1 {
margin-bottom: 0px;
padding-bottom: 5px;
border-bottom: 1px solid #eaeaea;
width: 97%;
margin-left: 10px;
}

.searchshowtimes.searchbytheatrewrapper {
height: auto;
overflow: hidden;
}


.searchshowtimes .searchbycityleftcolumn {
float: left;	
width: 27%;
height: auto;
padding-top: 5px;
}




.searchshowtimes .searchbycityrightcolumn {
float: left;	
width: 68%;
height: auto;
margin-top: 0px;
margin-left: 10px;
padding-left: 10px;
padding-top: 5px;
border-left: 1px solid #e0e0e0;
}

.searchshowtimes .searchbycityrightcolumn select {
width: 80%;	
text-overflow:ellipsis;
}

.searchshowtimes .line {
position: relative;
float: left;
width: 1px;
margin-top: -5px;
}

.searchshowtimes .or {
margin-top: 18px;
margin-left: -8px;
width: 50px;
height: 50px;
background-image: url(/ui/img/or.png);
background-size: 38px 38px;
background-repeat: no-repeat;
}

.searchshowtimes .searchbycityrightcolumn label {
width: 14%;	
}

.searchshowtimes .searchbycityrightcolumn h1 {
margin-left: 49px;	
font-size: 25px;
margin-top: 5px;
}

.searchshowtimes .searchbycityrightcolumn .searchbutton {
margin-left: 52px;	
}

**/
    .searchshowtimes h1 {
        font-size: 25px;
        margin: 0px 0px 0px 0px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    /**
.searchshowtimes div {
margin-top: 10px;
height: 27px;
} 
**/

    .searchshowtimes label {
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: normal;
        width: 10%;
        padding-top: 6px;
        margin-left: 20px;
        text-align: left;
    }

    .searchshowtimes select {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        width: 85%;
        /* word-wrap: break-word; */
    }


        .searchshowtimes select.arrow {
            background-image: url(/ui/img/selectarrow.png);
            background-repeat: no-repeat;
            background-position: right;
            background-size: 20px 7px;
        }

    /*.searchshowtimes select {
outline: none;
-webkit-appearance: menulist; 
-moz-appearance: menulist; 
}
*/
    .searchshowtimes input[type=text] {
        font-family: 'Open Sans', sans-serif;
        width: 66%;
        height: 28px;
        color: #5d5d5d;
        padding: 4px;
        padding-left: 28px;
        margin-left: -15px;
        line-height: 1.428571429;
        background-color: #fff;
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: 4px -650px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        border-top: 1px solid #c9c5c5;
        border-left: 1px solid #c9c5c5;
        border-right: 1px solid #c9c5c5;
        border-bottom: 1px solid #c9c5c5;
        vertical-align: top;
    }

        .searchshowtimes input[type=text]:focus {
            outline: 0;
            border-color: #4697e4;
        }


    /**
.searchshowtimes.searchbytheatrewrapper .or {
margin-top: 38px;
}

**/

    .searchshowtimes .searchbutton {
        font-family: 'PT Sans Narrow', Sans-serif;
        font-size: 17px;
        line-height: 118%;
        padding: 4px 12px;
        font-weight: bold;
        color: #fff;
        background-color: #09a0ff;
        border: 0;
        border-radius: 3px;
        cursor: pointer;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .searchshowtimes .searchbutton-large {
        padding: 5px 35px;
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .searchshowtimes .searchbutton:hover {
        background-color: #0971ff;
    }


    .searchshowtimes .searchbutton:hover {
        background-color: #0971ff;
    }

    .searchshowtimes .searchbutton:active {
        background: #0971ff;
        -moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
        -webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
    }

    /* Use my location button */
    .searchshowtimes a.locationbutton {
        background-color: #1e8602;
        background-image: linear-gradient(to bottom,#25a503, #1e8602);
    }

        .searchshowtimes a.locationbutton:hover {
            background-image: linear-gradient(to bottom,#1e8602, #25a503);
        }

    .searchshowtimes .locationbutton:before {
        content: "";
        width: 17px;
        height: 50px;
        background: url(/ui/img/pin.png);
        background-color: #1f8b02;
        top: 0px;
        left: 0px;
        position: absolute;
        display: inline-block;
        background-repeat: no-repeat;
    }



    .searchshowtimes .locationbutton:hover {
        background-color: #197800;
    }

    /**

.searchshowtimes.searchbytheatrewrapper h1 {
font-size: 25px;
padding-top: 2px;
padding-bottom: 5px;
}

**/
    .searchshowtimes .postalcode {
        margin: 5px 0px 0px 5px;
        font-style: italic;
    }

    .searchshowtimes .instructions {
        font-family: 'PT Sans Narrow', Sans-serif;
        font-size: 16px;
        text-align: center;
        margin: 0 auto;
        margin-top: 0px;
    }

    .searchshowtimes .note {
        font-size: 12px;
        text-align: center;
        padding-top: 5px;
        margin-bottom: 1px;
        width: 80%;
        margin: 0 auto;
        padding-bottom: 5px;
    }

/* citylist grid */

ul.citylist {
    display: inline-block;
    padding-bottom: 8px;
}

    ul.citylist li {
        float: left;
        width: 225px;
        margin: 6px 6px 9px 0px;
        font-size: 14px;
        text-align: left;
        line-height: 145%;
        list-style: none;
    }

        ul.citylist li a {
            font-family: "PT Sans Narrow", Sans-serif;
            text-decoration: none;
            color: #000;
            font-size: 19px;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.citylist li a:hover {
                color: #ff5400;
            }

        ul.citylist li ul {
            float: left;
            margin-top: 0px;
            width: 100%;
        }

            ul.citylist li ul li {
                width: 100%;
            }

                ul.citylist li ul li a {
                    float: left;
                    font-family: 'Open Sans', Sans-serif;
                    text-decoration: none;
                    text-transform: none;
                    color: #ff5400;
                    font-size: 12px;
                    line-height: 12px;
                    padding-right: 5px;
                    margin: 0px 5px 5px 0px;
                    border-right: 1px solid #ff5400;
                    -moz-transition: all 0.5s ease;
                    -webkit-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

                    ul.citylist li ul li a:hover {
                        color: #000;
                        text-decoration: underline;
                    }

/* end citylist grid */

/* province citylist */

.locationblock {
    background-repeat: no-repeat;
    background-position: right center;
    ;
    background-color: #f8f8f8;
    padding: 15px;
    margin-bottom: 5px;
}

    .locationblock h1 {
        font-size: 28px;
        font-weight: bold;
        color: #09a0ff;
    }

        .locationblock h1 a {
            color: #09a0ff;
        }

    .locationblock p {
        font-size: 13px;
    }

        .locationblock p a {
            font-size: 13px;
            color: #e54b00;
            font-weight: normal;
        }

.searchbycity li {
    float: left;
    width: 50% !important;
}


.bottomblock {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .bottomblock .rightcolumn {
        float: left;
        width: 695px;
        margin-left: 10px;
        display: block;
    }

        .bottomblock .rightcolumn .popularsearchesheading {
            margin-top: 0px;
        }



        .bottomblock .rightcolumn ul.popularsearches {
            width: 100%;
        }

            .bottomblock .rightcolumn ul.popularsearches li {
                width: 100%;
                margin-right: 0;
            }

.bbbottom {
    float: left;
    margin-left: -20px;
    width: auto;
    background-image: none !important;
}

/** end of showtimes **/

/** Popular Searches **/



.popularsearchesheading {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

ul.popularsearches {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

    ul.popularsearches li {
        width: 100%;
        padding-bottom: 8px;
        text-align: left;
        line-height: 145%;
        border-bottom: 1px solid #f1f1f1;
    }

        ul.popularsearches li a {
            text-decoration: none;
            color: #000;
            font-size: 13px;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.popularsearches li a:hover {
                color: #0971ff;
                text-decoration: underline;
            }

        ul.popularsearches li span a {
            float: right;
            color: #0971ff;
            padding-right: 13px;
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: -49px -586px;
        }

/* end of popular search */

/* list view */

ul.contentlist {
    float: left;
}


    ul.contentlist.spacing {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    ul.contentlist li {
        padding-top: 5px;
        padding-bottom: 6px;
    }


        ul.contentlist li:nth-of-type(odd) {
            background-color: #f1f1f1;
            border-top: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        ul.contentlist li:first-child {
            border-top: 0px;
        }

        ul.contentlist li:last-child {
            border-bottom: 1px solid #f1f1f1;
            margin-bottom: 10px;
        }

    ul.contentlist .equalheight {
        width: 40%;
        padding: 3px 2px 5px 7px;
        font-weight: 300;
        height: auto !important;
    }


    ul.contentlist li img {
        display: none;
    }

    ul.contentlist .bbm img {
        margin-top: 17px;
    }

.headerwrapper {
    float: left;
    width: 75%;
    overflow: hidden;
    clear: both;
}

    .headerwrapper h2 {
        font-size: 23px;
        margin-bottom: 12px;
    }




ul.contentlist {
    width: 100%;
}

    ul.contentlist li {
        width: 100%;
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        line-height: 145%;
        margin-bottom: 0px;
        padding-bottom: 6px;
        padding-top: 10px;
    }

        ul.contentlist li a {
            text-decoration: none;
        }


.grey {
    background-color: #f8f8f8;
    border-bottom: 1px solid #f1f1f1;
}



ul.contentlist li a span {
    float: left;
    width: 100%;
    text-decoration: none;
    color: #ff5400;
    font-weight: 600 !important;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}

ul.contentlist li a:hover span {
    color: #000;
    text-decoration: none;
}


ul.contentlist li a.showtimesactive {
    background-color: #09a0ff;
}

ul.contentlist li .stars {
    width: 14%;
    float: left;
    text-decoration: none;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    margin-left: 8px;
}

ul.contentlist li .publisher {
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    color: #000;
    margin-left: 5px;
}

ul.contentlist li .stars img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 15px;
    width: 70px;
}

ul.contentlist li .stars a {
    padding: 0;
    min-height: 100%;
    width: 100%;
}

    ul.contentlist li .stars a img {
        border: 0;
        padding: 0;
    }

ul.contentlist li .trailer {
    float: left;
    width: 65px;
    display: block;
    padding: 2px 2px 2px 2px;
    margin-left: 20px;
}

    ul.contentlist li .trailer a {
        font-weight: normal;
        text-decoration: none;
        color: #000;
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: -3px -219px;
        padding-left: 17px;
    }

        ul.contentlist li .trailer a:hover {
            color: #0971ff;
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: -112px -219px;
        }

ul.contentlist li .synopsis {
    float: left;
    width: 70px;
    padding: 2px 2px 2px 2px;
    margin-left: 20px;
}

    ul.contentlist li .synopsis a {
        font-weight: normal;
        color: #000;
        text-decoration: none;
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: -4px -244px;
        padding-left: 17px;
    }

        ul.contentlist li .synopsis a:hover {
            color: #0971ff;
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: -83px -244px;
        }

ul.contentlist li .showtimes {
    float: left;
    width: 85px;
    font-weight: normal;
    margin-left: 20px;
    padding: 2px 2px 2px 2px;
}

    ul.contentlist li .showtimes a {
        color: #000;
        background-image: url(/ui/img/iconx2.png);
        background-repeat: no-repeat;
        background-position: -4px -273px !important;
        background-size: 160px 950px;
        padding-left: 17px;
        text-decoration: none;
    }

        ul.contentlist li .showtimes a:hover {
            color: #0971ff;
            background-image: url(/ui/img/iconx2.png);
            background-position: -114px -273px !important;
            background-size: 160px 950px;
            background-repeat: no-repeat;
        }

        ul.contentlist li .synopsis a span, ul.contentlist li .showtimes a span, ul.contentlist li .trailer a span {
            display: none;
        }




/* Filter for thumbnail and list view */

#switchview {
    float: right;
    width: 9%;
    margin-top: 2px;
    margin-bottom: 10px;
    padding-left: 90px;
    background-image: url(/ui/img/changeview.jpg);
    background-repeat: no-repeat;
    background-position: left center;
}

    #switchview .listview {
        float: left;
        background-color: #f8f8f8;
        width: 30px;
        height: 30px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: 0px -879px;
    }

        #switchview .listview:hover {
            cursor: pointer;
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: -77px -879px;
        }


        #switchview .listview.active {
            background-color: #09a0ff;
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: -134px -879px;
            border-right: 1px solid #0e8ddd;
        }

    #switchview .thumbnailview {
        float: left;
        background-color: #f8f8f8;
        width: 30px;
        height: 30px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: 0px -852px;
    }

        #switchview .thumbnailview:hover {
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: -77px -852px;
            cursor: pointer;
        }

        #switchview .thumbnailview.active {
            background-color: #09a0ff;
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: -134px -852px;
        }

/* end of filter */

/* filter box */

.filtersearchbox {
    float: left;
    margin: 0;
    margin-bottom: 10px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    background-color: #f8f8f8;
    width: 100%;
}

    .filtersearchbox .heading {
        font-size: 25px;
        padding: 5px 0px 0px 0px;
        line-height: 100%;
        margin-bottom: 4px;
    }

    .filtersearchbox .filterbox {
        float: left;
        width: 212px;
        margin-left: 14px;
        padding-bottom: 5px;
    }

        .filtersearchbox .filterbox .checkboxwrapper {
            padding-top: 5px;
        }


        .filtersearchbox .filterbox.comingsoon {
            width: 47%;
        }

        .filtersearchbox .filterbox.dvd {
            width: 77%;
        }

        .filtersearchbox .filterbox.dvdreleases {
            width: 47%;
            margin-top: 5px;
        }

    .filtersearchbox .button {
        margin-top: 20px;
    }


    .filtersearchbox input[type="checkbox"] {
        float: left;
        height: 13px;
        -webkit-appearance: checkbox;
        -moz-appearance: checkbox;
    }

    .filtersearchbox input[type=text] {
        float: left;
        font-family: 'Open Sans', sans-serif;
        width: 84%;
        color: #5d5d5d;
        padding: 4px;
        margin-left: 15px;
        line-height: 1.428571429;
        background-color: #fff;
        background-position: left;
        border: 1px solid #c9c5c5;
        vertical-align: top;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

.searchinput {
    margin-bottom: 0px;
}

.searchshowtimes input[type=text]:focus {
    outline: 0;
    border-color: #4697e4;
}

.filtersearchbox .filterbox label {
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    width: auto;
    margin-right: 10px;
    margin-bottom: 2px;
    line-height: 150%;
}

.filtersearchbox .filterbox .header {
    font-size: 13px;
    text-align: left;
    font-weight: 600;
    width: 100%;
    line-height: 150%;
}

.filtersearchbox .filterbox > select {
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    text-align: left;
    font-weight: 600;
    margin-top: 3px;
    line-height: 150%;
}

.filtersearchbox .filterbox select:focus {
    outline: 0;
    border-color: #4697e4;
}

.filtersearchbox .filterbox select {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    width: 98% !important;
    background-size: 20px 7px;
}

    .filtersearchbox .filterbox select.arrow {
        background-image: url(/ui/img/selectarrow.png);
        background-repeat: no-repeat;
        background-position: right;
    }

/* thumbnail view */

ul.gridview {
    width: 100%;
    float: left;
}

    ul.gridview li {
        float: left;
        width: 160px;
        font-size: 13px;
        font-weight: 600;
        line-height: 130%;
        background-color: #f8f8f8;
        margin-left: 17px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        overflow: hidden;
    }

    ul.gridview.spacing {
        margin-top: 10px;
    }

    ul.gridview .grey {
        border: 0px;
    }

    ul.gridview .equalheight {
        float: left;
        width: 93%;
        min-height: 25px;
        text-align: center;
        text-decoration: none;
        padding: 4px 5px 5px 6px !important;
    }

    ul.gridview li a span {
        float: left;
        width: 93%;
        min-height: 25px;
        text-align: center;
        text-decoration: none;
        font-weight: 600 !important;
        color: #ff5400;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        word-break: keep-all;
    }


    ul.gridview li a:hover span {
        color: #000;
    }


    ul.gridview li span a {
        float: left;
        width: 93%;
        min-height: 25px;
        text-align: center;
        text-decoration: none;
        color: #ff5400;
    }


    ul.gridview li img {
        width: 100% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 236px;
        border: solid 1px transparent;
    }

        ul.gridview li img .img-responsive {
            float: left;
        }

    ul.gridview li a img {
        width: 100% !important;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: solid 1px transparent;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        ul.gridview li a img:hover {
            border: solid 1px #0aa0ff;
        }



    ul.gridview li a {
        text-decoration: none;
    }

        ul.gridview li a:hover {
            color: #000;
        }

        ul.gridview li a.showtimesactive {
            background-color: #09a0ff;
        }

    ul.gridview li .stars {
        float: left;
        width: 100%;
        text-decoration: none;
        margin-bottom: 3px;
        height: 20px;
    }



        ul.gridview li .stars img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            height: 15px;
            width: 70px !important;
        }

        ul.gridview li .stars a {
            padding: 0;
            width: 100%;
        }

            ul.gridview li .stars a img {
                border: 0;
                padding: 0;
            }

.dvdcontent ul.gridview li .trailer a, .dvdcontent ul.gridview li .synopsis a {
    width: 50%;
}

ul.gridview li .trailer a {
    float: left;
    width: 33%;
    text-indent: -9999px;
    height: 25px;
    padding: 0;
    background-image: url(/ui/img/trailer-gridview.png);
    background-repeat: no-repeat;
    background-position: center;
}

    ul.gridview li .trailer a:hover {
        background-image: url(/ui/img/trailer-gridview-hover.png);
    }

ul.gridview li .showtimes a {
    float: left;
    width: 33%;
    text-indent: -9999px;
    height: auto;
    padding: 0;
    background-image: url(/ui/img/showtimes-gridview.png);
    background-repeat: no-repeat;
    background-position: center;
}

    ul.gridview li .showtimes a:hover {
        background-image: url(/ui/img/showtimes-gridview-hover.png);
    }

ul.gridview li .synopsis a {
    float: left;
    width: 33%;
    text-indent: -9999px;
    height: auto;
    padding: 0;
    background-image: url(/ui/img/synopsis-gridview.png);
    background-repeat: no-repeat;
    background-position: center;
}

    ul.gridview li .synopsis a span, ul.gridview li .showtimes a span, ul.gridview li .trailer a span {
        display: none;
    }


    ul.gridview li .synopsis a:hover {
        background-image: url(/ui/img/synopsis-gridview-hover.png);
    }

.equalheight {
    float: left;
    cursor: pointer;
}

/* blue bar to seperate lists */



.seperatorbar {
    font-family: 'Open Sans', Sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    color: #000;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0px 10px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


/** contests **/

.contests {
}

.contestsentrycol {
    padding-top: 10px;
}

.noheadingcol, .puzzlecol {
    padding-top: 0px;
}

.contests .subtitle {
    float: left;
    font-size: 13px;
    line-height: 130%;
    color: #fff;
    padding: 4px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #25a503;
}

.contestsheaderwrapper {
    float: left;
    width: 60%;
    margin-top: 5px;
    overflow: hidden;
    clear: both;
}


ul.contestslist {
}

    ul.contestslist li {
        margin-bottom: 8px;
        padding: 8px;
        display: block;
        clear: both;
        background-color: #f8f8f8;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #fff;
        border-radius: 3px;
        cursor: pointer;
        overflow: hidden;
    }

        ul.contestslist li:hover {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border: 1px solid #25a503;
        }

    ul.contestslist .contestwinners:hover {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #fff !important;
        cursor: auto;
    }

    ul.contestslist li a {
        text-decoration: none;
        color: #000000;
    }

    ul.contestslist li div {
        width: 100%;
        clear: both;
    }

    ul.contestslist li img {
        float: left;
        margin-right: 10px;
    }

    ul.contestslist li h3 {
        font-family: 'Open Sans', sans-serif;
        color: #25a503;
        line-height: 130%;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    ul.contestslist p {
        margin-bottom: 3px;
    }

.contestslist li .contentwrapper {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}

.contests .contestsbutton {
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 21px;
    line-height: 120%;
    margin: 0 auto;
    width: 130px;
    padding: 6px 10px 6px 10px;
    font-weight: bold;
    color: #fff !important;
    border: 0;
    background-color: #25a503;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 1px 1px 1px #0e4400;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


    .contests .contestsbutton:hover {
        background-color: #197800;
    }

    .contests .contestsbutton:active {
        background: #197800;
        -moz-box-shadow: inset 0 0 4px 3px #166b00, 0 1px 0 0 #fff;
        -webkit-box-shadow: inset 0 0 4px 3px #166b00, 0 1px 0 0 #fff;
    }




/* rss and contest winners buttons */

ul.contesttopnav {
    width: 208px;
    float: right;
    margin-top: 12px;
}

    ul.contesttopnav li {
        font-size: 13px;
        text-align: center;
        line-height: 145%;
        margin-bottom: 0px;
    }

        ul.contesttopnav li a {
            float: left;
            text-decoration: none;
            padding: 5px 10px 5px 10px;
            color: #ff5400;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-right: 1px solid #fff;
            -webkit-transition: background-color 250ms linear;
            -moz-transition: background-color 250ms linear;
            -o-transition: background-color 250ms linear;
            -ms-transition: background-color 250ms linear;
            transition: background-color 250ms linear;
            background-color: #f8f8f8;
        }

            ul.contesttopnav li a:hover {
                color: #fff;
                background-color: #ff5400;
            }

            ul.contesttopnav li a.rss {
                padding-left: 20px !important;
                border-bottom-left-radius: 3px;
                border-top-left-radius: 3px;
                background-image: url(/ui/img/icon.png);
                background-repeat: no-repeat;
                background-position: 1px -189px;
            }

            ul.contesttopnav li a:hover.rss {
                background-image: url(/ui/img/icon.png);
                background-position: -143px -189px;
            }

            ul.contesttopnav li a.winners {
                border-bottom-right-radius: 3px;
                border-top-right-radius: 3px;
            }

.captcha {
    background-color: #f9f9f9;
}

    .captcha input[type=text] {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 10px;
    }

form#rateform .captchawrap .captcha {
    background: #ededed;
}

form#rateform .captchawrap .captcha {
    float: right;
    width: 350px;
}

form#rateform .captchawrap .realperson-text {
    margin-top: 10px;
}
/* end */

/* green message box */

.contestsmessagebox {
    float: left;
    width: 100%;
    background-color: #25a503;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 10px;
    padding: 8px;
}

    .contestsmessagebox p {
        font-size: 14px;
        line-height: 140%;
        color: #fff;
        margin-bottom: 0px;
        font-weight: 600;
    }


/* offset blackbox  **/

.offset-blackbox {
    margin-left: -20px;
    margin-top: 15px;
}


.mainvidlist-height li {
    margin-bottom: 0px;
}

.invidad-nooffset {
    margin-bottom: 0px !important;
}

    .invidad-nooffset div {
        padding-bottom: 0;
    }

/* video list */

.vidlistcol {
    float: left;
    width: 830px;
    margin-left: 15px;
    overflow: hidden;
}

ul.vidlist h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 3px;
}

ul.vidlist {
    float: left;
}

    ul.vidlist li {
        position: relative;
        float: left;
        display: inline-block;
        width: 196px;
        font-size: 13px;
        line-height: 130%;
        margin-left: 15px;
        background-color: #f8f8f8;
        border-radius: 2px;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        overflow: hidden;
    }

    ul.vidlist.trailer {
        margin: 15px 0px;
    }

    ul.vidlist li:hover {
        background-color: #09a0ff;
    }


        ul.vidlist li:hover a span {
            color: #fff;
        }

    ul.vidlist li a span {
        float: none !important;
        font-weight: 600;
        margin: 0 auto;
        display: block;
        padding: 5px 5px 10px 5px;
        min-height: 30px;
        text-align: center;
        text-decoration: none;
        color: #ff5400;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }


    ul.vidlist li p {
        font-weight: normal;
        font-size: 12px;
        color: #000;
        text-align: center;
    }

    ul.vidlist li:hover p {
        color: #fff;
    }



    ul.vidlist li img {
        width: 100% !important;
    }

    ul.vidlist li a {
        text-decoration: none;
    }

        ul.vidlist li a:hover {
            color: #fff;
        }

    ul.vidlist li strong {
        font-weight: 600;
    }

    ul.vidlist li .tile {
        opacity: 1;
        background: url(/ui/img/playicon.png) center center no-repeat #000;
        cursor: pointer;
        height: 97px;
        width: 100%;
        position: absolute;
        z-index: 10;
        opacity: 0;
        padding-left: 0;
        padding-right: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background-size: 55px 55px;
    }

    ul.vidlist li:hover .tile {
        opacity: .7;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    ul.vidlist .imageclip {
        height: 110px;
        overflow: hidden;
        padding: 0px;
    }

        ul.vidlist .imageclip img {
            margin-top: -20px;
        }




/* rate theatre page */

.theatreratings {
    display: inline-block;
    width: 100%;
}

    .theatreratings span {
        display: inline-block;
        margin-top: 2px;
        margin-bottom: 3px;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        width: 49%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .theatreratings span p {
            float: left;
            font-size: 13px;
            width: 150px;
            padding-top: 3px;
            margin-bottom: 0px;
        }

        .theatreratings span img {
            margin: 3px 0px 0px 5px;
            width: 80px;
        }

    .theatreratings h3 {
        font-family: 'Open Sans', Sans-serif;
        font-size: 14px;
        font-weight: 600;
        margin-top: 5px;
        margin-bottom: 0px;
        color: #000;
    }

.ratetheatrecol {
    padding-right: 0px;
    margin-top: 15px;
}

    .ratetheatrecol h1 {
        margin-bottom: 10px;
    }

.ratetheatre {
    margin-top: 2px;
    margin-bottom: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .ratetheatre .rateit button.rateit-reset {
        display: block !important;
    }

    .ratetheatre span {
        display: inline-block;
        background-color: #797979;
        margin-top: 2px;
        margin-bottom: 1px;
        color: #000;
        font-size: 14px;
        width: 335px;
        padding: 5px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-decoration: none;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .ratetheatre span p {
            float: left;
            font-size: 14px;
            width: 60%;
            padding-left: 5px;
            margin-bottom: 0px;
            color: #fff;
        }

.theatrereviews {
    margin-top: 5px;
}

    .theatrereviews h2 {
        margin-bottom: 10px;
    }

    .theatrereviews .header {
        float: left;
        font-size: 14px;
        width: auto;
        margin-right: 5px;
    }


.reviewbox {
    background-color: #f9f9f9;
    width: 100%;
    display: inline-block;
    padding: 10px;
    margin: 1px 0px 10px 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .reviewbox .columnleft {
        float: left;
        width: 65%;
        padding-right: 15px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .reviewbox .columnright {
        float: right;
        width: 35%;
    }

    .reviewbox h2 {
        font-family: 'Open Sans', Sans-serif;
        font-size: 20px;
        font-weight: 600;
        color: #09a0ff;
    }


    .reviewbox ul.reviewscore {
    }

        .reviewbox ul.reviewscore li {
            float: left;
            display: block;
            width: 100%;
            border-bottom: 1px solid #efeeee;
            margin: 3px 0px 4px 0px;
            height: 18px;
            overflow: hidden;
        }

            .reviewbox ul.reviewscore li:first-child {
                margin-top: 2px;
            }


        .reviewbox ul.reviewscore img {
            width: 70px;
        }

        .reviewbox ul.reviewscore p {
            font-family: 'Open Sans', sans-serif;
            float: left;
            width: 69%;
            line-height: 130%;
            font-size: 12px;
            font-weight: normal;
            text-align: left;
            vertical-align: text-top;
        }

.overallrating {
    padding-bottom: 5px;
}

    .overallrating p {
        float: left;
        font-size: 15px;
        font-weight: 600;
        margin-right: 39px;
    }

    .overallrating img {
        float: right;
        width: 90px;
        padding-top: 3px;
    }

/* theatre sorting button */

.theatresortbutton {
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 145%;
    margin-bottom: 8px;
    text-transform: none;
}

    .theatresortbutton a {
        color: #ff5400;
        padding: 5px 10px 5px 10px;
        margin-left: 2px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #f9f9f9;
        text-decoration: none;
    }


        .theatresortbutton a:hover {
            color: #fff;
            background-color: #ff5400;
        }

        .theatresortbutton a.date {
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: -78px -129px;
            padding-left: 25px;
            -webkit-transition: background-color 0.5s linear;
            -moz-transition: background-color 0.5s linear;
            -o-transition: background-color 0.5s linear;
            -ms-transition: background-color 0.5s linear;
            transition: background-color 0.5s linear;
        }

            .theatresortbutton a.date:hover {
                background-image: url(/ui/img/icon.png);
                background-position: 5px -129px;
            }

        .theatresortbutton a.rating {
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: -78px -157px;
            padding-left: 25px;
            -webkit-transition: background-color 0.5s linear;
            -moz-transition: background-color 0.5s linear;
            -o-transition: background-color 0.5s linear;
            -ms-transition: background-color 0.5s linear;
            transition: background-color 0.5s linear;
        }

            .theatresortbutton a.rating:hover {
                background-image: url(/ui/img/icon.png);
                background-position: 5px -157px;
            }

    .theatresortbutton .rating {
        float: none;
        margin: 0;
        margin-left: 5px;
        font: inherit;
    }


.theatre .greenbutton {
    float: left;
    font-family: 'Open Sans', Sans-serif;
    font-size: 12px;
    margin: -1px 0px 0px 10px;
    line-height: 20px;
    width: auto;
    padding: 1px 4px 1px 4px;
    font-weight: 600;
    color: #fff !important;
    border: 0;
    height: auto;
    background-color: #25a503;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


/* subpages with no header bar */

.noheadingcol .subtitle {
    font-size: 14px;
    margin-bottom: 10px;
}

.noheadingcol h1 {
    margin-bottom: 5px !important;
}

/* blue search box */

.bluesearchbox {
    float: left;
    margin: 0;
    margin-bottom: 10px;
    padding: 8px 0px 8px 0px;
    text-align: center;
    background-color: #09a0ff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 100%;
}

    .bluesearchbox .filterbox {
        float: left;
        width: 100%;
        margin-left: 10px;
    }

        .bluesearchbox .filterbox > label {
            float: left;
            font-family: 'PT Sans Narrow', sans-serif;
            font-size: 18px;
            color: #fff;
            text-align: left;
            font-weight: 600;
            width: 55%;
            line-height: 165%;
            vertical-align: middle;
        }

        .bluesearchbox .filterbox > input {
            border: none;
            color: #5d5d5d;
            margin: 2px 0px 1px 4px;
            padding-left: 8px;
            height: 21px;
            float: left;
            width: 260px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
        }

        .bluesearchbox .filterbox .searchbutton {
            float: left;
            font-family: 'PT Sans Narrow', Sans-serif;
            font-size: 17px;
            margin-top: 1px;
            margin-left: 5px;
            line-height: 20px;
            height: 29px;
            width: 74px !important;
            padding: 2px 0px 3px 0px;
            font-weight: bold;
            color: #fff !important;
            border: 0;
            background-color: #25a503;
            display: block;
            outline: none;
            cursor: pointer;
            text-align: center;
            text-decoration: none;
            padding-top: 0px;
            padding-bottom: 0px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            text-shadow: 1px 1px 1px #0e4400;
            -moz-transition: all 0.4s ease;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

            .bluesearchbox .filterbox .searchbutton:hover {
                background-color: #197800;
            }

            .bluesearchbox .filterbox .searchbutton:active {
                background: #197800;
                -moz-box-shadow: inset 0 0 4px 3px #166b00, 0 0px 0 0 #fff;
                -webkit-box-shadow: inset 0 0 9px 3px #166b00, 0 0px 0 0 #fff;
            }



/* Tooltips!  */


.showtimestooltip {
    border-radius: 5px;
    background: rgba(0, 110, 179, 0.9);
    color: #fff;
    margin-top: 5px;
}
    /* Use this next selector to style things like font-size and line-height: */
    .showtimestooltip .tooltipster-content {
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 10px;
    }
/* .showtimes .tooltipster-arrow {
display: none;	
} */

.tooltipster-default {
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    margin-top: 5px;
}



    /* Use this next selector to style things like font-size and line-height: */
    .tooltipster-default .tooltipster-content {
        font-family: inherit;
        font-size: 13px;
        line-height: 16px;
        padding: 8px 10px;
        overflow: hidden;
    }

    /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
    .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
        /* border-color: ... !important; */
    }


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}


/* This is the base styling required to make all Tooltipsters work */

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

    .tooltipster-base .tooltipster-content {
        overflow: hidden;
    }


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: -1;
}

    .tooltipster-arrow span, .tooltipster-arrow-border {
        display: block;
        width: 0;
        height: 0;
        position: absolute;
    }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
    right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-fall-show {
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

    .tooltipster-slide.tooltipster-slide-show {
    }

    .tooltipster-slide.tooltipster-dying {
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -o-transition-property: all;
        -ms-transition-property: all;
        transition-property: all;
        left: 0px !important;
        opacity: 0;
    }


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

/* end */

/* error state box */

.errorstate {
    border: 1px solid #dc4f58;
    background-color: #ed6f70;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 8px !important;
    color: #fff;
    background-image: url(/ui/img/warning.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 80px 50px;
}

    .errorstate p {
        font-size: 14px;
        margin-bottom: 0px;
        margin-top: 5px;
        background-repeat: no-repeat;
    }

    .errorstate h2 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 0px;
    }

.validationerror {
    color: #fff;
    width: 100%;
    display: none;
}



    .validationerror p {
        font-size: 13px !important;
        width: auto !important;
        margin: 5px 0px 5px 0px !important;
        padding: 5px !important;
        padding-left: 25px !important;
        color: #fff;
        background-color: #ed6f70;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        display: inline-block !important;
        background-repeat: no-repeat;
        background-image: url(/ui/img/icon.png);
        background-position: -80px -822px;
    }

/* user reviews */

.starbox {
    float: left;
    margin-bottom: 5px;
    display: block;
    margin-top: 5px;
    background-color: #f8f8f8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: inset -1px -1px 24px 0px rgba(220,220,220,0.58);
    -moz-box-shadow: inset -1px -1px 24px 0px rgba(220,220,220,0.58);
    box-shadow: inset -1px -1px 24px 0px rgba(220,220,220,0.58);
}

.ratespacing {
    margin-top: 4px;
}

.starbox .boxleft {
    float: left;
    font-family: 'PT Sans Narrow', Sans-serif;
    width: 205px;
    height: auto;
    padding: 8px;
    margin-left: 1px;
    overflow: hidden;
}

.starbox .boxright {
    float: left;
    width: 300px;
    height: 126px;
    padding: 8px;
    margin-left: 1px;
    overflow: hidden;
}

.starbox .currentrating img {
    width: 110px;
    margin-top: 4px;
}

.starbox p {
    font-size: 20px;
    color: #ff5400 !important;
    font-weight: 600;
    margin: 2px 0px 0px 0px;
}


.starbox .middle {
    font-size: 16px;
    line-height: 120%;
    color: black !important;
    font-weight: normal;
    margin: 0px 0px 2px 0px;
}

ul.reviewscore {
}

    ul.reviewscore li {
        float: left;
        display: block;
        width: 97%;
        border-bottom: 1px solid #efeeee;
        margin: 3px 0px 4px 0px;
        height: 18px;
        overflow: hidden;
    }

        ul.reviewscore li:first-child {
            margin-top: 2px;
        }

    ul.reviewscore .stars {
        width: 50%;
        text-align: left;
    }

        ul.reviewscore .stars img {
            width: 70px;
        }

    ul.reviewscore span {
        font-family: 'Open Sans', sans-serif;
        float: left;
        width: 50%;
        line-height: 130%;
        font-size: 13px;
        font-weight: 600;
        text-align: right;
        vertical-align: text-top;
    }

.greenbutton {
    float: left;
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 17px;
    margin-top: 7px;
    line-height: 20px;
    height: auto;
    width: auto;
    padding: 5px 8px 5px 8px;
    font-weight: bold;
    color: #fff !important;
    border: 0;
    background-color: #25a503;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .greenbutton:hover {
        background-color: #197800;
        text-decoration: none;
    }

    .greenbutton:active {
        background: #197800;
        -moz-box-shadow: inset 0 0 4px 3px #166b00, 0 0px 0 0 #fff;
        -webkit-box-shadow: inset 0 0 9px 3px #166b00, 0 0px 0 0 #fff;
    }





ul.userreviews li {
    color: #000;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 8px;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: left;
}


    ul.userreviews li:last-child {
        margin-bottom: 15px;
    }

    ul.userreviews li .stars {
        float: right;
        width: 100%;
        text-align: left;
    }

        ul.userreviews li .stars img {
            margin: 0px 0px 3px 0px;
            width: 90px;
        }

.comment {
    padding-left: 32px;
    background-image: url(/ui/img/icon.png);
    background-repeat: no-repeat;
    background-position: -125px -89px;
}


.reviewsheader h2 {
    margin-bottom: 5px;
    font-size: 24px;
    color: #000;
}

.reviewsheader p {
    margin-bottom: 8px;
}
/* blue box for layout */

.bluebox {
    margin: 0;
    margin: 2px 0px 10px 0px;
    padding: 8px;
    background-color: #09a0ff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .bluebox h2 {
        font-size: 23px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 5px;
    }

    .bluebox p {
        color: #fff;
        margin-bottom: 0px;
    }



/* shelf seperators */

.largeshelf {
    background-image: url(/ui/img/largeshelf.jpg);
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain; /* Firefox 3.6 */
    background-position: contain;
}

.mediumshelf {
    background-image: url(/ui/img/largeshelf.jpg);
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain; /* Firefox 3.6 */
    background-position: contain;
}

.fullpageseperator {
    width: 99%;
    margin: 3px 0px 7px 0px !important;
}

/* rate box */

.ratebox {
    display: inline-block;
    padding-top: 0px !important;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #fff;
}

    .ratebox label {
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        font-weight: normal;
        color: #000;
        width: 100%;
        padding: 3px 0px 5px 0px !important;
        margin-top: 4px !important;
    }

    .ratebox h2 {
        font-family: 'PT Sans Narrow', Sans-serif;
        font-size: 26px;
        color: #09a0ff;
        margin-bottom: 5px;
    }

    .ratebox .pencil {
        padding-left: 25px;
        background-image: url(/ui/img/icon.png);
        background-position: -130px -622px;
        background-repeat: no-repeat;
    }

    .ratebox .rating img {
        width: 120px;
    }

/* Large Form */

.lrgform {
    padding: 10px;
    margin-bottom: 5px;
    background-color: #f8f8f8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .lrgform > div {
        clear: both;
        overflow: hidden;
        padding: 2px 0px 4px 0px;
    }

        .lrgform > div > fieldset > div > div {
            margin: 0 0 5px 0;
        }

        .lrgform > div > label, legend {
            float: left;
            font-family: 'Open Sans', sans-serif;
            font-size: 15px;
            font-weight: normal;
            color: #000;
            width: 100%;
            padding: 3px 0px 2px 0px;
        }

    .lrgform .warning {
        padding: 7px 0px 5px 0px;
    }

        .lrgform .warning p {
            font-size: 12px;
            color: #000;
            margin-bottom: 0px;
        }

    .lrgform > div > div > a {
        display: block;
        padding: 7px 0px 3px 0px;
    }

    .lrgform > div > label > span {
        float: left;
        font-size: 10px;
        font-weight: normal;
        margin-top: 5px;
        width: 100%;
    }

    .lrgform > div > div,
    .lrgform > div > fieldset > div {
        width: 100%;
        float: left;
    }

    .lrgform fieldset {
        border: 0;
        padding: 0;
    }

    .lrgform > div > fieldset label {
        font-size: 15px;
        line-height: 150%;
    }

    .lrgform textarea {
        font-family: 'Open Sans', sans-serif;
        margin-top: 8px;
        font-size: 15px;
        width: 100%;
        padding: 7px 0px 7px 9px !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        box-sizing: border-box;
    }

    .lrgform input[type=text],
    .lrgform input[type=email],
    .lrgform input[type=url],
    .lrgform input[type=password] {
        font-family: 'Open Sans', sans-serif;
        margin-top: 8px;
        font-size: 14px;
        width: 100%;
        padding: 7px 0px 7px 9px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        box-sizing: border-box;
    }

        .lrgform input[type=text]:focus,
        .lrgform input[type=email]:focus,
        .lrgform input[type=url]:focus,
        .lrgform input[type=password]:focus,
        .lrgform textarea:focus,
        .lrgform select:focus {
            outline: 0;
            border-color: #4697e4;
        }


    .lrgform h2 {
        font-family: 'PT Sans Narrow', Sans-serif;
        font-size: 26px;
        line-height: 100%;
        color: #09a0ff;
        margin-bottom: 5px;
    }

    .lrgform .formlabel {
        padding-left: 10px;
    }

    .lrgform h4 {
        font-family: 'PT Sans Narrow', Sans-serif;
        font-size: 26px;
        color: #09a0ff;
        padding-left: 28px;
        background-image: url(/ui/img/icon.png);
        background-position: -127px -626px;
        background-repeat: no-repeat;
    }

    .lrgform .consent {
        margin: 2px 0px 5px 0px;
    }

        .lrgform .consent p {
            display: block;
            margin: 0 auto;
            padding-top: 2px;
        }

        .lrgform .consent label {
            color: #000;
            font-size: 13px;
            font-weight: normal;
            margin-left: 4px;
            width: 95%;
            line-height: 150%;
            padding-top: 2px;
            padding-bottom: 3px;
        }

        .lrgform .consent input[type=text] {
            float: left;
            height: 32px;
            padding-top: 6px;
            margin-top: 0px;
            margin-bottom: 8px;
            box-sizing: border-box;
        }

        .lrgform .consent .emailwrapper {
            margin-top: 2px;
        }

        .lrgform .consent label.emailaddress {
            float: left;
            color: #000;
            font-size: 14px;
            font-weight: normal;
            margin-top: 0px;
            margin-left: 4px;
            width: 100%;
            line-height: 150%;
            padding-bottom: 4px;
        }

            .lrgform .consent label.emailaddress span {
                font-size: 13px;
            }

        .lrgform .consent .checkbox {
            float: left;
        }

    .lrgform input[type="checkbox"] {
        vertical-align: text-bottom;
        margin-top: 4px;
        -webkit-appearance: checkbox;
        -moz-appearance: checkbox;
    }

    .lrgform input[type="radio"] {
        vertical-align: bottom;
        margin-top: 4px;
        -webkit-appearance: radio;
        -moz-appearance: radio;
    }

form#rateform {
    margin-top: 5px;
}




/* large submit button */

.bluesubmitbutton_large {
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 19px;
    padding: 7px 18px 7px 18px;
    margin: 0px 0px 3px 0px;
    width: 35%;
    font-weight: bold;
    color: #fff;
    background-color: #09a0ff;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    ` transition: all 0.4s ease;
}

    .bluesubmitbutton_large:hover {
        background-color: #0971ff;
    }

    .bluesubmitbutton_large:active {
        background: #0971ff;
        -moz-box-shadow: inset 0 0 4px 3px #0c60d3, 0 1px 0 0 #ebedef;
        -webkit-box-shadow: inset 0 0 4px 3px #0c60d3, 0 1px 0 0 #ebedef;
    }

.btn-block {
    width: 100%;
}

.greybutton_large {
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 18px;
    padding: 7px 18px 7px 18px;
    margin: 0px 0px 3px 0px;
    width: 20%;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    ` transition: all 0.4s ease;
}

    .greybutton_large:hover {
        background-color: #000;
    }

    .greybutton_large:active {
        background: #000;
        -moz-box-shadow: inset 0 0 4px 3px #000, 0 1px 0 0 #ebedef;
        -webkit-box-shadow: inset 0 0 4px 3px #000, 0 1px 0 0 #ebedef;
    }


/* rate movie stars */

.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    cursor: pointer;
    margin-top: 2px;
}

    .rateit .rateit-range {
        position: relative;
        display: -moz-inline-box;
        display: inline-block;
        background: url(/ui/img/star.png);
        height: 16px;
        outline: none;
    }

        .rateit .rateit-range * {
            display: block;
        }

    /* for IE 6 */
    * html .rateit, * html .rateit .rateit-range {
        display: inline;
    }

        /* for IE 7 */
        * + html .rateit, * + html .rateit .rateit-range {
            display: inline;
        }

            .rateit .rateit-hover, .rateit .rateit-selected {
                position: absolute;
                left: 0px;
            }

            .rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl {
                left: auto;
                right: 0px;
            }

            .rateit .rateit-hover {
                background: url(/ui/img/star.png) left -32px;
            }

            .rateit .rateit-hover-rtl {
                background-position: right -32px;
            }

            .rateit .rateit-selected {
                background: url(/ui/img/star.png) left -16px;
            }

            .rateit .rateit-selected-rtl {
                background-position: right -16px;
            }

            .rateit .rateit-preset {
                background: url(/ui/img/star.png) left -48px;
            }

            .rateit .rateit-preset-rtl {
                background: url(/ui/img/star.png) left -48px;
            }

.ratetheatre .rateit button.rateit-reset {
    margin-right: 3px;
}

.rateit button.rateit-reset {
    background: url(/ui/img/delete.png) 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

    .rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus {
        background-position: 0 -16px;
    }


div.bigstars div.rateit-range {
    background: url(/ui/img/star-white32.png);
    height: 32px;
}

div.bigstars div.rateit-hover {
    background: url(/ui/img/star-gold32.png);
}

div.bigstars div.rateit-selected {
    background: url(/ui/img/star-red32.png);
}

div.bigstars div.rateit-reset {
    background: url(/ui/img/star-black32.png);
    width: 32px;
    height: 32px;
}

    div.bigstars div.rateit-reset:hover {
        background: url(/ui/img/star-white32.png);
    }


/**
div.bigstars div.rateit-range {
  background: url(/ui/img/greystar.png);
}

div.bigstars div.rateit-hover
{
  background: url(/ui/img/bluestar.png);

}

div.bigstars div.rateit-selected
{
  background: url(/ui/img/stargold.png);


}

div.stars div.rateit-reset
{
  background: url(/ui/img/bluestar.png);
  width: 32px;
  height: 32px;
}

div.bigstars div.rateit-reset:hover
{
  background: url(/ui/img/star-white32.png);
}
**/
/* modal */
.ui-dialog {
    padding: 20px 10px 15px;
    border: 8px solid #ebebeb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    outline: none;
    z-index: 10000;
    position: fixed !important;
    max-height: 325px;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.fixed-dialog {
    position: fixed;
}

.ui-dialog .externalcontent {
    position: relative;
    width: 650px;
    display: block;
}

.ui-widget-content {
    max-height: 325px;
    width: 100% !important;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}


.detectlocation .ui-widget-content {
    min-height: 700px !Important;
    width: 100% !important;
    overflow: auto;
    overflow-x: none;
    -webkit-overflow-scrolling: none;
}


.example {
    height: 25px;
}

.ui-dialog h2 {
    font-family: 'Open Sans', Sans-serif;
    font-size: 20px;
    line-height: 130%;
    font-weight: 600;
    color: #09a0ff;
}

.ui-dialog-title {
    font-family: 'Open Sans', Sans-serif;
    font-size: 20px;
    line-height: 130%;
    font-weight: 600;
    color: #09a0ff;
}

.ui-dialog p {
    font-size: 12px;
    font-family: 'Open Sans', Sans-serif;
    line-height: 150%;
    font-weight: 300;
}

.ui-widget-header {
    height: 0px;
}

/* dropdown links */


.dropdown.ddDefault {
    width: 120px;
}

.dropdown dd, .dropdown dt, .dropdown ul, dl.dropdown {
    margin: 0px;
    padding: 0px;
}

.dropdown dd {
    position: relative;
}

.dropdown a {
    color: #000;
    text-decoration: none;
    outline: none;
}

    .dropdown a:hover {
        color: #2e5d89;
    }

.dropdown dt a:hover, .dropdown dt a:focus {
    color: #000;
}

.dropdown dt a {
    display: block;
    font-size: 13px;
    color: #000;
    text-align: left;
    font-weight: 600;
    margin-top: 3px;
    line-height: 1.42;
    padding: 3px 0px 3px 3px;
    vertical-align: middle;
    background-color: #fff;
    background-image: url(/ui/img/selectarrow.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px 7px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .dropdown dt a span {
        cursor: pointer;
        display: block;
        padding: 2px;
        padding-left: 4px;
    }

.dropdown dd ul {
    font-size: 13px;
    text-align: left;
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0px;
    color: #C5C0B0;
    left: 0px;
    padding: 5px 0px;
    position: absolute;
    z-index: 100;
    width: 100%;
    list-style: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.dropdown span.value {
    display: none;
}

.dropdown dd ul li {
    margin-bottom: 0px;
}

    .dropdown dd ul li a {
        font-size: 13px;
        padding: 2px;
        padding-left: 4px;
        display: block;
        color: #000;
    }

        .dropdown dd ul li a:hover {
            background-color: #09a0ff;
        }

.dropdown dd ul.ddScroll {
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
}

.dropdown dd ul li a:hover {
    background-color: #09a0ff;
    color: #fff;
}

.dropdown .selected {
    background-color: #ff6600;
    color: #ffffff;
}

/* generic buttons */

.bluebutton {
    float: left;
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 17px;
    margin-top: 1px;
    margin-left: 5px;
    line-height: 20px;
    height: 30px !important;
    width: 100%;
    padding: 2px 0px 3px 0px !important;
    font-weight: bold;
    color: #fff !important;
    border: 0;
    background-color: #09a0ff;
    display: block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .bluebutton:hover {
        background-color: #0971ff;
    }

    .bluebutton:active {
        background: #0971ff;
        -moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
        -webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
    }


/* magazine list */
.maglist {
    text-align: center;
}

    .maglist li {
        float: left;
        margin-right: 15px;
        width: 100px;
        height: 165px;
    }

        .maglist li img {
            width: auto;
            max-height: 87px;
        }

ul.logolist li {
    float: left;
    margin-right: 15px;
    width: 200px;
}

    ul.logolist li img {
        width: 100%;
        height: inherit;
    }


a.bluebtn {
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 17px;
    padding: 10px 15px;
    font-weight: bold;
    color: #fff !important;
    border: 0;
    background-color: #09a0ff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    a.bluebtn:hover {
        text-decoration: none;
        background-color: #000;
    }

.filtersearchbox a.bluebtn:hover {
    background-color: #0971ff;
}

.filtersearchbox a.bluebtn:active {
    background: #0971ff;
    -moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
}

.smaller {
    font-size: 16px !important;
    padding: 8px 12px !important;
}

img.leftimg {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}


table.boxlist {
    margin-bottom: 12px;
}

.boxlist tr.headline {
    background-color: #f0f0f0;
}

.boxlist tr {
    margin-bottom: 5px;
}

    .boxlist tr.second {
        background-color: #f1f1f1;
    }

.boxlist th {
    font-weight: bold;
    text-align: left;
}

.boxlist td, .boxlist th {
    padding: 4px 3px 8px 3px;
    min-width: 25px;
}

.notd {
    display: none;
}

.resobject {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

    .resobject object, .resobject embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


/* trivia */

ul.trivialist li {
    float: left;
    width: 100%;
    margin: 0 0 4px 0;
}

    ul.trivialist li.inads {
        text-align: center;
        display: block;
        width: 100%;
        padding: 10px 0px;
    }

    ul.trivialist li a {
        padding: 8px;
        font-family: 'PT Sans Narrow', sans-serif;
        display: block;
        color: #000;
        font-size: 16px;
        background-color: #f8f8f8;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        ul.trivialist li a:hover {
            color: #9900ff;
            text-decoration: none;
        }


.featuredtrivia a {
    text-align: center;
    padding: 25px 15px;
    margin-bottom: 10px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e6e6e6;
    display: block;
    color: #666;
    font-size: 32px !important;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .featuredtrivia a span {
        color: #9900ff;
    }

    .featuredtrivia a:hover {
        text-decoration: none;
    }

        .featuredtrivia a:hover span {
            color: #000;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

.infobox .stars img {
    width: 85px;
}

#movieDetails .stars img {
    width: 85px;
}

/* city movies */

.citymovies {
    margin: 0px 0px 5px 0px;
    padding: 5px 15px 15px 15px;
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .citymovies h1 {
        color: #09a0ff;
        font-size: 30px;
        margin: 5px 0px 4px 0px;
        font-weight: 600;
        text-align: left;
    }

    .citymovies p {
        font-size: 13px;
        color: #000;
        text-align: left;
        margin: 8px 0px 15px 0px;
    }

    .citymovies div {
        margin-top: 10px;
    }


    .citymovies label {
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        font-weight: 600;
        width: 25%;
        padding-top: 9px;
        text-align: left;
    }

    .citymovies select {
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        width: 65%;
    }


        .citymovies select.arrow {
            background-image: url(/ui/img/selectarrow.png);
            background-repeat: no-repeat;
            background-position: right;
            background-size: 20px 7px;
        }

    .citymovies input[type=text] {
        font-family: 'Open Sans', sans-serif;
        width: 60%;
        color: #5d5d5d;
        padding: 4px;
        padding-left: 22px;
        line-height: 1.428571429;
        background-color: #fff;
        background-image: url(/ui/img/location.png);
        background-repeat: no-repeat;
        background-position: left;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        border-top: 1px solid #c9c5c5;
        border-left: 1px solid #c9c5c5;
        border-right: 1px solid #c9c5c5;
        border-bottom: 1px solid #c9c5c5;
        vertical-align: top;
    }

        .citymovies input[type=text]:focus {
            outline: 0;
            border-color: #4697e4;
        }

    .citymovies .searchbutton {
        font-family: 'PT Sans Narrow', Sans-serif;
        font-size: 17px;
        line-height: 145%;
        padding: 1px 12px;
        font-weight: bold;
        color: #fff;
        background-color: #09a0ff;
        border: 0;
        border-radius: 3px;
        cursor: pointer;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .citymovies .searchbutton-large {
        padding: 5px 30px;
        font-size: 20px;
        margin-top: 3px;
    }

    .citymovies .searchbutton:hover {
        background-color: #0971ff;
    }


    .citymovies .searchbutton:hover {
        background-color: #0971ff;
    }

    .citymovies .searchbutton:active {
        background: #0971ff;
        -moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
        -webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
    }

    .citymovies .postalcode {
        margin: 5px 0px 0px 5px;
        font-style: italic;
    }

    .citymovies .instructions {
        font-size: 12px;
        text-align: center;
        margin: 0 auto;
        margin-top: -5px;
    }

    .citymovies .note {
        font-size: 11px;
        text-align: center;
        padding-top: 5px;
        margin-bottom: 1px;
        width: 55%;
        margin: 0 auto;
    }

/* showtimes search box */
a.pills {
    float: left;
    background-color: #fafafa;
    border: 1px solid #ebedef;
    position: relative;
    display: block;
    padding: 2px 5px 2px 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 5px;
    cursor: pointer;
}

a:hover.pills, a.active.pills {
    float: left;
    background-color: #ff5400;
    color: #fff;
    position: relative;
    display: block;
    border-radius: 4px;
    -webkit-transition: background-color 750ms;
    -moz-transition: background-color 750ms;
    -o-transition: background-color 750ms;
    -ms-transition: background-color 750ms;
    transition: background-color 750ms;
    text-decoration: none;
}


/* citmovies list */

ul.citymovieslist {
    margin-top: 12px;
}

    ul.citymovieslist li {
        margin-bottom: 8px;
        display: block;
        background-color: #f9f9f9;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 1px solid #ebedef;
        border-radius: 3px;
        overflow: hidden;
    }

        ul.citymovieslist li ul {
            float: left;
            margin-top: 2px;
            width: 100%;
            background-color: #f9f9f9;
            border-radius: 3px;
            -webkit-border-radius: 3px;
        }

            ul.citymovieslist li ul:first-child {
                float: left;
                margin-top: 5px;
                width: 100%;
                background-color: #f9f9f9;
            }


            ul.citymovieslist li ul li {
                float: left;
                clear: none;
                margin: 0px 5px 4px 0px;
                overflow: visible;
                line-height: 20px;
                list-style: none;
                border: 0px;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                background-color: transparent !important;
            }

                ul.citymovieslist li ul li a {
                    width: 110px;
                    display: block;
                    border: 1px solid #ebedef;
                    text-indent: -1000em;
                    text-transform: capitalize;
                    height: 20px;
                    background-image: url(/ui/img/movie-times-nav.png);
                }

                    ul.citymovieslist li ul li a:hover {
                        width: 110px;
                        background-color: #ff5400;
                        display: block;
                        text-indent: -1000em;
                        border: 1px solid #ff5400;
                        text-transform: capitalize;
                        height: 20px;
                    }

                    ul.citymovieslist li ul li a.trailer {
                        background-position: left top;
                    }

                    ul.citymovieslist li ul li a.cast {
                        background-position: center top;
                    }

                    ul.citymovieslist li ul li a.movietimes {
                        background-position: right top;
                    }

                    ul.citymovieslist li ul li a.trailer:hover {
                        background-position: left bottom;
                    }

                    ul.citymovieslist li ul li a.cast:hover {
                        background-position: center bottom;
                    }

                    ul.citymovieslist li ul li a.movietimes:hover {
                        background-position: right bottom;
                    }

        ul.citymovieslist li img {
            float: left;
            width: 90px;
            height: auto;
        }

        ul.citymovieslist li span span img {
            float: right;
            width: 70px;
            height: auto;
            margin: 1px 0px 0px 5px;
            padding-top: 2px;
        }

        ul.citymovieslist li span {
            float: left;
            padding: 8px 0px 0px 12px;
            width: 84%;
        }

            ul.citymovieslist li span span {
                font-size: 12px;
                width: auto;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                padding: 0px;
                margin-right: 5px;
                margin-bottom: 5px;
            }

                ul.citymovieslist li span span a {
                    float: left;
                    padding: 2px 0px 0px 5px;
                }

        ul.citymovieslist li h2 a {
            color: #ff5400;
            line-height: 120%;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.citymovieslist li h2 a:hover {
                color: #000;
                -moz-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }



    ul.citymovieslist h3 {
        font-family: 'Open Sans', Sans-serif;
        font-weight: 600;
        font-size: 19px;
        color: #000;
        width: 100%;
        margin-bottom: 8px;
    }

    ul.citymovieslist li h3 a {
        color: #ff5400;
    }

        ul.citymovieslist li h3 a:hover {
            color: #000;
        }

    ul.citymovieslist p {
        width: 100%;
        display: inline-block;
        margin-bottom: 7px;
    }

/** tabs for trailer */

.trailerheader {
    font-size: 23px;
    margin-bottom: 10px;
}

.tabpills {
    width: 100%;
}

    .tabpills h2 {
        font-family: "PT Sans Narrow",sans-serif;
        font-size: 17px;
        text-align: center;
        line-height: 145%;
        margin-bottom: 8px;
        text-transform: none;
    }

        .tabpills h2:first-child a {
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .tabpills h2:last-child a {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }


        .tabpills h2 a {
            width: 33.3%;
            float: left;
            text-decoration: none;
            padding: 5px 5px 5px 5px;
            color: #fff;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-right: 1px solid #fff;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            background-color: #848484;
        }

            .tabpills h2 a:hover {
                background-color: #09a0ff;
            }

        .tabpills h2.tabfirst a {
            background-color: #09a0ff;
            text-shadow: none;
        }

        .tabpills h2 a.activeblue {
            background-color: #09a0ff;
            background-image: none;
        }

        .tabpills h2.active a {
            background-color: #09a0ff;
            background-image: none;
        }

            .tabpills h2.active a:hover {
                text-shadow: none;
            }

/** search results tabs **/

.searchresultstabs {
    display: inline-block;
    width: 100%;
    border-bottom: 5px solid #09a0ff;
}

    .searchresultstabs h2 {
        float: left;
        font-family: "PT Sans Narrow",sans-serif;
        font-size: 18px;
        text-align: center;
        line-height: 145%;
        margin-bottom: 0px;
        text-transform: none;
    }



        .searchresultstabs h2 a {
            width: auto;
            float: left;
            text-decoration: none;
            padding: 6px 10px 6px 5px;
            color: #fff;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-right: 1px solid #fff;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            background-color: #bdbdbd;
            border-top-right-radius: 6px;
            border-top-left-radius: 6px;
        }

            .searchresultstabs h2 a:hover {
                background-color: #09a0ff;
            }

        .searchresultstabs h2.tabfirst a {
            background-color: #09a0ff;
            text-shadow: none;
        }

        .searchresultstabs h2 a.activeblue {
            background-color: #09a0ff;
            background-image: none;
        }

        .searchresultstabs h2.active a {
            background-color: #09a0ff;
            background-image: none;
        }

            .searchresultstabs h2.active a:hover {
                text-shadow: none;
            }




.twocolumns h2 a {
    width: 50%;
    font-size: 18px;
    margin-bottom: 10px;
}

.twocolumns h2.active a {
    background-color: #09a0ff;
}

/* trailers list */

#trailertabs, #searchresultstabs {
    margin-top: -5px;
}

ul.trailerslist {
    margin: 8px 0px 15px 0px;
}


    ul.trailerslist.spacing {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    ul.trailerslist .movietitle {
        float: left;
        width: 590px;
    }

    ul.trailerslist li {
        width: 100%;
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        line-height: 145%;
        margin-bottom: 0px;
        padding: 8px 6px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        ul.trailerslist li a {
            float: left;
            width: 100%;
            color: #ff5400;
        }

            ul.trailerslist li a:hover {
                color: #ff5400;
                text-decoration: none;
                -moz-transition: color 0.5s ease;
                -webkit-transition: color 0.5s ease;
                -o-transition: color 0.5s ease;
                transition: color 0.5s ease;
            }



        ul.trailerslist li span.movietitle a:hover {
            color: #000;
        }



        ul.trailerslist li:nth-of-type(odd) {
            background-color: #f8f8f8;
            border-top: 1px solid #f1f1f1;
            border-bottom: 1px solid #f1f1f1;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        ul.trailerslist li:first-child {
            border-top: 0px;
        }

        ul.trailerslist li:last-child {
            border-bottom: 1px solid #f1f1f1;
        }

    ul.trailerslist h3 {
        font-size: 20px;
        padding: 4px 0px 8px 0px;
    }

#bySearch h3 {
    font-size: 20px;
    padding: 4px 0px 8px 0px;
}

ul.trailerslist p {
    font-size: 12px;
    padding-top: 2px;
    margin-bottom: 0px;
    margin-right: 5px;
    display: inline-block;
    font-weight: 300;
    color: #000 !important;
}






ul.trailerslist li p span {
    font-size: 11px;
    font-style: italic;
    color: #000 !important;
}

ul.trailerslist li .trailer {
    float: left;
    display: block;
    padding: 2px 2px 2px 2px;
    margin-left: 20px;
}


ul.trailerslist li .viewtrailer a {
    float: right;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    background-image: url(/ui/img/icon.png);
    background-repeat: no-repeat;
    background-position: -3px -219px;
    padding-left: 17px;
    width: 75px;
    -moz-transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

    ul.trailerslist li .viewtrailer a:hover {
        color: #006eb3;
        padding-left: 17px;
        width: 75px;
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: -112px -219px;
    }

ul.trailerslist li .trailer a span {
    display: none;
}


ol.trailerslist {
    width: 100%;
    list-style-position: inside;
    list-style-type: decimal;
    margin: 10px 0 0px 0;
    padding-bottom: 12px;
    display: inline-block;
}

    ol.trailerslist li {
        list-style-position: inside;
        list-style-type: decimal;
        font-size: 13px;
        width: 100%;
        font-size: 13px;
        font-weight: 600;
        line-height: 145%;
        margin-bottom: 0px;
        padding: 5px 4px 8px 5px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        clear: both;
    }

    ol.trailerslist .movietitle {
        width: 440px;
        display: inline-block;
        vertical-align: text-top;
    }

    ol.trailerslist li a {
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #ff5400;
        display: inline-block;
        margin-left: -10px\0/;
    }

        ol.trailerslist li a:hover {
            color: #000;
            text-decoration: none;
        }

    ol.trailerslist li .viewtrailer {
        background-image: none;
        padding-left: 0;
    }

        ol.trailerslist li .viewtrailer a {
            float: right;
            font-weight: normal;
            text-decoration: none;
            color: #000;
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: -3px -219px;
            padding-left: 17px;
            width: 100px;
        }

            ol.trailerslist li .viewtrailer a:hover {
                color: #0971ff;
                background-image: url(/ui/img/icon.png);
                background-repeat: no-repeat;
                background-position: -112px -219px;
            }

    ol.trailerslist h3 {
        font-size: 20px;
        padding: 4px 0px 8px 0px;
    }

    ol.trailerslist p {
        font-size: 12px;
        padding-top: 2px;
        margin-bottom: 0px;
        margin-right: 5px;
        display: inline-block;
        font-weight: 300;
        color: #000 !important;
        width: auto;
        margin-left: -10px\0/;
    }



    ol.trailerslist li .trailerdate {
        font-size: 11px;
        font-style: italic;
        font-weight: 300;
        padding-left: 5px;
    }

    ol.trailerslist li .trailer {
        float: left;
        display: block;
        padding: 2px 2px 2px 2px;
        margin-left: 20px;
    }

        ol.trailerslist li .trailer a {
            width: auto;
            font-weight: normal;
            text-decoration: none;
            color: #000;
            background-image: url(/ui/img/trailer.png);
            background-repeat: no-repeat;
            background-position: 0px 4px;
            padding-left: 17px;
        }

            ol.trailerslist li .trailer a:hover {
                color: #0971ff;
                background-image: url(/ui/img/trailer-hover.png);
            }

            ol.trailerslist li .trailer a span {
                display: none;
            }


    ol.trailerslist.spacing {
        margin-top: 5px;
        margin-bottom: 5px;
    }




    ol.trailerslist li:nth-of-type(odd) {
        background-color: #f8f8f8;
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    ol.trailerslist li:first-child {
        border-top: 0px;
    }

    ol.trailerslist li:last-child {
        border-bottom: 1px solid #f1f1f1;
    }


ul.trailerslist h3 {
    font-size: 20px;
    padding: 4px 0px 8px 0px;
}

ul.trailerslist li .viewtrailer {
    background-image: none;
    padding-left: 0;
}

.trailerslist h3 {
    font-size: 20px;
    padding: 11px 0px 0px 0px;
}
/* search results */

.list_wrapper {
    display: inline-block;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

    .list_wrapper h3 {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .list_wrapper h4 {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .list_wrapper .pagination {
        margin-bottom: 0px;
    }

    .list_wrapper ul.popularsearches {
        margin-top: 10px;
    }

        .list_wrapper ul.popularsearches li {
            margin-bottom: 0px;
            padding: 10px 5px 10px 5px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

            .list_wrapper ul.popularsearches li:nth-of-type(odd) {
                background-color: #f8f8f8;
            }

    .list_wrapper .MovieListHeader {
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        width: 100%;
        background-color: #09a0ff;
        margin-top: -10px;
        margin-bottom: 10px;
        color: #fff;
        padding: 8px 0px 8px 8px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .list_wrapper .MovieListHeader a {
            color: #fff;
        }

            .list_wrapper .MovieListHeader a:hover {
                text-decoration: underline;
            }

/* search button */
.searchbutton {
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 17px;
    line-height: 118%;
    padding: 4px 12px;
    font-weight: bold;
    color: #fff;
    background-color: #09a0ff;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .searchbutton:hover {
        background-color: #0971ff;
    }


    .searchbutton:active {
        background: #0971ff;
        -moz-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
        -webkit-box-shadow: inset 0 0 4px 3px #0661dd, 0 1px 0 0 #fff;
    }

/* dvd boxes */

ul.dvdboxes {
    width: 100%;
    float: left;
}

    ul.dvdboxes li {
        float: left;
        width: 49%;
        font-size: 13px;
        font-weight: 600;
        line-height: 130%;
        background-color: #f8f8f8;
        margin: 5px 0px 5px 0px;
        padding: 7px 7px 10px 7px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #f1f1f1;
        border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        ul.dvdboxes li:first-child {
            margin-right: 10px;
        }

        ul.dvdboxes li:nth-of-type(2n+1) {
            margin-right: 10px;
        }


    ul.dvdboxes.spacing {
        margin-top: 10px;
    }

ul.gridview .grey {
    border: 0px;
}



ul.dvdboxes li a span {
    float: left;
    width: 93%;
    min-height: 25px;
    text-align: center;
    text-decoration: none;
    color: #ff5400;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    word-break: keep-all;
}


ul.dvdboxes li a:hover span {
    color: #000;
}


ul.dvdboxes li span a {
    width: auto;
    min-height: 25px;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    text-decoration: none;
    color: #ff5400;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

ul.dvdboxes p {
    font-size: 12px;
    font-weight: normal;
    padding-top: 4px;
    margin-bottom: 0px;
}

    ul.dvdboxes p a {
        font-size: 12px;
        display: block;
    }


ul.dvdboxes li img {
    float: left;
    margin: 0px 9px 10px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px transparent;
}

    ul.dvdboxes li img .img-responsive {
        float: left;
    }

ul.dvdboxes li a img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: solid 1px transparent;
}

    ul.dvdboxes li a img:hover {
        border: solid 1px #0aa0ff;
    }

ul.dvdboxes li a {
    text-decoration: none;
}

    ul.dvdboxes li a:hover {
        color: #000;
    }

.dvdarchivebutton {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    line-height: 145%;
    margin-bottom: 15px;
    text-transform: none;
}

    .dvdarchivebutton a {
        float: left;
        color: #ff5400;
        padding: 5px 10px 5px 10px;
        margin-left: 2px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #f9f9f9;
        text-decoration: none;
    }


        .dvdarchivebutton a:hover {
            color: #fff;
            background-color: #ff5400;
        }

        .dvdarchivebutton a.newer {
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: 92px -473px;
            padding-right: 20px;
        }

            .dvdarchivebutton a.newer:hover {
                background-image: url(/ui/img/icon.png);
                background-repeat: no-repeat;
                background-position: 11px -473px;
            }

        .dvdarchivebutton a.older {
            background-image: url(/ui/img/icon.png);
            background-repeat: no-repeat;
            background-position: 2px -502px;
            padding-left: 21px;
        }

            .dvdarchivebutton a.older:hover {
                background-repeat: no-repeat;
                background-position: -78px -502px;
                padding-left: 21px;
            }


/* changes to the contentlist for dvd */

.dvdcontent {
    display: inline-block;
    width: 100%;
    margin: 3px 0px 0px 0px;
}

    .dvdcontent ul.contentlist {
        margin: 10px 0px 5px 0px;
    }

    .dvdcontent ul.gridview {
        margin-top: 10px;
        margin-bottom: -5px;
    }

    .dvdcontent ul.contentlist .equalheight {
        width: 55%;
    }

    .dvdcontent .headerwrapper {
        margin: 0px 0px 5px 0px;
    }

    .dvdcontent h2 {
        display: inline-block;
        margin: 4px 0px 8px 0px;
    }



    .dvdcontent h3 {
        margin: 0px 0px 8px 0px;
    }

    .dvdcontent h4 {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .dvdcontent .MovieListHeader {
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        color: #000;
        border-bottom: 2px solid #f1f1f1;
        padding: 5px 0px 8px 0px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

        .dvdcontent .MovieListHeader a {
            color: #000 !important;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .dvdcontent .MovieListHeader a:hover {
                color: #ff5400 !important;
            }

    .dvdcontent h2 {
        float: left;
        font-size: 22px;
        width: 100%;
        margin-bottom: 7px;
    }

.ondvdcomingsoon h2 {
    margin-bottom: 15px;
}

.dvdcontent h3 {
    font-family: 'Open Sans', Sans-serif;
    font-size: 12px;
    margin-bottom: 15px;
}
/* changes to contentlist for coming soon */

.ComingSoonWrapper ul.contentlist {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .ComingSoonWrapper ul.contentlist .equalheight {
        width: 56%;
    }

.ComingSoonWrapper ul.gridview {
    margin: 10px 0px -4px 0px;
}

    .ComingSoonWrapper ul.gridview .equalheight {
        margin-bottom: 3px;
    }

.ComingSoonWrapper .MovieListHeader {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    color: #000;
    border-bottom: 2px solid #f1f1f1;
    padding: 5px 0px 8px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .ComingSoonWrapper .MovieListHeader:last-child {
        font-size: 100px;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        color: #09a0ff;
        border-bottom: 1px solid #f1f1f1;
        padding: 5px 0px 10px 0px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

#movieseventsresults ul.contentlist .equalheight {
    width: 55%;
}

    #movieseventsresults ul.contentlist .equalheight a {
        color: #ff5400;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-decoration: none;
    }

        #movieseventsresults ul.contentlist .equalheight a:hover {
            color: #000;
        }


#peopleresults ul.contentlist .equalheight {
    width: 55%;
}

    #peopleresults ul.contentlist .equalheight a {
        color: #ff5400;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-decoration: none;
    }

        #peopleresults ul.contentlist .equalheight a:hover {
            color: #000;
        }


/* popup box for showtimes map */

.theatredetails img {
    float: left;
    width: 45px;
    margin-right: 2px;
}

.theatredetails h2 {
    font-family: 'Open Sans', Sans-serif;
    font-size: 16px;
    padding-top: 8px;
}

.theatredetails p {
    padding-top: 2px;
    margin-bottom: 2px;
}

    .theatredetails p a {
        padding-top: 5px;
        display: block;
    }

/* restauraunt search box */

.searchrestaurants {
    margin: 0px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    background-color: #f8f8f8;
}

    .searchrestaurants h1 {
        font-size: 22px;
        margin: 5px 0px 8px 0px;
    }


    .searchrestaurants label {
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 600;
        width: auto;
        padding-top: 8px;
        margin: 0px 10px 0px 20px;
        text-align: left;
    }

    .searchrestaurants select {
        float: left;
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        width: 67%;
    }


        .searchrestaurants select.arrow {
            background-image: url(/ui/img/selectarrow.png);
            background-repeat: no-repeat;
            background-position: right;
            background-size: 20px 7px;
        }

    .searchrestaurants input[type=text] {
        font-family: 'Open Sans', sans-serif;
        width: 60%;
        color: #5d5d5d;
        padding: 4px;
        padding-left: 22px;
        line-height: 1.428571429;
        background-color: #fff;
        background-image: url(/ui/img/location.png);
        background-repeat: no-repeat;
        background-position: left;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        border-top: 1px solid #c9c5c5;
        border-left: 1px solid #c9c5c5;
        border-right: 1px solid #c9c5c5;
        border-bottom: 1px solid #c9c5c5;
        vertical-align: top;
    }

        .searchrestaurants input[type=text]:focus {
            outline: 0;
            border-color: #4697e4;
        }

    .searchrestaurants .searchbutton {
        font-family: 'PT Sans Narrow', Sans-serif;
        font-size: 17px;
        line-height: 118%;
        padding: 4px 12px;
        font-weight: bold;
        color: #fff;
        background-color: #09a0ff;
        border: 0;
        border-radius: 3px;
        cursor: pointer;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        .searchrestaurants .searchbutton:hover {
            background-color: #333333;
        }



        .searchrestaurants .searchbutton:active {
            background: #333333;
            -moz-box-shadow: inset 0 0 4px 3px #363636, 0 1px 0 0 #fff;
            -webkit-box-shadow: inset 0 0 4px 3px #363636, 0 1px 0 0 #fff;
        }

/** restauraunt **/

.restaurantcontent h2 {
    padding-top: 5px;
    line-height: 110%;
}

.restaurantcontent h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    padding: 3px 0px 4px 0px;
}

.restaurant {
    display: inline-block;
    background-color: #f9f9f9;
    width: 100%;
    margin: 5px 0px 7px 0px;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 5px solid #ecedf1;
}



    .restaurant h2 {
        font-family: 'Open Sans', Sans-serif;
        font-size: 20px;
        line-height: 120%;
        font-weight: 600;
        color: #4c4c4c;
        margin-top: 0;
        margin-bottom: 6px;
        padding-top: 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #ededed;
    }

        .restaurant h2 a {
            color: #ff5400;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .restaurant h2 a:hover {
                color: #000;
                text-decoration: underline;
            }

    .restaurant .more {
        margin-bottom: 0px;
    }

        .restaurant .more a {
            font-size: 12px;
            color: #4c4c4c;
            margin-top: 0;
            padding-top: 0;
        }

    .restaurant p {
        font-size: 13px;
        font-weight: normal;
        line-height: 140%;
        margin-bottom: 0px;
        color: #4c4c4c;
    }

        .restaurant p a {
            color: #000;
            cursor: pointer;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .restaurant p a:hover {
                color: #09a0ff;
                cursor: pointer;
            }


    .restaurant .viewhide {
        background-color: #f9f9f9;
        color: #000;
        margin-right: 15px;
    }


.restaurantinfo {
    display: inline-block;
}


    .restaurantinfo span {
        margin-right: 15px;
    }

.restauranttype {
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}


.restaurantcontent #map_canvas {
    margin-top: 5px;
}

/* generic ol lists */


ol.generic {
    width: 100%;
    list-style-position: inside;
    list-style-type: decimal;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

    ol.generic li {
        list-style-position: inside;
        list-style-type: decimal;
        font-size: 12px;
        width: 100%;
        font-size: 13px;
        font-weight: normal;
        line-height: 145%;
        margin-bottom: 0px;
        padding: 5px 0px 8px 0px;
    }

.boxspacer {
    margin-top: -5px;
    margin-bottom: 15px;
}

.slidingDiv {
    height: 300px;
    background-color: #99CCFF;
    padding: 20px;
    margin-top: 10px;
    border-bottom: 5px solid #3399FF;
}

.show_hide {
    display: none;
}


/* footer */


.incontent {
    padding-top: 10px;
}

    .incontent h3 {
        font-size: 20px;
        font-family: 'PT Sans Narrow', Sans-serif;
        font-weight: bold;
        color: #e9e8e8;
        padding-bottom: 5px;
    }

        .incontent h3 a {
            color: #e9e8e8;
            background-image: none;
        }

            .incontent h3 a:hover {
                color: #e9e8e8;
                background-image: none;
            }


ul.footerlinks {
    float: left;
    padding-top: 5px;
    width: 20%;
}

    ul.footerlinks li {
        font-size: 14px;
        margin-bottom: 10px;
        float: none;
    }

        ul.footerlinks li a {
            color: #fff;
            font-weight: 300;
        }

#footer-gutter .incontent {
    padding-top: 7px;
}

.incontent .footerimagery {
    float: left;
    width: 180px;
}

.incontent .social {
    margin-top: 15px;
    margin-left: 15px;
}

    .incontent .social a {
        text-decoration: none;
    }


    .incontent .social img {
        margin-right: 10px;
        -webkit-transform: scale(1);
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 250ms;
        -moz-transform: scale(1);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 250ms;
        width: 40px;
    }

        .incontent .social img:hover {
            -webkit-transform: scale(1.1);
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 250ms;
            -moz-transform: scale(1.1);
            -moz-transition-timing-function: ease-out;
            -moz-transition-duration: 250ms;
            cursor: pointer;
        }

.incontent p {
    float: left;
    margin-bottom: 6px;
    color: #000;
}

.incontent .legal {
    float: right;
    text-align: left;
    clear: none;
}


#footer-gutter {
    background-color: #e9e8e8;
    padding: 5px;
}

.incontent .legal a {
    color: #000;
}

.celebrationbadge {
    margin: 0 auto;
    display: block;
    max-width: 125px;
}

/* accordion style for the footer */

.footerlink {
    display: none;
}

.footermenu {
    float: left;
    width: 80%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.aboveimage {
    width: auto;
}


.footermenu ul {
    float: left;
    width: 25%;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.footerimagery .footermenu ul {
    width: 100%;
}

.footerimagery li {
    margin-bottom: 5px !important;
}

.footermenu > li > ul.submenu {
    min-width: 10em;
    padding: 4px 0;
    background-color: #f4f4f4;
    border: 1px solid #CCC;
}

.footermenu ul li {
    padding: 0px;
}

.footermenu > ul > li {
    display: inline-block;
}

.footermenu ul li a {
    display: block;
    text-decoration: none;
    color: #e9e8e8;
    cursor: default;
}

.footermenu ul li > a {
    height: auto;
    background-image: none;
    font-size: 24px;
    font-family: 'PT Sans Narrow', Sans-serif;
    font-weight: bold;
    cursor: pointer;
}

.footermenu ul ul {
    display: block;
    width: 100% !important;
}

.footermenu ul li:hover > ul {
    display: block;
}

.footermenu ul ul > li {
    margin-bottom: 5px;
}

    .footermenu ul ul > li a {
        height: auto;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        font-family: 'Open Sans', Sans-serif;
        padding: 4px 2px;
    }

        .footermenu ul ul > li a:hover {
            background-color: #e9e8e8;
            color: #000 !important;
            text-shadow: none;
        }

.footermenu ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

ul.exhibits {
    margin: 0px auto;
}

    ul.exhibits li {
        float: left;
        width: 300px;
        text-align: center;
        margin-bottom: 15px;
        font-size: 14px;
    }

        ul.exhibits li img {
            margin: 8px 0px;
            display: block;
            width: 300px;
            height: inherit;
        }

.exhdesc {
    margin-bottom: 1px;
}

.titleblock {
    float: right;
    min-width: 220px;
    width: 80%;
    padding-top: 10px;
}

    .titleblock h2 {
        font-size: 24px;
    }

    .titleblock h3 {
        color: #F00;
    }

.exhdesc img {
    width: 18%;
    height: inherit;
}

.exh-loc h3 {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 4px 0px 0px 0px;
    background-color: #09a0ff;
}

.exh-loc h2 {
    font-weight: bold;
}

.exh-loc ul {
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.exh-loc li {
    margin: 0px;
}

    .exh-loc li a {
        padding: 8px;
        display: block;
    }

.exh-loc span {
    display: inline-block;
}

.exh-loc p:first-of-type {
    margin-top: 5px;
}

a.backlink {
    padding: 8px;
    margin: 10px 0px;
    display: inline-block;
}


.facebookbutton {
    font-family: 'Open Sans', Sans-serif;
    font-size: 15px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    height: 34px;
    overflow: hidden;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .facebookbutton:hover {
        opacity: 0.8;
    }

    .facebookbutton a span {
        background-color: #194095;
        height: 30px;
        display: inline-block;
        background-image: url(/ui/img/facebookicon.png);
        background-size: 25px 25px;
        background-position: 2px 4px;
        background-repeat: no-repeat;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .facebookbutton span {
        padding-left: 30px;
        width: 235px !important;
        padding-top: 9px;
        color: #fff;
        float: left;
    }


.thankyourating {
    font-family: 'Open Sans', Sans-serif;
    font-size: 16px;
    color: #09a0ff;
    margin-bottom: 12px;
}

.thankyou {
    font-family: 'Open Sans', Sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #000;
    margin-bottom: 9px;
    padding-left: 35px;
    background-image: url(/ui/img/icon.png);
    background-repeat: no-repeat;
    background-position: 2px -414px;
}

.noresultsfound {
    display: inline-block;
    font-size: 28px;
    line-height: 120%;
    font-weight: 300;
    text-align: center;
    color: #09a0ff;
    width: 100%;
    margin: 5px 0px 15px 0px;
    padding: 8px;
    border: 1px solid #ecedf1;
    background-color: #f9f9f9;
    background-image: url(/ui/img/searchbg.png);
    background-position: right;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.theatre .noresultsfound {
    border: 0;
    background-color: transparent;
}

.contactdetails {
    background-color: #f8f8f8;
    display: inline-block;
    width: 100%;
}

    .contactdetails .column {
        float: left;
        width: 25%;
        padding: 8px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .contactdetails h2 {
        color: #ff5400;
        font-size: 16px;
        margin-bottom: 8px;
        text-transform: uppercase;
    }

.faqwrapper {
    display: inline-block;
    margin-top: 10px;
}

.moviemailupdate {
    display: inline-block;
    line-height: 120%;
    font-weight: 300;
    text-align: left;
    color: #09a0ff;
    width: 100%;
    margin: 0px;
    padding: 8px;
    border: 2px solid #ecedf1;
    background-color: #f9f9f9;
    background-image: url(/ui/img/moviemail_bg.png);
    background-position: right;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .moviemailupdate p {
        font-size: 13px;
        padding: 0px;
        margin-bottom: 0px;
    }

        .moviemailupdate p a {
            color: #ff5400;
        }

.scrolltop {
    position: fixed;
    bottom: 5px;
    right: 0px;
    width: 30px;
    height: 30px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(55, 55, 55, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
    z-index: 100;
    margin-right: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background-image: url(/ui/img/icon.png);
    background-repeat: no-repeat;
    background-position: -71px -525px;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}

    .scrolltop:hover {
        background-color: rgba(9, 160, 255, 0.80);
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: 9px -525px;
    }

/* popular videos widget */

ul.videoList li .tile {
    opacity: 1;
    background: url(/ui/img/icon.png) no-repeat #000;
    background-position: 28px -750px;
    cursor: pointer;
    height: 68px;
    width: 120px;
    position: absolute;
    z-index: 10;
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

ul.videoList li:hover .tile {
    opacity: .7;
    border: 0px;
}

/* */

ul.videoList {
    list-style: none;
    margin: 0px 0px 20px 0;
}

    ul.videoList li {
        clear: both !important;
        display: block;
        padding-bottom: 8px;
        margin-bottom: 8px;
        border-bottom: 1px solid #eee;
    }

        ul.videoList li a {
            font-size: 14px;
            display: block;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.videoList li a span {
                height: 68px;
                overflow: hidden;
                display: block;
                float: left;
                margin: 0px 10px 5px 0px;
                -moz-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

                ul.videoList li a span img {
                    margin: -11px 0px;
                    opacity: 1;
                }


            ul.videoList li a:hover span img {
                opacity: 0.9;
            }

            ul.videoList li a div.count {
                color: #666 !important;
                font-size: 12px;
            }

            ul.videoList li a:hover {
                text-decoration: none;
                color: #000;
            }

.viewtrailer {
    float: right;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    margin-top: 3px;
    background-image: url(/ui/img/icon.png);
    background-repeat: no-repeat;
    background-position: 0px -48px;
    padding-left: 17px;
    font-size: 13px;
    font-weight: 600;
    -moz-transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

    .viewtrailer:hover {
        color: #006db3;
        padding-left: 17px;
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: -136px -48px;
    }

/* Gallery for the index page */

ul.gallery {
    width: auto;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

    ul.gallery li {
        position: relative;
        width: 225px;
        margin-right: 9px;
        float: left;
        font-size: 14px;
        text-align: center;
        line-height: 145%;
        margin-bottom: 8px;
    }

        ul.gallery li:last-child {
            margin-right: 0px;
        }

        ul.gallery li img {
            width: auto;
            height: inherit;
            width: 225px;
            -webkit-transform: scale(1);
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 250ms;
            -moz-transform: scale(1);
            -moz-transition-timing-function: ease-out;
            -moz-transition-duration: 250ms;
        }


        ul.gallery li a {
            font-family: 'PT Sans Narrow', Sans-serif;
            font-size: 16px;
            text-decoration: none;
            color: #000;
            font-weight: bold;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.gallery li a:hover {
                color: #25a503;
            }

        ul.gallery li img:hover {
            -webkit-transform: scale(1.1);
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 250ms;
            -moz-transform: scale(1.1);
            -moz-transition-timing-function: ease-out;
            -moz-transition-duration: 250ms;
        }

        ul.gallery li a span {
            display: block;
            margin: 0px auto;
            min-height: 40px;
        }

        ul.gallery li .tile {
            opacity: 1;
            background: url(/ui/img/gallery.png) 155px center no-repeat #000;
            cursor: pointer;
            height: 150px;
            width: 225px;
            position: absolute;
            z-index: 10;
            opacity: 0;
            padding-left: 0;
            padding-right: 0;
            background-size: 40px 30px;
            color: #fff !important;
        }

        ul.gallery li:hover .tile {
            opacity: .7;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        ul.gallery li .tile p {
            margin-top: 57px;
            font-size: 24px;
            text-align: left;
            margin-left: 35px;
        }

.rateatheatre {
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .rateatheatre .header {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 18px;
    }

    .rateatheatre select {
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        width: 100% !important;
    }


        .rateatheatre select.arrow {
            background-image: url(/ui/img/selectarrow.png);
            background-repeat: no-repeat;
            background-position: right;
            background-size: 20px 7px;
        }

    .rateatheatre ul {
        margin: 0 auto;
        padding: 0;
        width: 102%;
        display: block;
    }


        .rateatheatre ul li {
            float: left;
            margin: 5px 5px 5px 0px;
            width: 32%;
        }




            .rateatheatre ul li a {
                float: left;
                color: #ff5400;
                width: 100%;
                font-size: 13px;
                border: 1px solid #333;
                padding: 6px;
                border-radius: 5px;
                background-color: #fff;
                -webkit-border-radius: 5px;
                -moz-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
                border: 1px solid #e2e5e8;
                -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
                -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
                box-shadow: 0 1px 0 0 rgba(0,0,0,0.1);
                text-decoration: none;
                text-align: center;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }


                .rateatheatre ul li a:hover {
                    background-color: #ff5400;
                    color: #fff;
                }

#selectTheater, #selectCity {
    margin-top: 10px;
}

.mapspacing {
    padding: 5px 0px 10px 0px;
}

.closedtext {
    font-size: 14px !important;
    font-weight: 600;
    color: #fff;
    background-color: #dd0000;
    padding: 5px !important;
    margin-left: 0px !important;
    margin-bottom: 5px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.closedtheatre {
    margin-bottom: 10px;
}

ul.closed li span {
    float: right;
    background-image: none;
    padding-right: 0px;
}


ul.closed li a {
    color: #0971ff;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    ul.closed li a:hover {
        color: #000;
    }

#errSearch {
    font-size: 14px !important;
    color: #fe0000 !important;
    font-weight: normal;
    margin-top: 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    width: auto;
}

.scrollingmenu {
    position: fixed;
    top: 0;
    height: auto;
    margin: 0;
    z-index: 99999;
}


div#rate_theatre_terms {
    margin-top: 26px;
    position: relative;
}

.reviewright {
    padding-bottom: 6px;
}

.noreviewmsgH {
    font-family: 'Open Sans', Sans-serif;
    font-size: 16px;
    color: #09a0ff;
}

.resourceNotFound {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: 'PT Sans Narrow', sans-serif;
}

/* no reviews found */

#NoReviewMsg {
    display: inline-block;
    line-height: 120%;
    font-weight: 300;
    text-align: left;
    color: #09a0ff;
    width: 100%;
    margin: 10px 0px 10px 0px;
    padding: 5px;
    border: 1px solid #ecedf1;
    background-color: #f9f9f9;
    background-image: url(/ui/img/review_bg.png);
    background-position: right;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
}

.noreviews div {
    display: inline-block;
    width: 85%;
}

#NoReviewMsg p {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.noreviews p a {
    color: #ff5400;
}



.noreviews .greenbutton {
    margin-left: 15px;
    margin-top: 2px;
}

/* fix for limelightplayer height in IE8 */
.LimelightEmbeddedPlayer div {
    height: 100%;
}

.TributeEmbeddedPlayer {
    height: 100%;
}

    .TributeEmbeddedPlayer .PlayerContainer {
        height: 100%;
    }

.puzzleanswerbox {
    margin: 0;
    margin: 10px 0px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    background-color: #f8f8f8;
    width: 100%;
}

    .puzzleanswerbox h2 {
        text-align: center;
        font-weight: 600;
        font-size: 25px;
        padding-top: 5px;
        color: #09a0ff;
    }

    .puzzleanswerbox h3 {
        font-family: 'Open Sans', Sans-serif;
        text-align: center;
        font-weight: normal;
        font-size: 20px;
        color: #000;
    }

/*  list for puzzles */

.puzzleheader {
    font-size: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #f1f1f1;
}


ul.puzzle {
    width: auto;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

    ul.puzzle li {
        position: relative;
        width: 225px;
        margin-right: 9px;
        float: left;
        font-size: 14px;
        text-align: center;
        line-height: 145%;
        margin-bottom: 8px;
    }


        ul.puzzle li img {
            width: auto;
            height: inherit;
            width: 220px;
            -ms-transform: scale(1); /* IE 9 */
            -webkit-transform: scale(1);
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 250ms;
            -moz-transform: scale(1);
            -moz-transition-timing-function: ease-out;
            -moz-transition-duration: 250ms;
        }

        ul.puzzle li p {
            font-size: 15px;
            font-weight: 600;
        }

        ul.puzzle li a {
            font-size: 16px;
            text-decoration: none;
            color: #000;
            font-weight: normal;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            ul.puzzle li a:hover {
                color: #09a0ff;
            }

        ul.puzzle li img:hover {
            -ms-transform: scale(1.1); /* IE 9 */
            -ms-transition-timing-function: ease-out;
            -ms-transition-duration: 250ms;
            -webkit-transform: scale(1.1);
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 250ms;
            -moz-transform: scale(1.1);
            -moz-transition-timing-function: ease-out;
            -moz-transition-duration: 250ms;
        }

        ul.puzzle li a span {
            display: block;
            margin: 0px auto;
            min-height: 40px;
        }

/* hotspots for contests */

.contestimage {
    width: 100%;
    position: relative;
    max-width: 580px;
    margin: 0 auto;
}

    .contestimage img {
        display: block;
        width: 100%;
        height: inherit;
        max-width: 580px;
    }

.hotspots {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

    .hotspots div {
        display: block;
    }

        .hotspots div a.imagemap {
            display: block;
            position: absolute;
            z-index: 1000;
        }

/* solution for charset problem on tablets and mobile */

.imagenav a.next {
    padding-right: 10px;
    color: #09a0ff;
}


.imagenav a.prev {
    color: #09a0ff;
}

    .imagenav a.prev:before {
        content: "";
        background-image: url(/ui/img/icon.png);
        background-repeat: no-repeat;
        background-position: -5px -940px;
        width: 20px;
        height: 20px;
        margin-top: 6px;
        margin-left: -12px;
        position: absolute;
    }



.imagenav a.next:after {
    content: "";
    background-image: url(/ui/img/icon.png);
    background-position: -81px -940px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 6px;
    position: absolute;
}

.imagenav span {
    display: none;
}



video {
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
}


.theatre > .theatre {
    display: inline-block;
    background-image: none;
    margin: 0;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.theatre > .greysearchbox {
    background: transparent;
}

.backtosite {
    height: 284px;
    width: 45px;
    position: fixed;
    top: 40%;
    z-index: 999;
    background-image: url(/ui/img/backtoclassicsite_desktop.png);
    background-repeat: no-repeat;
    cursor: pointer;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .backtosite a {
        display: block;
        width: inherit;
        height: inherit;
    }

    .backtosite:hover {
        opacity: 0.8;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.showtimescontent .addthis_sharing_toolbox {
    margin-top: 5px;
    margin-bottom: 10px;
}

.theatre .addthis_sharing_toolbox {
    margin-left: 12px;
    margin-bottom: 5px;
}

.detectlocation {
}

    .detectlocation h2 {
        font-family: 'PT Sans Narrow', Sans-serif;
        font-size: 30px;
        font-weight: 600;
        text-align: center;
    }

    .detectlocation h3 {
        font-family: 'Open Sans', Sans-serif;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        margin-bottom: 15px;
    }

    .detectlocation p {
        text-align: center;
        display: block;
    }

        .detectlocation p a {
            font-family: 'Open Sans', Sans-serif;
            font-size: 14px;
            font-weight: normal;
            text-align: center;
            color: #ff5400;
            -moz-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .detectlocation p a:hover {
                color: #000;
                -moz-transition: all 0.3s ease;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

.buttons {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}

.tryagain {
    position: relative;
    display: inline-block;
    width: 150px;
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 19px;
    line-height: 118%;
    padding: 2px 15px;
    font-weight: bold;
    margin: 0 auto;
    color: #fff;
    border: 2px solid #1f8b02;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    -moz-transition: background-color 0.4s linear;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
    text-decoration: none;
}
/* Use my location button */
a.tryagain {
    color: #fff !important;
    text-align: center;
    background-color: #1e8602;
    text-decoration: none;
    margin: 0 auto;
    background-image: linear-gradient(to bottom,#25a503, #1e8602); /* IE6-9 */
}

    a.tryagain:hover {
        background-image: linear-gradient(to bottom,#1e8602, #25a503);
    }

.tryagain:after {
    content: "";
    width: 15px;
    height: 15px;
    background: url(/ui/img/greenarrow.png);
    top: 7px;
    right: 0px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
}



.cancel {
    position: relative;
    display: inline-block;
    width: 150px;
    margin-left: 10px;
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 19px;
    line-height: 118%;
    padding: 2px 15px;
    font-weight: bold;
    color: #fff;
    border: 2px solid #959595;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    -moz-transition: background-color 0.4s linear;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
    text-decoration: none;
}
/* Use my location button */
a.cancel {
    color: #646464 !important;
    text-align: center;
    background-color: #e8e8e8;
    text-decoration: none;
    background-image: linear-gradient(to bottom,#e8e8e8, #c4c4c4); /* IE6-9 */
}

    a.cancel:hover {
        background-image: linear-gradient(to bottom,#c4c4c4, #e8e8e8);
    }

.cancel:before {
    content: "";
    width: 16px;
    height: 17px;
    background: url(/ui/img/cancel.png);
    top: 4px;
    left: 10px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
}

/* synopsis gallery */


.moviecol ul.gallery {
    display: inline-block;
    padding-bottom: 0px;
}

    .moviecol ul.gallery li {
        position: relative;
        width: 171px;
        margin-right: 12px;
        float: left;
        font-size: 14px;
        text-align: center;
        line-height: 145%;
        margin-bottom: 8px;
    }

        .moviecol ul.gallery li:last-child {
            margin-right: 0px;
        }

        .moviecol ul.gallery li img {
            width: auto;
            height: inherit;
            width: 174px;
            -webkit-transform: scale(1);
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 250ms;
            -moz-transform: scale(1);
            -moz-transition-timing-function: ease-out;
            -moz-transition-duration: 250ms;
        }


        .moviecol ul.gallery li a {
            font-family: 'PT Sans Narrow', Sans-serif;
            font-size: 15px;
            text-decoration: none;
            color: #000;
            font-weight: 600;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .moviecol ul.gallery li a:hover {
                color: #25a503;
            }

        .moviecol ul.gallery li img:hover {
            -webkit-transform: scale(1.1);
            -webkit-transition-timing-function: ease-out;
            -webkit-transition-duration: 250ms;
            -moz-transform: scale(1.1);
            -moz-transition-timing-function: ease-out;
            -moz-transition-duration: 250ms;
        }

        .moviecol ul.gallery li a span {
            display: block;
            margin: 0px auto;
            min-height: 40px;
        }

        .moviecol ul.gallery li .tile {
            opacity: 1;
            background: url(/ui/img/gallery.png) 120px center no-repeat #000;
            cursor: pointer;
            height: 115px;
            width: 174px;
            position: absolute;
            z-index: 10;
            opacity: 0;
            padding-left: 0;
            padding-right: 0;
            background-size: 30px 20px;
            color: #fff !important;
        }

        .moviecol ul.gallery li:hover .tile {
            opacity: .7;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .moviecol ul.gallery li .tile p {
            margin-top: 41px;
            font-size: 20px;
            text-align: left;
            margin-left: 20px;
            color: #fff;
        }

.loadingblock p {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    color: #09a0ff;
}

.spinner {
    background-image: url(/ui/img/ajax-loader-blue.gif);
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 45px;
}

.loadingblock p {
    font-size: 20px;
    font-weight: 600;
    line-height: 130%;
    color: #09a0ff;
}


.spinner {
    background-image: url(/ui/img/ajax-loader-blue.gif);
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 45px;
}

/* popular searches */

ul.popularsearches.closed li {
    width: 48%;
    padding-bottom: 8px;
    text-align: left;
    line-height: 145%;
    border-bottom: 1px solid #f1f1f1;
    float: left;
    margin-right: 13px;
}

    ul.popularsearches.closed li a {
        float: left;
        width: 100%;
    }

    ul.popularsearches.closed li span a {
        float: left;
        color: #0971ff;
        padding-right: 0px;
        background-image: none;
        color: #ff5400;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    ul.popularsearches.closed li span {
        float: left;
        margin-top: 5px;
    }

        ul.popularsearches.closed li span a:hover {
            color: #000;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }


/* new popup */

/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #cccccc;
    }

        .mfp-preloader a:hover {
            color: white;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #000;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid white;
        margin-left: 31px;
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid white;
        margin-left: 39px;
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3f3f3f;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: black;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444444;
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}


.infoitem {
    margin: 10px 0px 20px 0px;
    clear: both;
}

    .infoitem h2 {
        color: #25a503;
    }

.unsubscribe .moviemailform .submitbuttonwrapper {
    margin-top: 5px;
}

.unsubscribe p {
    padding-top: 10px;
    font-size: 16px;
}


.act:last-of-type {
    color: yellow !important;
}

.movielist div .notickets {
    font-family: Arial, Sans-serif;
    font-size: 13px;
}

.movielist div li.notickets {
    padding-bottom: 0px;
    margin-bottom: 0px;
    height: 25px;
    width: 55px;
    padding-right: 0px;
}

.movielist div div {
    float: left;
    width: 605px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 5px;
    border-bottom: 0;
    padding-top: 0px;
    border-top: 0;
}


.theatre .columnleft .theatreimage img {
    width: 88px;
}

.movieblock p {
    color: #000;
}

ul.videoslides li a {
    color: #000;
}

ul.userreviews li {
    color: #000;
}

ul.popularsearches li a {
    color: #000;
}

.theatreinfo p span {
    padding-right: 5px;
}

.viewtrailer {
    margin-left: 0px !important;
}

.movierating {
    margin-right: 0px;
}


.ok {
    position: relative;
    display: inline-block;
    width: 150px;
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'PT Sans Narrow', Sans-serif;
    font-size: 19px;
    line-height: 118%;
    padding: 2px 15px;
    font-weight: bold;
    margin: 0 auto;
    color: #fff;
    border: 2px solid #0088dd;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    -moz-transition: background-color 0.4s linear;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
    text-decoration: none;
}
/* Use my location button */
a.ok {
    color: #fff !important;
    text-align: center;
    background-color: #09a0ff;
    text-decoration: none;
    margin: 0 auto;
    background-image: linear-gradient(to bottom,#09a0ff, #0088dd); /* IE6-9 */
}

    a.ok:hover {
        background-image: linear-gradient(to bottom,#0088dd, #09a0ff);
    }

.ok:after {
    content: "";
    width: 15px;
    height: 15px;
    background: url(/ui/img/whitearrow.png);
    top: 7px;
    right: 0px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
}

ul.movielist li:only-child {
    border: 0px;
}

ul.newslist p {
    color: #000;
}

.theatreinfo p span:empty {
    display: none;
}

.addressblock {
    width: 100%;
    float: left;
    padding-bottom: 0px;
}

.myshowtimes {
    margin-top: 5px;
    margin-bottom: -5px;
}

    .myshowtimes .linkposition {
        float: left;
        width: 100% !important;
    }

h3.showtimesdate {
    font-size: 16px;
    color: #000;
    font-family: 'Open Sans', Sans-serif;
    font-weight: normal;
    margin-top: 7px;
    margin-bottom: 15px;
}

    h3.showtimesdate a {
        color: blue;
        font-size: 14px;
        padding-left: 10px;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        h3.showtimesdate a:hover {
            color: #000;
            text-decoration: underline;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

.theatrecitylist label {
    float: left;
    Width: 160px;
    padding-top: 2px;
}

.theatrecitylist select {
    width: 76%;
    word-wrap: break-word;
}

.theatrecitylist label {
    font-size: 13px;
    padding-bottom: 5px;
    padding-top: 7px;
    font-weight: 600;
}

.theatrecitylist div {
    float: left;
    margin-bottom: 5px;
    width: 100% !important;
}

.theatrecitylist .wrapper {
    display: inline-block;
    border-bottom: 1px solid #e6e6e6;
    width: 100% !important;
}

.searchshowtimes .locationbutton {
    font-family: 'Open Sans', Sans-serif;
    position: relative;
    float: left;
    margin-left: 8px;
    width: 146px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    line-height: 118%;
    padding: 1px 15px;
    padding-left: 17px;
    padding-right: 0px;
    padding-top: 4px;
    font-weight: 600;
    color: #fff;
    border: 2px solid #1f8b02;
    height: 28px !important;
    overflow: hidden;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    cursor: pointer;
    -moz-transition: background-color 0.4s linear;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
    text-decoration: none;
}

.searchshowtimes .searchbycityleftcolumn .locationbutton {
    font-size: 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-top: 2px;
    height: 30px !important;
    width: auto;
    padding-left: 20px;
    padding-right: 5px;
}
/*

.searchshowtimes.searchbytheatrewrapper .locationbutton {
margin-top: 22px;	
}
*/
#ajaxCityTheaterList {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.menuicon {
    float: left;
}

.fullmenu {
    float: left;
    color: #fff;
    margin-left: 0px;
    font-size: 15px;
    width: 40px;
    font-family: Arial, Sans-serif;
    text-shadow: 1px 1px 1px #181818;
    font-weight: normal;
    word-wrap: break-word;
}

/* theaters as list button */

.buttonwrapper {
    display: block;
    margin-top: 8px;
}

.listbutton {
    float: left;
    width: 158px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background: url(/ui/img/viewcinemas_changearrow.jpg);
    background-repeat: no-repeat;
    cursor: pointer;
}


.listbuttonchangearrow {
    background: url(/ui/img/viewcinemas.jpg);
}

/* hide showtimes button */



.hideshowtimes {
    position: relative;
    font-size: 13px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 15px !important;
    width: auto;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 5px;
    margin: -1px 0px 3px 115px;
    color: #fff;
    font-weight: 600;
    background-color: #525252;
    text-decoration: none;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    cursor: pointer;
    display: block;
    width: 105px;
}

    .hideshowtimes:hover {
        background-color: #000;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
    }

    .hideshowtimes:after {
        content: "";
        width: 20px;
        height: 29px;
        background: url(/ui/img/showarrow.png);
        top: 2px;
        right: -1px;
        position: absolute;
        display: inline-block;
        background-repeat: no-repeat;
    }


.changearrow:after {
    content: "";
    width: 20px;
    height: 29px;
    background: url(/ui/img/hidearrow.png);
    top: 2px;
    right: -1px;
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
}

.hidemenuitem {
    position: relative;
}


/* updated showtimes */

.searchform {
    display: inline-block;
}

    .searchform h1 {
        margin-top: 0px;
        padding-top: 4px;
        text-align: left;
        padding-left: 20px;
    }

    .searchform .wrapper {
        display: inline-block;
        border-bottom: 1px solid #eaeaea;
        width: 677px;
    }

    .searchform .left {
        float: left;
        width: auto;
        margin-top: 2px;
        margin-bottom: 5px;
    }

    .searchform .right {
        float: right;
        width: 513px;
    }

    .searchform .form {
        margin-left: 7px;
        display: inline-block;
        width: 680px;
        margin-bottom: 8px;
    }

    .searchform .selectcity {
        float: left;
        font-size: 13px;
        text-align: left;
        font-weight: 600;
        padding-top: 2px;
        padding-bottom: 3px;
        margin-bottom: 0px;
    }

    .searchform .form > div {
        float: left;
        width: 225px;
        margin-right: 5px;
        margin-top: 0px;
    }

        .searchform .form > div.city {
            width: 160px;
        }

        .searchform .form > div.genre {
            width: 160px;
        }

        .searchform .form > div.button {
            width: 115px;
        }

    .searchform .form select {
        width: 100%;
        font-size: 13px;
    }

    .searchform .searchbutton {
        font-size: 18px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 100%;
        height: 27px;
    }

    .searchform .messagebox {
        width: 680px;
        margin-left: 7px;
        margin-top: 0px;
        margin-bottom: 5px;
        padding-top: 0px;
    }

        .searchform .messagebox .linkposition {
            width: 254px;
            margin-top: 0px;
        }

    .searchform .locationbutton {
        font-size: 15px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        margin-top: 2px;
        margin-left: 0px;
        height: 30px !important;
        width: auto;
        padding-left: 20px;
        padding-right: 5px;
    }

    .searchform.searchbytheatre .form > div, .searchform.searchbymovie .form > div {
        float: left;
        width: 210px;
        margin-right: 5px;
        margin-top: 0px;
    }

        .searchform.searchbytheatre .form > div.city, .searchform.searchbymovie .form > div.city {
            width: 155px;
        }

        .searchform.searchbytheatre .form > div.genre, .searchform.searchbymovie .form > div.genre {
            width: 155px;
        }

        .searchform.searchbytheatre .form > div.button, .searchform.searchbymovie .form > div.button {
            width: 90px;
            margin-right: 0px;
        }

    .searchform.searchbytheatre .form .searchbutton, .searchform.searchbymovie .form .searchbutton {
        padding-left: 0;
        padding-right: 0;
    }

    .searchform.searchbytheatre h1 {
        text-align: left;
        padding-left: 20px;
    }

    .searchform.searchbymovie .right {
        width: 100%;
    }


    .searchform.searchbymovie h1 {
        text-align: center;
        padding-left: 0px;
    }

    .searchform .form select {
        -webkit-padding-end: 10px;
    }


.popularsearchesheading {
    margin-top: 15px;
}

.locationblock h1 {
    color: #000;
}

ul.popularsearches li a {
    font-size: 13px;
}

@-moz-document url-prefix() {
    .searchform .form select {
        padding-right: 0px;
    }
}

.findshowtimes a {
    float: right;
    font-size: 15px;
    line-height: 118%;
    padding: 6px 0px;
    font-weight: normal;
    color: #fff;
    background-color: #09a0ff;
    border: 1px solid #006db3;
    border-radius: 3px;
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 173px;
    margin-top: 5px;
    box-sizing: border-box;
    text-align: center;
    background-image: linear-gradient(to bottom,#09a0ff, #006db3);
    background-color: #09a0ff;
    text-shadow: 1px 1px 1px #000;
    text-decoration: none;
}

    .findshowtimes a:hover {
        background-image: linear-gradient(to bottom,#006db3, #09a0ff);
        background-color: #006db3;
    }

.buttonmobile {
    display: none;
}

.selectcitywrapper {
    display: inline-block;
    width: 100%;
}

.blackbox .inheader a {
    color: #b5b5b5 !important;
    background-image: url(/ui/img/arrow-lg.png);
}

.ticketinformation {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.theatre h3.showtimesdate {
    margin-left: 15px;
}

.socialmeta .addthis_20x20_style .at_flat_counter {
    line-height: 22px !important;
}

.img-zoom {
    z-index: 9999999999999999;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    border: 2px solid #fff;
    margin-right: -5px;
    box-sizing: border-box;
}

.imgitm {
    margin-bottom: 0px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transition-timing-function: ease-out;
    -ms-transition-duration: 250ms;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

    .imgitm:hover {
        z-index: 9998;
        position: absolute;
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transition-timing-function: ease-out;
        -ms-transition-duration: 250ms;
        -webkit-transition-timing-function: ease-out;
        -webkit-transition-duration: 250ms;
        -moz-transform: scale(1.1);
        -moz-transition-timing-function: ease-out;
        -moz-transition-duration: 250ms;
        margin: 0;
        padding: 0;
    }

        .imgitm:hover img {
            width: 100%;
            height: auto;
            border: 1px solid #fff;
            padding: 0px !important;
            margin: 0px !important;
        }

.searchresults .searchbutton {
    font-size: 18px;
}

.searchform .messagebox p {
    color: #0c4c9b;
    font-weight: 600;
}

.theatre .messagebox p, .myshowtimes p, .greysearchbox .messagebox p {
    font-weight: 600;
}

p.ticketingmessage {
    display: inline-block;
    color: #0c4c9b !important;
    font-weight: 600 !important;
    padding-top: 3px !important;
    padding-bottom: 3px;
}



.available {
    background-image: url(/ui/img/ticketingavailable.png);
    background-repeat: no-repeat;
    background-position: left 6px;
    padding-left: 15px;
}

/* movie info box for showtimes */

.showtimesmovieinfo {
    width: 100%;
    display: inline-block;
    padding-bottom: 12px;
    margin-top: 15px;
    margin-bottom: 0px;
    border-bottom: 1px solid #f8f8f8;
}

    .showtimesmovieinfo .colleft {
        float: left;
        margin-right: 15px;
    }

    .showtimesmovieinfo .colright .titlewrapper {
        float: left;
        width: 100%;
    }

    .showtimesmovieinfo .colleft img {
        border: 1px solid #e8e8e8;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .showtimesmovieinfo .colleft a img:hover {
        border: 1px solid #09a0ff;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .showtimesmovieinfo .colright h2 {
        width: auto !important;
        font-family: 'PT Sans Narrow', Sans-serif;
        font-weight: normal;
        font-size: 22px;
        line-height: 120%;
        color: #000;
        width: 100%;
        margin-right: 4px;
        margin-bottom: 0px;
    }


        .showtimesmovieinfo .colright h2 a {
            color: #e54b00;
            font-weight: normal;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .showtimesmovieinfo .colright h2 span {
            color: #000;
            padding-left: 0px;
            float: none;
            font-size: 17px;
            margin-top: 0px;
        }

    .showtimesmovieinfo .colright span img {
        float: left;
        width: 70px;
        margin-top: 2px;
    }

    .showtimesmovieinfo .colright p.infobox {
        float: left;
        font-size: 13px;
        margin-left: 10px;
        margin-bottom: 3px;
        padding-top: 2px;
    }


    .showtimesmovieinfo .colright p:nth-of-type(2) {
        display: inline-block;
        margin-left: 0px;
        width: 590px;
    }

    .showtimesmovieinfo .colright .button a {
        position: relative;
        display: inline-block;
        font-size: 15px;
        line-height: 118%;
        padding: 6px 0px;
        padding-left: 15px;
        font-weight: normal;
        color: #fff;
        background-color: #09a0ff;
        border-radius: 3px;
        cursor: pointer;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 125px;
        margin-top: 2px;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
    }

        .showtimesmovieinfo .colright .button a:hover {
            background-color: #006db3;
        }

        .showtimesmovieinfo .colright .button a:before {
            content: "";
            width: 17px;
            height: 50px;
            background: url(/ui/img/showtimesplay.png);
            background-size: 8px 12px;
            top: 8px;
            left: 9px;
            position: absolute;
            display: inline-block;
            background-repeat: no-repeat;
        }

.searchbymovie .movielist div div {
    margin-left: 0px;
    width: 100%;
}




.searchbymovie .movielist div span span {
    width: auto;
    margin-bottom: 2px;
}


.searchbymovie .movielist div .showtimestype span {
    margin-top: 1px;
    margin-bottom: 0px;
    width: 100%;
}

.searchbymovie .movielist .showtimestype p {
    padding-top: 4px;
}

ul.movielist p.ticketingmessage {
    margin-bottom: 2px;
}

.theatredetail {
    display: block;
}


.showtimes_searchoptions {
    margin-top: 7px;
    width: 100%;
    display: inline-block;
    background: #f8f8f8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


    .showtimes_searchoptions span {
        font-size: 14px;
        float: left;
        margin: 5px 5px 0px 6px;
        color: #525252;
        width: auto;
    }

    .showtimes_searchoptions ul {
        display: inline-block;
        width: 100%;
        padding: 10px 5px 6px 5px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .showtimes_searchoptions ul li {
            float: left;
            font-size: 14px;
            width: auto;
            padding: 0 4px 0px 1px;
            margin: 0;
        }

            .showtimes_searchoptions ul li a {
                float: inherit;
                color: #0971ff;
                padding: 2px 4px 2px 4px !important;
                margin-bottom: 2px;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                text-decoration: none;
            }

                .showtimes_searchoptions ul li a.hover {
                    color: #fff;
                    background-color: #ff5400;
                    text-decoration: none;
                }

                .showtimes_searchoptions ul li a.active {
                    color: #fff;
                    background-color: #0971ff;
                    background-repeat: no-repeat;
                    background-position: right 2px;
                }

                    .showtimes_searchoptions ul li a.active:after {
                        content: "";
                        background-image: url(/ui/img/closeactive.png);
                        background-repeat: no-repeat;
                        width: 20px;
                        height: 20px;
                        margin-top: -6px;
                        margin-left: -3px;
                        position: absolute;
                    }

                .showtimes_searchoptions ul li a.allfilters:after {
                    background-image: none;
                }

.webui-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: auto !important;
    height: auto !important;
    max-width: 285px;
    padding: 1px !important;
    text-align: left;
    white-space: normal;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .webui-popover.top,
    .webui-popover.top-left,
    .webui-popover.top-right {
        margin-top: -20px;
    }

    .webui-popover.right,
    .webui-popover.right-top,
    .webui-popover.right-bottom {
        margin-left: 10px;
    }

    .webui-popover.bottom,
    .webui-popover.bottom-left,
    .webui-popover.bottom-right {
        margin-top: 10px;
    }

    .webui-popover.left,
    .webui-popover.left-top,
    .webui-popover.left-bottom {
        margin-left: -10px;
    }

    .webui-popover.pop {
        -webkit-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
    }

    .webui-popover.fade {
        transition: opacity .15s linear;
    }

    .webui-popover.in {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1;
    }

.webui-popover-inner .close {
    font-family: arial;
    margin: 5px 10px 0 0;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    text-decoration: none;
}

    .webui-popover-inner .close:hover,
    .webui-popover-inner .close:focus {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.webui-popover-title {
    color: #fff;
    padding: 8px 14px;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    background-color: #09a0ff;
    border-bottom: 1px solid #ebebeb;
}

.webui-popover-content {
    font-size: 13px;
    line-height: 20px;
    padding: 4px 4px;
    overflow: auto;
    white-space: pre-line;
}

.webui-popover-inverse {
    background-color: #333333;
    color: #eeeeee;
}

    .webui-popover-inverse .webui-popover-title {
        background: #3b3b3b;
        border-bottom: none;
        color: #eeeeee;
    }

.webui-no-padding .webui-popover-content {
    padding: 0;
}

.webui-no-padding .list-group-item {
    border-right: none;
    border-left: none;
}

    .webui-no-padding .list-group-item:first-child {
        border-top: 0;
    }

    .webui-no-padding .list-group-item:last-child {
        border-bottom: 0;
    }

.webui-popover > .arrow,
.webui-popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.webui-popover > .arrow {
    border-width: 11px;
}

    .webui-popover > .arrow:after {
        border-width: 10px;
        content: "";
    }

.webui-popover.top > .arrow,
.webui-popover.top-right > .arrow,
.webui-popover.top-left > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
}

    .webui-popover.top > .arrow:after,
    .webui-popover.top-right > .arrow:after,
    .webui-popover.top-left > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-top-color: #ffffff;
        border-bottom-width: 0;
    }

.webui-popover.right > .arrow,
.webui-popover.right-top > .arrow,
.webui-popover.right-bottom > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

    .webui-popover.right > .arrow:after,
    .webui-popover.right-top > .arrow:after,
    .webui-popover.right-bottom > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #ffffff;
    }

.webui-popover.bottom > .arrow,
.webui-popover.bottom-right > .arrow,
.webui-popover.bottom-left > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-top-width: 0;
}

    .webui-popover.bottom > .arrow:after,
    .webui-popover.bottom-right > .arrow:after,
    .webui-popover.bottom-left > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-bottom-color: #ffffff;
        border-top-width: 0;
    }

.webui-popover.left > .arrow,
.webui-popover.left-top > .arrow,
.webui-popover.left-bottom > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

    .webui-popover.left > .arrow:after,
    .webui-popover.left-top > .arrow:after,
    .webui-popover.left-bottom > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #ffffff;
        bottom: -10px;
    }

.webui-popover-inverse.top > .arrow,
.webui-popover-inverse.top-left > .arrow,
.webui-popover-inverse.top-right > .arrow,
.webui-popover-inverse.top > .arrow:after,
.webui-popover-inverse.top-left > .arrow:after,
.webui-popover-inverse.top-right > .arrow:after {
    border-top-color: #333333;
}

.webui-popover-inverse.right > .arrow,
.webui-popover-inverse.right-top > .arrow,
.webui-popover-inverse.right-bottom > .arrow,
.webui-popover-inverse.right > .arrow:after,
.webui-popover-inverse.right-top > .arrow:after,
.webui-popover-inverse.right-bottom > .arrow:after {
    border-right-color: #333333;
}

.webui-popover-inverse.bottom > .arrow,
.webui-popover-inverse.bottom-left > .arrow,
.webui-popover-inverse.bottom-right > .arrow,
.webui-popover-inverse.bottom > .arrow:after,
.webui-popover-inverse.bottom-left > .arrow:after,
.webui-popover-inverse.bottom-right > .arrow:after {
    border-bottom-color: #333333;
}

.webui-popover-inverse.left > .arrow,
.webui-popover-inverse.left-top > .arrow,
.webui-popover-inverse.left-bottom > .arrow,
.webui-popover-inverse.left > .arrow:after,
.webui-popover-inverse.left-top > .arrow:after,
.webui-popover-inverse.left-bottom > .arrow:after {
    border-left-color: #333333;
}

.webui-popover i.icon-refresh:before {
    content: "";
}

.webui-popover i.icon-refresh {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    margin-right: -15px;
    background: url(/ui/img/loading.gif) no-repeat;
}

.webui-popover.top {
    padding-top: 0px;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}



.loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/ui/img/preloader.gif') 50% 50% no-repeat rgba(0,0,0, 0.3);
    display: none;
}

form#rateform .realperson-challenge {
    width: auto;
    margin-top: 5px;
}

form#rateform .is-realperson {
    width: 270px;
    margin-top: 0px;
}

form#rateform .realperson-regen {
    margin-bottom: 4px;
    margin-top: 2px;
}

form#rateform .captchawrap {
    border-top: 1px solid #ebebeb;
    margin-bottom: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
}

    form#rateform .captchawrap label {
        width: 150px;
    }

/* IE11-specific styles go here */
@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .listbutton, .showtimes_searchoptions_trigger {
        border-radius: 0 !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10-specific styles go here */
    .bluebox {
        border-radius: 0px;
    }

    ul.citymovieslist li ul li a {
        border-radius: 0px;
    }

    .listbutton, .showtimes_searchoptions_trigger {
        border-radius: 0 !important;
    }
}

/* IE9 */

.listbutton, .showtimes_searchoptions_trigger {
    border-radius: 0 \9 !important;
}
/* CSS Document */

/* fix issue on feedback button style on homepage from some Mac*/
#webklipper-publisher-widget-container-content {
    background-color: transparent !important;
    border: 0 !important;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
    width: 100%;
}

.col-med {
    width: 47%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

    .col-med a:hover {
        text-decoration: none !important;
    }

    .col-med img {
        width: 100%;
    }

    .col-med .fp {
        padding: 8px;
        background-color: #eee;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }

    .col-med a .fp h3 {
        color: #09a0ff;
        display: block;
        margin: 10px 0;
    }

    .col-med a .fp p {
        color: #000 !important;
        display: block;
        margin: 10px 0;
        font-style: normal !important;
    }

.fp-date {
    border-top: 1px solid #dadada;
    margin-left: -9px;
    margin-right: -9px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-top: 8px;
    font-weight: 600;
    color: #777;
    font-size: 12px;
    font-style: normal !important;
}

@media (max-width: 1022px) {
    .col-med {
        width: 45.8%;
    }
}