@viewport
 {
 /* width: device-width; */
 width: extend-to-zoom;
 zoom: 1.0;
 }

@-ms-viewport
 {
 /* width: device-width; */
 width: extend-to-zoom;
 zoom: 1.0;
 }

html
 {
 background: url("http://www.filminute.com/files/noise-grey.jpg");
 border-width: 0px;
 height: 100%;
 margin: 0px;
 padding: 0px;
 position: relative;
 width: 100%;
 }

body
 {
 background: url("http://www.filminute.com/files/pattern_diagonal_medium.png");
 border-width: 0px;
 height: 100%;
 margin: 0px;
 overflow-y: scroll;
 padding: 0px 0px 0px 0px;
 position: relative;
 width: 100%;
 }

div
 {
 border-width: 0px;
 height: auto;
 margin: 0px;
 padding: 0px;
 width: auto;
 }

img
 {
 display: block;
 }

p
 {
 border-width: 0px;
 margin: 0px;
 padding: 0px;
 }

div#curtain
 {
 background: #000000 url("http://www.filminute.com/files/mobile_loading.gif") no-repeat center center;
 height: 100%;
 left: 0px;
 position: absolute;
 top: 0px;
 width: 100%;
 z-index: 100;
 }

div#welcome
 {
 display: none;
 height: 100%;
 margin: 0px;
 min-width: 320px;
 overflow: hidden;
 padding: 0px;
 position: relative;
 width: 100%;
 z-index: 0;
 }

div#welcome div.background
 {
 height: 100%;
 position: relative;
 width: 100%;
 z-index: 0;
 }

div#welcome div.background img
 {
 width: 100%;
 }

div#welcome div.title
 {
 color: #DDDDDD;
 font: bold 24px/48px 'arial', sans-serif;
 left: 20%;
 margin: 20px 0px 0px 0px;
 position: absolute;
 text-align: center;
 top: 0%;
 width: 30%;
 }

div#welcome div.title img
 {
 width: 100%;
 }
 
 div#welcome div.description img
 {
 width: 100%;
 }

div#welcome div.description
 {
 bottom: 0%;
 color: #DDDDDD;
 font: bold 12px 'arial', sans-serif;
 left: 20%;
 margin: 20px 0px 0px 0px;
 position: absolute;
 text-align: center;
 width: 80%;
 }

div#welcome div.description a.button
 {
 clear: both;
 color: #EEEEEE;
 display: block;
 font: bold 12px/24px 'arial', sans-serif;
 margin: 20px auto 0px auto;
 text-align: center;
 text-decoration: none;
 width: 20%;
 }

div#welcome div.description a.button img
 {
 width: 100%;
 }

div#grid
 {
 margin: 0px;
 min-width: 320px;
 padding: 3px 0px 3px 0px;
 position: relative;
 width: 100%;
 z-index: 0;
 }

div#grid div.box
 {
 background: #000000;
 box-shadow: 4px 4px 4px 0px #151515;
 float: left;
 margin: 3px 3px 3px 3px;
 overflow: hidden;
 position: relative;
 }

div#grid a.film
 {
 display: block;
 margin: 2px 2px 0px 2px;
 position: relative;
 z-index: 1;
 }

div#grid div.hover
 {
 bottom: 0px;
 display: none;
 height: auto;
 left: 0px;
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 0px;
 width: 100%;
 z-index: 2;
 }

div#grid div.hover img
 {
 width: 100%;
 z-index: 2;
 }

div#grid div.thumb
 {
 background: #000000;
 height: auto;
 margin: 0px;
 padding: 0px;
 position: relative;
 width: 100%;
 z-index: 1;
 }

div#grid div.thumb img
 {
 width: 100%;
 z-index: 1;
 }
 
 div#grid div.thumbb img
 {
     width: 100%;
    -webkit-mask-image: url(/files/pages/mask.png);
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    z-index: 1;
 }
 

div#grid div.title
 {
 background: #000000;
 border-left: 4px solid #000000;
 border-right: 4px solid #000000;
 border-top: 4px solid #000000;
 color: #DDDDDD;
 font: bold 12px/20px 'arial', sans-serif;
 height: 20px;
 margin: 0px;
 overflow: hidden;
 padding: 0px;
 white-space: nowrap;
 }

div#grid div.details
 {
 background: #000000;
 border-bottom: 4px solid #000000;
 border-left: 4px solid #000000;
 border-right: 4px solid #000000;
 color: #CCCCCC;
 font: 10px/15px 'arial', sans-serif;
 height: 30px;
 margin: 0px;
 overflow: hidden;
 padding: 0px;
 white-space: nowrap;
 }

div#grid div.clear
 {
 clear: both;
 }

div#player
 {
 margin: 0px;
 min-width: 320px;
 padding: 0px;
 position: relative;
 width: 100%;
 z-index: 0;
 }

div#player div.box
 {
 background: #000000;
 box-shadow: 4px 4px 4px 0px #151515;
 float: left;
 margin: 6px;
 padding: 0px;
 overflow: hidden;
 position: relative;
 }

