/*
Yahoo UI CSS reset, with some modifications
License information at http://developer.yahoo.com/yui/license.html
*/

body, div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, th, td, ul, li {  
    margin:0;
    padding:0;}
    
ul, ol {
    margin-left:30px;}

span, input {
	position:relative;}
	
input[type="submit"] {
    height:21px;
    padding:3px 5px;
    cursor:pointer;
    color:#222;
    font-size:11px;
    font-weight:bold;
    text-shadow:#fff 0 1px 1px;
    background:#f0f0f8 url('../img/submit-button-bkgd.png') repeat-x bottom left;
    border:1px solid #aaa;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;}
	
input[type="submit"]:active {
    background:#f0f0f8 url('../img/submit-button-bkgd-active.png') repeat-x bottom left;}

table { 
    border-collapse:collapse;
    border-spacing:0;}
	
.gecko input[type="submit"] {
    padding:2px 5px 4px;}
 
fieldset, img, abbr, acronym {
    border:0;} 

address, caption, cite, code, dfn, th, var { 
    font-style:normal;
    font-weight:normal;}
    
textarea {
    border:1px solid #bbb;
    border-top-color:#999;}
    
p {
    line-height:1.4;}
    
p+p {
    margin-top:1em;}
    
h1+p {
    margin-top:0.5em;}

caption, th { 
    text-align:left;} 

q:before, q:after { 
    content:'';}
    
sup {
    line-height:1.25;}
    
    
    
/*
General text styles
*/

div.dummyclearer {
    clear:both;}

body {
    font:14px "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif;}
    
h1 {
    font-size:28px;
    font-weight:normal;}
    
h2 {
    font-size:16px;}
    
.error {
    color:#ff5555;}
    
a:link {
    color:#004778;
    text-decoration:none;}

a:visited {
    color:#206798;
    text-decoration:none;}
   
a:hover, a:link:active {
    cursor:pointer;
    text-decoration:underline;}
    
    
    
/*
Site layout
*/

body {
    background:#f0f0f8;
    color:#111;}
    
div#preloadimages {
    position:absolute;
    top:-1000px;
    height:0;
    width:0;
    overflow:hidden;
    display:none;}
    
div#header, div#body, div#footer, div#permamessage, div#headeradwrap {
    position:relative;
    width:960px;
    margin:0 auto;
    padding:0 17px;}
    
div#permamessage {
    margin:5px auto 15px;
    padding:5px 16px;
    font-size:12px;
    color:#666;
    background:#e4e4ec;
    border:1px solid #ccc;
    border-top-color:#bbb;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;}

div#sitemessage {
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:35;
    padding:9px 16px 8px;
    background:#e4e4ec;
    border:1px solid #ccc;
    border-top-color:#bbb;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;}
    
div#headeradwrap {
    margin:5px auto 15px;
    overflow:hidden;
    text-align:right;}
    
div#headeradwrap div.leaderboard {
    width:728px;
    height:90px;
    margin:0 auto;
    background:#e4e4ec;}
    
div#headeradwrap div.fullbanner {
    width:468px;
    height:60px;
    float:left;
    background:#e4e4ec;}
    
div#headeradwrap div.fullbanner.right {
    float:right;}
    
div#header {
    height:32px;
    padding:5px 0;}
    
div#header div#tagline {
    position:absolute;
    top:10px;
    left:423px;
    width:343px;
    height:14px;
    padding:5px;
    overflow:hidden;
    color:transparent;
    text-indent:-5000px;
    background:url('../img/sprites.png') no-repeat -25px -42px;
    border:1px solid #d0d0d6;
    border-left:none;
    border-right:none;}
    
div#header a#logo {
    display:block;
    position:relative;
    top:5px;
    width:393px;
    height:25px;
    color:transparent;
    text-indent:-5000px;
    background:url('../img/sprites.png') no-repeat -27px -14px;}
    
div#header div#logincontainer {
    position:absolute;
    top:10px;
    right:0;
    width:250px;
    overflow:hidden;
    text-align:right;}
    
div#header div#logincontainer img#userpic {
    width:24px;
    height:24px;
    float:right;
    margin-left:5px;}
    
