/*** CSS for Variety Screening Series 2009 ***/
body {
background:url("http://images2.variety.com/graphics/vss2009/Background-final.jpg") no-repeat top center;
background-color:#000;
font:12px/1.375em "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

a {
text-decoration:none;
}

form {
margin:0;
padding:0;
}

.clear {
clear:both;
}

.ie7 .clear0 {
clear:both;
margin-top:-15px;
}

.clear1 {
clear:both;
height:1px;
}

#maincontainer {
margin-top:15px;
padding:15px;
text-align:left;
width:930px;
background-color:#b2d5c5;
}

#bgcontainer {
width:930px;
}

#spotlight {
position:absolute;
background-color:transparent;
top:175px;
z-index:1;
text-align:center;
}

#VSS_logo_nav {
font-size:10px;
}

.gecko #VSS_logo_nav {
width:665px; /*for mac and win (firefox, mozilla, camino)*/
}

.win.gecko #VSS_logo_nav {
width:660px;
/*for win (firefox, mozilla, camino)*/
}



#VSS_logo_nav img {
vertical-align:text-bottom;
margin-right:15px;
}

#topleft {
float:left;
position:relative;
z-index:3;
padding-top:7px;
}

#head {
color:#164988;
margin:15px 5px 0 15px;
font:bold 25px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}

#subhead {
color:#fff;
font:15px Arial, Helvetica, sans-serif;
margin-left:15px;
}

#search {
margin:10px 5px 10px 0;
float:left;
position:relative;
}

#searchfield {
margin:12px 0 0 5px;
}

.ie7 #searchfield {
margin:-8px 0 0 5px;
}

#SearchText {
font:11px Arial, Helvetica, sans-serif;
border:1px solid #80ba9e;
padding:2px;
color:#999;
}

#sponsors, #sponsors1, #sponsors2 {
margin:0;
clear:left;
}

#sponsors1 {
padding-top:10px;
}

#sponsors2 {
padding-top:10px;
padding-left:13px;
}

.ie7 #sponsors2 {
padding-top:5px;
}

#photo {
text-align:right;
position:relative;
z-index:2;
padding-top:7px;
}

.ie8 #photo {
float:right;
}

#blueborder {
clear:both;
height:8px;
background-color:#369;
width:100%;
margin:10px 0;
position:relative;
z-index:4;
}

#locationsContainer {
position:relative;
z-index:1;
}

.ie7 #locationsContainer {
margin-bottom:-25px;
}

.locHead, #locHead, #additional, #LocationName, #reservation, #welcome {
font:bold 36px/30px "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:-1.5px;
color:#fff;
margin-bottom:5px;
text-transform:uppercase;
}

#reservation {
color: #80b99f;
}

#locHead, #reservation {
color:#164988;
}

#additional {
color: #80b99f;
font-size:30px;
margin-bottom:0;
}

#LocationName, #reservation {
font-size:30px;
float:right;
line-height:24px;
margin-bottom:2px;
}

#reservation {
font-size:24px;
letter-spacing:-1px;
}

#LocationName {
font-size:31px;
letter-spacing:-1px;
}

.ie7 #LocationName {
margin-bottom:-4px;
}

#welcome, .title, .title a {
font-size:24px;
color:#164988;
}

#welcome {
padding-left:13px;
}

#LA, #NY, #SF, #ADD {
padding-left:6px;
float:left;
position:relative;
height:360px;
}

#LA {
border-left:2px solid #093;
width:225px;
}

#NY {
border-left:2px solid #039;
width:195px;
}

#SF {
border-left:2px solid #09c;
width:265px;
}

#ADD {
border-left:2px solid #093;
}

.vsslist {
font-weight:bold;
}

.date {
clear:both;
float:left;
width:35px;
}

.movie {
float:left;
text-transform:uppercase;
}

ul {
list-style:none;
margin-left:0;
padding-left:0;
}

ul li a {
color:#000;
}

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

ul#addlist li {
color:#fff;
text-transform:none;
font-size:13px;
padding-left:7px;
}

ul#addlist li a {
color:#fff;
}

ul#addlist li a:hover {
color:#000;
}

.cam {
clear:both;
padding-top:20px;
margin-left:3px;
}

.ie7 .cam {
padding-top:0;
}

#footer {
clear:both;
width:960px;
font-size:10px;
color:#cbd7e4;
position:relative;
z-index:2;
text-align:left;
margin:5px 0 0 0;
display:block;
}

#footer a {
color:#bfd9d1;
}

#footer a:hover, #sitemap a:hover {
text-decoration:underline;
}

#copyright {
margin-left:30px;
}

.ie7 #footer {
margin-left:0;
}

#enddiv {
clear:both;
height:1px;
font-size:3px;
}