div#player div.navigation
 {
 display: block;
 height: 24px;
 margin: 0px;
 padding: 0px;
 }

div#player div.video
 {
 background: #000000;
 height: auto;
 margin: 0px;
 padding: 0px;
 position: relative;
 width: 100%;
 z-index: 1;
 }

div#player div.title
 {
 background: #000000;
 border-left: 4px solid #000000;
 border-right: 4px solid #000000;
 border-top: 4px solid #000000;
 color: #DDDDDD;
 font: bold 12px/20px 'arial', sans-serif;
 height: 20px;
 margin: 0px;
 overflow: hidden;
 padding: 0px;
 white-space: nowrap;
 }

div#player div.details
 {
 background: #000000;
 border-bottom: 4px solid #000000;
 border-left: 4px solid #000000;
 border-right: 4px solid #000000;
 color: #CCCCCC;
 font: 10px/15px 'arial', sans-serif;
 margin: 0px;
 padding: 0px;
 }

div#player div.details a
 {
 color: #FEEF21;
 font: 10px/15px 'arial', sans-serif;
 text-decoration: none;
 }

div#player div.details a:hover
 {
 color: #FEEF21;
 font: 10px/15px 'arial', sans-serif;
 text-decoration: underline;
 }

div#player div.rating
 {
 background: #000000;
 color: #CCCCCC;
 font: 10px/15px 'arial', sans-serif;
 height: 40px;
 margin: 0px;
 padding: 0px 4px 4px 0px;
 width: 100%;
 }

div#player div.rating form
 {
 margin: -2px 0px 0px -1px;
 }

div#player div.rating form span.title
 {
 color: #FFD930;
 float: left;
 font: bold 14px/32px 'arial', sans-serif;
 margin: 0px 0px 0px 6px;
 }

/*
div.rating div.star-rating
 {
 height: 20px !important;
 }

div.rating div.star-rating a
 {
 background-position: -3px -6px !important;
 }

div.rating div.star-rating-on a
 {
 background-position: -3px -38px !important;
 }

div.rating div.star-rating-hover a
 {
 background-position: -3px -70px !important;
 }
*/

div#player div.rating div.submit
 {
 /*** cursor: pointer; ***/
 background: url('../files/submit_rating_mobile.gif') no-repeat 0px -24px;
 float: left;
 height: 20px;
 margin: 2px 0px 0px 4px;
 width: 110px;
 }

div#player div.rating div.submit:hover
 {
 /*** background: url('../files/rating_submit.gif') no-repeat 0px -24px; ***/
 }

div#player div.share
 {
 background: #000000;
 bottom: 0px;
 color: #CCCCCC;
 font: 10px/15px 'arial', sans-serif;
 height: 40px;
 margin: 0px;
 padding: 0px 4px 4px 0px;
 position: absolute;
 right: 0px;
 width: 172px;
 }

div#player div.share > img
 {
 float: left;
 width: 40px;
 }

div#player div.share a.addthis_button_facebook
 {
 background-color: rgb(48, 88, 145) !important;
 padding: 4px 4px 4px 4px !important;
 margin: 0px 0px 0px 4px !important;
 }

div#player div.share a.addthis_button_twitter
 {
 background-color: rgb(44, 168, 210) !important;
 padding: 4px 4px 4px 4px !important;
 margin: 0px 0px 0px 4px !important;
 }

div#player div.share a.addthis_button_compact
 {
 background-color: rgb(252, 109, 76) !important;
 padding: 4px 4px 4px 4px !important;
 margin: 0px 0px 0px 4px !important;
 }

div#player div.comments
 {
 background: #000000;
 color: #CCCCCC;
 font: 10px/15px 'arial', sans-serif;
 margin: 0px;
 padding: 6px;
 }

div#player div.clear
 {
 clear: both;
 }

/*** rating ***/

div.rating div.rating-cancel, div.rating div.star-rating {
        float:left;
        width:23px;
        height:20px;
        text-indent:-999em;
        cursor:pointer;
        display:block;
        background:transparent;
        overflow:hidden;
}
div.rating div.rating-cancel a, div.rating div.star-rating a {
        display:block;
        width:32px;
        height:100%;
        background-position:0 0px;
        border:0;
}
div.rating div.rating-cancel, div.rating div.rating-cancel a {
        background:url('../files/delete.gif') no-repeat 0 -16px;
        display:none!important;
}
div.rating div.star-rating, div.rating div.star-rating a {
        background: url('../files/rating_star.png') no-repeat -3px -6px;
}
div.rating div.star-rating-hover a {
        background-position:-3px -70px;
}
div.rating div.star-rating-on a {
        background-position:-3px -38px !important;
}
/* Read Only CSS */
div.rating div.star-rating-readonly a {
        cursor:default !important;
}
/* Partial Star CSS */
div.rating div.star-rating {
        background:transparent!important;
        overflow:hidden!important;
}