div#header div#logincontainer div#userinfo {
    position:relative;
    top:-1px;
    font-size:11px;}
    
div#header div#logincontainer div#userinfo span#userdetail {
    font-size:9px;}
    
div#header+div#body {
    margin-top:4px;}
    
div.shadow {
    position:absolute;
    left:5px;
    right:5px;
    height:6px;}
    
div.shadow.left, div.shadow.right {
    height:auto;
    width:6px;
    top:10px;
    bottom:-1px;
    left:auto;
    right:auto;}
    
div.shadow.top {
    top:-7px;
    background:url('../img/shadow-upward.png') repeat-x;}
    
div.shadow.bottom {
    bottom:-7px;
    background:url('../img/shadow-downward.png') repeat-x;}
    
div.shadow.left {
    left:-7px;
    background:url('../img/shadow-leftward.png') repeat-y top right;}
    
div.shadow.right {
    right:-7px;
    background:url('../img/shadow-rightward.png') repeat-y top left;}
    
div.shadow div.corner {
    position:absolute;
    height:6px;
    width:6px;}
    
div.shadow div.corner.tl {
    bottom:0;
    left:-6px;
    background:url('../img/sprites.png') no-repeat -229px 0;}
    
div.shadow.left div.corner, div.shadow.right div.corner {
    top:-6px;
    bottom:auto;}
    
div.shadow.left div.corner.tl {
    left:auto;
    right:0;}
    
div.shadow.right div.corner.tr {
    right:auto;
    left:0;}
    
div.shadow div.corner.tr {
    bottom:0;
    right:-6px;
    background:url('../img/sprites.png') no-repeat -239px 0;}
    
div.shadow div.corner.bl {
    top:0;
    left:-6px;
    background:url('../img/sprites.png') no-repeat -249px 0;}
    
div.shadow div.corner.br {
    top:0;
    right:-6px;
    background:url('../img/sprites.png') no-repeat -259px 0;}
    
div#footer {
    margin-top:-90px;
    padding:10px 0;
    text-align:center;
    font-size:11px;
    color:#444;}
    
img#sitetitle {
    margin:2px 0 -4px;}
    

/* movierow and moviecontainer are the big components 
of the grid that defines the front page. div.separator
makes the snaking lines that separate weeks */

h2.section {
    position:absolute;
    top:-11px;
    left:0;
    font-weight:normal;
    color:#000;}

.ie7 div.shadow + div.movierow h2.section.left {
    top:-8px;}

.ie8 div.shadow + div.movierow h2.section.left {
    top:-12px;}

h2.section.middle {
    left:330px;}

h2.section.right {
    left:660px;}
    
h2.section span {
    padding:0 5px;
    position:relative;
    left:-5px;
    background:#fff;
    z-index:10;}
    
h2.section div.separator {
    position:absolute;}
    
h2.section div.separator.left {
    top:8px;
    height:242px;
    border:2px solid #bbb;
    border-top:none;
    border-left:none;}
    
h2.section div.separator.top {
    top:8px;
    left:-16px;
    height:2px;
    background:#bbb;}
    
.ie8 h2.section div.separator.left,
.ie8 h2.section div.separator.top {
    top:10px;}
    
.ie8 h2.section div.separator.left {
    height:236px;}
    
h2.section.middle div.separator.left {
    left:-330px;
    width:314px;}
    
.ie7 h2.section.middle div.separator.left {
    left:-331px;}
    
h2.section.right div.separator.left {
    left:-660px;
    width:644px;}
    
.ie7 h2.section.right div.separator.left {
    left:-662px;}
    
h2.section.left div.separator.top {
    left:0;
    width:960px;}
    
h2.section.middle div.separator.top {
    width:646px;}
    
h2.section.right div.separator.top {
    width:316px;}
    
div.shadow + div.movierow h2.section div.separator.top,
div#suggestedmovies div.movierow h2.section div.separator.top {
    display:none;}
    
div.movierow h2.section.left div.separator.left,
div#suggestedmovies div.movierow h2.section div.separator.left {
    display:none;}
    
div.movierow.last h2.section div.separator.left {
    border-bottom:none;
    height:225px;}
    