/*** new for mainpage ***/
#loginContainer {
margin:20px 0 10px 0;
font-weight:bold;
color:#82b99f;
padding-left:15px;
}

#login {
float:left;
font-size:24px;
height:75px;
margin-right:10px;
color:#164988;
}

.ie7 #login {
line-height:22px;
height:60px;
}

#loginform {
float:left;
margin:0;
}

#loginNote {
color:#fff;
font-size:11px;
font-weight:normal;
text-transform:uppercase;
margin-top:-4px;
}

.fields {
font-size:14px;
width:80px;
margin-right:10px;
width:100px;
color:#164988;
}

.fieldClass {
font-size:10px;
}

.loginformfields {
margin-bottom:2px;
}

.loginformfields2 {
float:left;
}

#formsubmit {
float:left;
margin-left:3px;
}

#ampas {
text-align:right;
margin-top:-10px;
width:400px;
}

.ie7 #ampas {
width:150px;
}

#reminder, #forgotpw {
clear:both;
font-size:12px;
color:#fff;
}

.ie7 #reminder {
margin-top:-10px;
}

#forgotpw {
clear:none;
position:absolute;
top:362px;
left:290px;
font-weight:bold;
}

#reminder a, #forgotpw a {
color:#82b99f;
}

#reminder a:hover, #forgotpw a:hover {
underline;
}

#secure {
font-size:10px;
margin-right:10px;
}



/*** MOVIE DETAILS PAGE ***/
#details {
margin:10px 0 0 0;
clear:both;
position:relative;
z-index:3;
}

#detaildate, #detaillocation {
margin-top:10px;
color:#80b99f;
font-size:27px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:-1px;
}

#detailPhoto {
float:left;
margin:0 15px 10px 0;
}

#detailinfo {
float:left;
width:450px;
margin-right:-450px;
}

#studiologo {
float:right;
margin-top:-135px;
}

#synopsis {
position:absolute;
top:261px;
left:470px;
}

#detaillocation {
color:#fff;
}

#detailproduction {
margin:10px 0;
color:#fff;
font-weight:bold;
font-size:14px;
line-height:18px;
}

.role {
color:#80b99f;
font-size:17px;
text-transform:uppercase;
margin-right:5px;
float:left;
clear:both;
}

.rolenames {
float:left;
width:350px;
margin-right:-350px;
}

#RSVP {
margin-top:-4px;
}

#RSVP img {
float:right;
}

#locationsContainer ul#insidepage {
list-style:none;
vertical-align:top;
}

#locationsContainer ul#insidepage li {
float:left;
margin-right:8px;
}

#video {
margin-top:-4px;
}

#review {
border-left:2px solid #093;
padding-left:8px;
color:#66ac8b;
width:120px;
font-weight:bold;
font-size:13px;
height:210px;
}

#photogalleries {
border-left:2px solid #09c;
padding-left:8px;
height:210px;
}

#pg_header {
display:block;
margin-bottom:-5px;
}

.ie7 #pg_header {
margin-bottom:-15px;
}

#pg_header2 {
margin-top:-5px;
}

#displayphotos {
background:url("http://images2.variety.com/graphics/vss2009/VSS-PhotoGalleryBoxBG.png") repeat-y;
margin:0 0 -5px 0;
padding:0 0 0 5px;
width:254px;
height:170px;
}

.ie7 #displayphotos {
margin-top:-5px;
}

.ie8 #displayphotos {
margin:0;
}

.chrome #displayphotos, .webkit #displayphotos {
margin-bottom:0;
}

#locationsContainer ul#insidepage li#displayphotos ul {
display:inline;
}

#locationsContainer ul#insidepage li #displayphotos ul li {
height:78px;
}

#prevnext, #prevnext a {
font-size:10px;
font-weight:bold;
color:#fff;
}

#prevnext a {
margin-right:10px;
}

#prevnext a:hover {
text-decoration:underline;
}

#prevnext img {
vertical-align:text-top;
margin-top:1px;
}

#sitemap, #sitemapListing {
border-left:2px solid #039;
padding-left:8px;
height:210px;
color:#fff;
font-weight:bold;
font-size:15px;
line-height:18px;
}

#sitemapListing {
border-left:none;
padding-left:2px;
padding-top:20px;
}

#sitemap a, #sitemapListing a {
color:#fff;
}

#sitemap a:hover, #sitemapListing a:hover {
text-decoration:none;
color:#000;
}

ul#quicklinks {
margin-top:10px;
}

#locationsContainer ul#insidepage li#sitemap ul#quicklinks li {
float:none;
margin-right:0;
}



/*** LISTINGS PAGE ***/
#pageLocation {
float:right;
margin:47px 4px 0 0;
padding-right:4px;
}

#pageLocation img {
margin-right:7px;
}

#MonthlyList {
float:left;
margin-right:5px;
width:630px;
margin-left:13px;
}

#NavMonths a {
font-size:11px;
color:#fff;
text-align:center;
text-transform:uppercase;
font-weight:bold;
margin:10px 15px 10px 15px;
}

.activeMonth, .inactiveMonth {
background:url("http://images2.variety.com/graphics/vss2009/VSS-ButtonMonthBlue.png") no-repeat;
background-color:transparent;
background-position:0 0;
width:92px;
height:27px;
}

.inactiveMonth {
background:url("http://images2.variety.com/graphics/vss2009/VSS-ButtonMonthGreen.png") no-repeat;
}

.activeMonth a, .inactiveMonth a {
height:27px;
padding-top:3px;
margin-top:8px;
line-height:24px;
}

.webkit .activeMonth a, .webkit .inactiveMonth a {
margin:0;
padding-bottom:8px;
}

#sep {
padding:2px 3px 5px 3px;
}

#oct {
padding:2px 6px 5px 6px;
margin-right:3px;
}

#nov {
padding:2px 4px 5px 4px;
}

#dec {
padding:2px 7px 5px 4px;
}

.ie7 #sep {
padding:0 3px 1px 3px;
}

.ie7 #oct {
padding:0 6px 1px 6px;
}

.ie7 #nov {
padding:0 4px 1px 4px;
}

.ie7 #dec {
padding:0 6px 3px 4px;
}

#ButtonNavigation {
width:630px;
height:17px;
margin-bottom:8px;
}

#NavLocation, #NavLocation a{
margin:0;
padding:0;
background-image:none;
}

#ListingsContainer {
width:630px;
}

#ListingsContainer ul {
font-weight:bold;
/*height:450px;
overflow:scroll;
overflow-x:hidden;*/
}

#ListingsContainer ul li {
margin-bottom:5px;
}

.ie7 #ListingsContainer ul li {
margin-bottom:2px;
}

.movieList {
background:url("http://images2.variety.com/graphics/vss2009/VSS-Listings-BGmid.png") repeat-y top left;
min-height:110px;
}

.movieListInfo {
float:left;
width:355px;
padding:4px 2px 0 20px;
}

.movieListPhoto {
float:left;
width:155px;
margin:5px 5px 0 0;
height:100px;
}

.movieListRSVP {
float:left;
width:78px;
margin:28px 5px 0 0;
}

.ie7 .movieListTop {
margin-bottom:-5px;
}

.title {
margin-top:2px;
line-height:21px;
letter-spacing:-1px;
text-transform:uppercase;
}

.sched {
font-size:18px;
color:#fff;
text-transform:uppercase;
margin:2px 0;
}

.synop {
font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:14px;
color:#66ac8b;
}

.fulldetail, .fulldetail a {
font-size:12px;
color:#164988;
}

.fulldetail a:hover {
text-decoration:underline;
color:#164988;
}

#pastscreening_sitemap {
float:right;
width:265px;
}

#pastscreenings {
font-size:16px;
font-weight:bold;
color:#000;
padding-left:5px;
line-height:18px;
text-transform:uppercase;
}

#pastHeader {
font-size:24px;
color:#000;
margin-bottom:10px;
letter-spacing:-1px;
line-height:24px;
}

#pastscreenings a {
color:#000;
}

.pastmovie {
margin-bottom:6px;
}

#pastscreenings a:hover {
color:#fff;
}

#fixedheight {
height:500px;
min-height:500px;
}

/*** static pages ***/
ol#faq, #intro, ol#terms {
font-weight:bold;
font-size:13px;
margin-right:25px;
}

#intro {
margin:10px 10px 10px 0;
}

ol#terms {
font-weight:normal;
}

#faq .a, #terms .a {
font-weight:normal;
margin-bottom:10px;
}

#static_centerwell {
float:left;
margin-right:25px;
margin-left:13px;
width:700px;
font-size:13px;
}

#sitemap_static {
float:right;
width:245px;
}

#sponsors3 {
padding-top:20px;
padding-left:13px;
}

/* email confirmation */
.infohead, #infohead {
float:left;
font-weight:bold;
width:110px;
margin-right:5px;
clear:left;
}

.infoDetail {
float:left;
}

#infohead {
float:left;
clear:left;
}

#infoLocation {
float:left;
}

#email {
margin-top:20px;
font-size:14px;
line-height:18px;
}

#email ul li:before {
content: "\00BB \0020";
}

#email ul {
list-style:none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}

#email ul li {
margin-bottom:10px;
}

/* theater info */
.theaterlocation {
font-size:16px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:5px;
}

#theaterinfo {
margin-top:15px;
font-size:14px;
line-height:18px;
}

#theaterinfo .infohead {
width:70px;
}

.comments {
clear:both;
display:block;
padding-top:10px;
}

.commentsource {
text-align:right;
margin-right:150px;
font-style:italic;
}