form.moviesearch img.loading {
    display:none;
    position:absolute;
    z-index:30;
    top:11px;
    right:20px;
    height:14px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;}
    
form.moviesearch.moviepage img.loading,
form.moviesearch.frontpage img.loading {
    top:20px;}
    
input#searchbox {
    position:absolute;
    z-index:25;
    top:8px;
    right:17px;
    width:150px;}
    
form.frontpage input#searchbox {
    top:17px !important;}
    
form.moviepage input#searchbox {
    top:17px !important;
    right:17px !important;
    width:220px !important;}
    
.webkit form.moviepage input#searchbox {
    width:225px !important;}
    
div#searchAutocomplete {
    position:absolute;
    z-index:24;
    top:0;
    right:10px;
    width:167px;
    padding:30px 0 0;
    font-size:12px;
    background:#f0f0f8;
    border:1px solid #ccc;}
    
.webkit div#searchAutocomplete {
    width:162px;}
    
form.frontpage div#searchAutocomplete,
form.moviepage div#searchAutocomplete {
    top:8px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;}
    
form.moviepage div#searchAutocomplete {
    width:237px;}
    
div#searchAutocomplete div.shadow.bottom {
    left:-1px;
    right:-1px;}
    
div#searchAutocomplete ul {
    margin:0;
    padding-bottom:3px;
    list-style-type:none;}

div#searchAutocomplete ul li,    
div#searchAutocomplete ul a {
    padding:2px 5px;
    border:1px solid #f0f0f8;
    border-left:none;
    border-right:none;
    color:#444;
    text-decoration:none;}
 
div#searchAutocomplete ul a {
    display:list-item;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}

div#searchAutocomplete ul li.placeholder {
    color:#888;}
    
div#searchAutocomplete ul a.highlight,
div#searchAutocomplete ul a:hover {
    border-color:#e0e0e0;
    background:#e4e4e8 url('../img/list-item-highlight.png') repeat-x bottom left;}
    
.grayed {
    color:#aaa;}
    
div.bodycontent {
    position:relative;
    min-height:380px;
    margin:0 -17px 90px;
    padding:10px 16px 16px;
    background:#fff;
    border:1px solid #ccc;
    border-top-color:#bbb;
    border-bottom-color:#bbb;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;}
    
div.textblock {
    max-width:650px;}
    
div#suggestedmovies {
    padding-top:30px;}
    
div#suggestedmovies div.movierow + div.movierow {
    padding-top:0;}

div.movierow {
    position:relative;
    padding:15px 0 18px;}

.gecko div.movierow {
    padding-bottom:24px;}

div.shadow + div.movierow {
    position:relative;
    margin-top:8px;}

div.movierow.last {
    padding-bottom:0;
    margin-bottom:-14px;}

.gecko div.movierow.last {
    padding-bottom:0;
    margin-bottom:0;}
    
.moviecontainer {
    width:300px;
    float:left;
    position:relative;
    margin-left:30px;}
    
.ie7 .moviecontainer {
    float:none;
    display:inline-block;
    margin-left:29px;}
    
.moviecontainer.featured {
    width:630px;
    height:315px;
    z-index:10;
    margin:0 0 17px 0;}
    
.moviecontainer:first-child, .moviecontainer.first, h2.section + .moviecontainer {
    margin-left:0;}
    
.moviecontainer img.poster {
    width:300px;
    height:150px;
    display:block;
    margin:0 0 5px 0;}
    
.moviecontainer.featured img.poster, .moviecontainer.featured a.posterlink {
    width:630px;
    height:315px;
    margin:0;}
    
h2.movietitle {
    margin-bottom:8px;
    color:#004778;
    font:20px "Helvetica", "Arial", sans-serif;
    font-weight:bold;}
    
.gecko h2.movietitle {
    position:relative;
    top:1px;
    margin-bottom:8px;}
    
h2.movietitle a {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
    
.moviecontainer a.posterlink {
    display:block;
    position:relative;} 
    
.moviecontainer.featured a.posterlink {
    display:block;
    position:absolute;
    top:0;
    left:0;} 
    
.moviecontainer.featured a.posterlink:first-child {
    z-index:5;} 
    
.moviecontainer a.posterlink div.posterborder {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:5;
    border:1px solid #000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity:0.1;}
    
.ie7 .moviecontainer.featured a.posterlink div.posterborder {
    bottom:0;}
    
.ie7 .moviecontainer a.posterlink div.posterborder {
    bottom:4px;}
    
.moviecontainer a.posterlink:hover div.posterborder {
    border-width:7px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity:0.4;}
    
.moviecontainer.featured a.posterlink:hover div.posterborder {
    border-width:14px;}
    

/* ul#featuredmovies is the list of featured movies at the top of the page.
E.g. this week's releases. It's part of a slideshow in the main image area. */

ul#featuredmovies {
    position:absolute;
    top:15px;
    left:600px;
    list-style-type:none;}

/* The JS deals with the styles for altering 
these <li>s to reflect action in the slideshow */
ul#featuredmovies li {
    position:relative;
    height:79px;
    width:308px;
    overflow:hidden;
    margin:0;
    padding:0 0 0 22px;
    cursor:pointer;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    opacity:0.25;}
    
.ie7 ul#featuredmovies li {
    height:80px;
    margin-bottom:-4px;}

/* The opacity of this is set so that it'll be opaque
right when the page loads. Otherwise it would fade in. */
ul#featuredmovies li:first-child {
    height:78px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity:1;}

ul#featuredmovies li h2.movietitle {
    padding-top:13px;}

ul#featuredmovies li h2.movietitle a {
    text-decoration:none;}

ul#featuredmovies li.novoting h2.movietitle {
    padding-top:18px;}

ul#featuredmovies li.novoting div.voteopentime {
    padding:3px 0;
    font-size:14px;}

.moviecontainer div.voteopentime {
    padding:3px 0 0 1px;
    font-size:13px;}

ul#featuredmovies li a.featurelink {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:50;}
    
ul#featuredmovies li div.rating {
    margin-bottom:-5px;}
    
.gecko ul#featuredmovies li div.rating {
    margin-bottom:0;}
    
ul#featuredmovies li div.meter {
    position:absolute;
    height:auto;
    top:3px;
    bottom:-10px;
    left:0;
    background:#dadade;
    border:none;}
    
ul#featuredmovies li:first-child div.meter {
    border-top:none;}
    
ul#featuredmovies li div.meterbar {
    background:#31324b none;}
    
ul#featuredmovies li+li div.meterbar {
    background:#b89783 none;}
    
ul#featuredmovies li+li+li div.meterbar {
    background:#005788 none;}
    
ul#featuredmovies li+li+li+li div.meterbar {
    background:#d47d5b none;}
    

/* meter, ratingcontainer, and their contents have to do with 
displaying the vote percentages for a movie (plus explanatory text) */

div.meter {
    float:left;
    position:relative;
    top:5px;
    width:14px;
    height:50px;
    margin:-3px 8px 10px 0;
    background:#e0e0e8;}
    
div.meter div.meterbar {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:0;
    background:url('../img/sprites.png') no-repeat bottom left;}
    
div.ratingcontainer {
    position:relative;
    top:-10px;
    font-size:16px;}
    
div.ratingcontainer div.rating {
    float:left;
    position:relative;
    margin-right:7px;
    font:32px "Helvetica", "Arial", sans-serif;}
    
.gecko div.ratingcontainer div.rating {
    top:7px;}
    
div.ratingcontainer div.ratingofwhat {
    position:absolute;
    top:4px;
    left:100%;
    width:200px;
    padding-left:7px;
    font:11px "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif;}
    
.gecko div.ratingcontainer div.ratingofwhat {
    top:-2px;}
    
.ie div.ratingcontainer div.ratingofwhat {
    top:0;}


/* Styles for the movie pages */

div#indivmoviewrap {
    position:relative;
    overflow:hidden;
    margin-top:6px;}
    
div#embedcontainer {
    float:left;
    margin:0 15px -3px 0;}
    
.ie7 div#embedcontainer {
    margin:5px 15px 0 0;}
    
div#moviesidebar {
    padding-top:28px;
    margin-bottom:63px;
    font-size:12px;}
    
.gecko div#moviesidebar {
    margin-bottom:61px;}
    
div#moviesidebar h2 {
    margin-bottom:6px;
    font:20px "Helvetica", "Arial", sans-serif;}
    
.ie7 div#moviesidebar h2 {
    margin:4px 0 5px;}
    
div#moviesidebar ul#movieinfo {
    list-style-type:none;}
    
div#moviesidebar ul#movieinfo li {
    margin-top:5px;}
    
div#moviesidebar ul#movieinfo li#votecontainer {
    overflow:hidden;
    margin-top:20px;}
    
div#moviesidebar ul#movieinfo li#votecontainer div#voteslidercontainer {
    position:relative;
    height:5px;
    margin-top:4px;
    border:1px solid #ddd;
    border-top-color:#ccc;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;}
    
div#moviesidebar ul#movieinfo li#votecontainer div#voteslidercontainer div#voteslider {
    position:absolute;
    width:40px;
    z-index:10;
    top:-1px;
    bottom:-1px;
    left:40%;
    background:url('../img/sprites.png') no-repeat 0 0;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;}
    
div#moviesidebar ul#movieinfo li#votecontainer div#voteslidercontainer div.shadow {
    left:3px;
    right:3px;}
    
.ie7 div#moviesidebar ul#movieinfo li#votecontainer div#voteslidercontainer div.shadow {
    right:0;}
    
div#moviesidebar ul#movieinfo li#votecontainer div#voteslidercontainer div.shadow.bottom {
    top:0;}
    
ul#movieinfo li#votecontainer div.votecount, 
ul#movieinfo li#votecontainer div.voteradio {
    float:left;
    font-size:11px;
    text-align:center;}
    
ul#movieinfo li#votecontainer div.votecount.positive,
ul#movieinfo li#votecontainer form div.voteradio.positive {
    float:right;}
    
ul#movieinfo li#votecontainer div.votecount {
    width:90px;}
    
ul#movieinfo li#votecontainer div.voteradio {
    width:98px;
    margin-bottom:8px;}
    
.ie7 ul#movieinfo li#votecontainer div.voteradio {
    width:102px;}
    
.gecko ul#movieinfo li#votecontainer div.voteradio {
    margin-bottom:5px;}
    
ul#movieinfo li#votecontainer div.votecount div.number {
    height:40px;
    margin:2px 0 1px;
    font:36px "Helvetica", "Arial", sans-serif;
    color:#20292f;}
    
.gecko ul#movieinfo li#votecontainer div.votecount div.number {
    height:38px;
    margin:6px 0 -3px;}
    
ul#movieinfo li#votecontainer div.votecount.negative div.number {
    color:#60292f;}
    
ul#movieinfo li#votecontainer div.votecount div.number span {
    position:relative;}
    
ul#movieinfo li#votecontainer div#voteformcontainer div.sep {
    text-align:center;
    font-size:11px;}
    
.ie7 ul#movieinfo li#votecontainer div#voteformcontainer div.sep {
    position:relative;
    top:5px;
    left:3px;}
    
.gecko ul#movieinfo li#votecontainer div#voteformcontainer label,
.gecko ul#movieinfo li#votecontainer div#voteformcontainer div#shareoptions span#tweetcharsleft {
    position:relative;
    top:-2px;}
    
ul#movieinfo li#votecontainer div#versus {
    position:relative;
    top:14px;
    text-align:center;
    font-size:12px;}
    
ul#movieinfo li#votecontainer div.login {
    clear:left;
    padding-top:20px;
    font-size:16px;}
    
.ie7 ul#movieinfo li#votecontainer div.login {
    padding-top:10px;}
    
ul#movieinfo li#votecontainer div.login div.buttons {
    margin:6px 0 4px;
    font-size:12px;}
    
ul#movieinfo li#votecontainer div.login div.buttons img,
ul#movieinfo li#votecontainer div.login div.buttons input {
    height:20px;}
    
ul#movieinfo li#votecontainer div.login div.buttons form,
ul#movieinfo li#votecontainer div.login div.buttons a {
    display:inline;}
    
ul#movieinfo li#votecontainer div.login div.buttons span.sep {
    position:relative;
    top:-5px;
    margin:0 5px;}
    
ul#movieinfo li#votecontainer div.login div.detail {
    font-size:9px;}
    
ul#movieinfo li#votecontainer div#voteformcontainer {
    clear:left;
    overflow:hidden;}

ul#movieinfo li#votecontainer h3 {
    font-weight:normal;
    font-size:14px;}

ul#movieinfo li#votecontainer div#voteformcontainer h3 {
    padding-top:10px;
    margin-bottom:4px;
    font-size:12px;}

.ie7 ul#movieinfo li#votecontainer div#voteformcontainer h3 {
    margin-bottom:0;}

ul#movieinfo li#votecontainer div#voteformcontainer input[type="radio"] {
    position:relative;
    top:1px;
    margin-right:1px;}

.ie7 ul#movieinfo li#votecontainer div#voteformcontainer input[type="radio"] {
    margin-right:-2px;}

.ie8 ul#movieinfo li#votecontainer div#voteformcontainer input[type="radio"] {
    top:2px;}

ul#movieinfo li#votecontainer div#voteformcontainer div#shareoptions {
    clear:left;
    font-size:11px;}

.ie7 ul#movieinfo li#votecontainer div#voteformcontainer div#shareoptions {
    margin-top:-5px;}

ul#movieinfo li#votecontainer div#voteformcontainer div#shareoptions input[type="checkbox"] {
    margin:0 1px;}

.ie ul#movieinfo li#votecontainer div#voteformcontainer div#shareoptions input[type="checkbox"] {
    position:relative;
    top:1px;}

.ie7 ul#movieinfo li#votecontainer div#voteformcontainer div#shareoptions input[type="checkbox"] {
    margin-right:-2px;}

.gecko ul#movieinfo li#votecontainer div#voteformcontainer div#shareoptions input[type="checkbox"] {
    margin:0 1px 0 2px;
    position:relative;
    top:1px;}

/* textarea#tweettext and span#tweetcharsleft default to display:none
because they're toggled on and off by a checkbox and should start as invisible */
ul#movieinfo li#votecontainer div#voteformcontainer div#shareoptions textarea#tweettext {
    width:220px;
    height:42px;
    margin:6px 0 0 2px;
    font:11px "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", sans-serif;}
    
.gecko ul#movieinfo li#votecontainer div#voteformcontainer div#shareoptions textarea#tweettext {
    width:216px;
    padding:0 2px;}

ul#movieinfo li#votecontainer div#voteformcontainer div.error {
    margin-top:9px;
    font-size:11px;}

ul#movieinfo li#votecontainer div#voteformcontainer div.submit {
    clear:left;
    margin-top:10px;
    text-align:center;}

ul#movieinfo li#votecontainer div#voteformcontainer div.submit img.loading {
    display:none;
    position:relative;
    top:3px;
    margin-top:-4px;}
    
ul#movieinfo li#votecontainer div.voteformstandin {
    padding-top:15px;}
    
div#fandangosearch {
    position:absolute;
    right:0;
    bottom:0;
    width:225px;}
    
div#fandangosearch div#fandangologo {
    width:219px;
    height:18px;
    color:transparent;
    text-indent:-5000px;
    background:url('../img/sprites.png') no-repeat -27px -66px;}
    
div#fandangosearch div#fandangoformcontainer {
    width:218px;
    height:18px;
    margin-top:1px;
    padding:5px 0 5px 5px;
    overflow:hidden;
    clear:left;
    border:1px solid #888;
    background:#e82e0b url('../img/fandango-background.png') repeat-x top left;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;}
    
div#fandangosearch div#fandangoformcontainer input#location {
    float:left;
    height:14px;
    width:142px;
    margin-right:5px;}
    
.gecko div#fandangosearch div#fandangoformcontainer input#location {
    height:12px;}
    
div#fandangosearch div#fandangoformcontainer input#fandangosubmit {
    position:relative;
    top:0;
    width:59px;
    height:18px;
    margin-bottom:-5px;
    color:transparent;
    text-indent:-5000px;
    background:transparent url('../img/sprites.png') no-repeat -250px -66px;
    border:none;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;}