/* Structure -------------------------------------------------------------------------------------- */

#cyContainer { width: 580px; margin: 0 -10px; }

#cyContainerLeft,
#cyContainerMiddle,
#cyContainerRight { vertical-align: top; padding: 0 10px; }

#cyContainerLeft,
#cyContainerRight { width: 110px; }

#cyContainerLeft { border-right: 1px solid #5d2926; }
#cyContainerRight { border-left: 1px solid #5d2926; }

/* Templates */

#layoutTemplate1StartPage #cyContainer { width: 580px; margin: 0; }

#layoutTemplate1StartPage #cyContainerLeft,
#layoutTemplate1StartPage #cyContainerMiddle { width: 285px; border: 0; }

#layoutTemplate1StartPage #cyContainerLeft  { padding: 0 10px 0 0; }
#layoutTemplate1StartPage #cyContainerMiddle { padding: 0; }

#layoutTemplateCompanyTickets { background-color: #901402 !important; background-image: url("/sf/gfx/companytickets/bg-primary-pane.gif") !important; }

#bioklubbenTemplate #cyContainer { width: 449px; }
#bioklubbenTemplate #cyContainerMiddle { padding: 0 10px; }
#bioklubbenTemplate #cyContainerRight { width: 110px; border-left: 1px solid #5d2926; }

#bioklubbenUndersidorTemplate #cyContainer { width: 449px; }
#bioklubbenUndersidorTemplate #cyContainerMiddle { padding-left: 10px; }

/* Common ----------------------------------------------------------------------------------------- */

#cyContainer strong { font-weight: bold; font-size: 10px; }

hr { clear: both; border: 0; height: 1px; color: #5d2926; background-color: #5d2926; margin-bottom: 1.3em; }

#cyContainer ol li { margin: 0 0 1.3em 2em; }

p.loginRequired { font-style: italic; }

table.simple { margin-bottom: 1.3em; }
table.simple td { padding-right: 2em; vertical-align: top; }

/* Components ------------------------------------------------------------------------------------- */

/* Cinema Club List */
.cinemaclublist { margin-top: 10px; padding-top: 10px; border-top: 1px solid #5d2926; }
.cinemaclublist div { margin-bottom: 1.3em; }

/* Future Film List */
.futurefilmlist .colPremiereDate { width: 7em; }

/* Film List */
.filmlist .colGenre { width: 7em; }
.filmlist table.list td:first-child { text-align: right; padding-right: 0.5em; }

/* Film Data */
.filmdata dl { }
.filmdata dt { float: none; }
.filmdata dd { margin-bottom: 10px; }
.filmdata .rating { background: url("/sf/gfx/films/ikon-aldersgrans.gif") no-repeat; line-height: 21px; padding-left: 25px; margin-top: 10px; }

/* Info Puff */
.infopuff img { float: right; margin: 0 0 0.5em 0.5em; }

/* List News */
ul.news h4 { font-size: 12px; margin-bottom: 0.5em; }
ul.news .date { display: block; color: #fed63b; }
ul.news a { color: white; }
ul.news li { clear: both; height: 1%; padding: 10px 0; border-top: 1px solid #5d2926; }
ul.news li.first { border-top: 0; padding-top: 0; }
#middle .type0 img.main { margin: 0 0 0.5em 0.5em; float: right; } /* RIGHT */
#middle .type1 img.main { margin: 0 0.5em 0.5em 0; float: left; } /* LEFT */
#middle .type2 img.main { margin-bottom: 0.5em; } /* ABOVE */
#middle .type3 img.main { margin-top: 0.5em; } /* BELOW */
#middle .type4 img.main { } /* CONFERENCE */
ul.newspage h4 { font-family: Arial, Sans-Serif; font-size: 18px; margin: 0; }

img.trailer { float: left; margin: 0.2em 0.5em 0 0; }

/* List Screens */
.listscreens { margin-bottom: 1.3em; }
.listscreens td li { float: right; margin-left: 5px; }
.listscreens .screenInfo td { padding-top: 4px; }
.listscreens .screenInfo img { margin-bottom: 10px; }

/* News */
.news #newsImage { margin-bottom: 1em; }
.news h4 { font-size: 18px; margin-bottom: 0.5em; }
.news #newsBackLink { display: block; margin-top: 1em; }
#stardust { position: absolute; top: 0; left: 400px; }

/* Pic/Flash */
.picflash { margin-bottom: 10px; } 

/* Trailer Player */
#trailerHolder { margin: 0 -10px 10px -10px; border-bottom: 1px solid #5d2926; }

/* List Shows */
#showListHolder h3 { float: left; }
#showListHolder #date { float: right; margin-bottom: 4px; }
#showList { clear: both; width: 298px; border-top: 1px solid #5d2926; }
#showList #colTime { width: 40px; }
#showList #colSelect { width: 130px; }
#showList td,
#showList th { height: 24px; border-bottom: 1px solid #5d2926; }
#showList .numSeats { text-align: right; }
#showList td img { float: right; margin-left: 3px; }
#showList .auditoriumName { float: left; display: inline; font-weight: bold; margin-right: 7px; }
#showList .auditoriumInfo { float: left; display: inline; }
#showList .shortTLeft { float: left; display: inline; }

/* Premiere Reminder */
.premiereReminder img { float: left; }
.premiereReminder span { float: left; margin: 3px 3px 0 0; }
.premiereReminder span img { display: inline; float: none; }
.premiereReminder .clear { padding-bottom: 10px; }
.premiereReminder p { clear: left; }
.premiereReminder label { clear: left; }
.premiereReminder input { float: left; }
#premiereReminderEmail { width: 70px; margin: 3px 6px 0 0; }

/* Film */
#quickSelectHolder { position: absolute; top: 2px; left: -7px; width: 577px; text-align: right; }
#quickSelectHolder * { text-align: left; }
#quickSelectHolder div { width: 27.8em; margin-left: auto; }
#quickSelectHolder a { float: left; width: 5em; margin-top: 3px; }
#quickSelectHolder label { float: left; width: 5.3em; border-left: 1px solid #5d2926; padding: 3px 0.5em; }
#quickSelectHolder select { float: left; width: 15em; }

/* FAQ */

#faq { border-top: 1px solid #5d2926; margin-bottom: 10px; }
#faq a.question { display: block; padding: 6px 0; color: white; }
#faq a.question:hover { background-color: #540200; text-decoration: none; }
#faq a.selected { color: #fed63b; }
#faq li { height: 1%; border-bottom: 1px solid #5d2926; }

/* Tävling */
.game img { float: left; }
.game span { float: left; margin: 3px 3px 0 0; }
.game span img { display: inline; float: none; }
.game .clear { padding-bottom: 10px; }
.game p { clear: left; }
.game label { clear: left; }
#competitorFname { width: 80px; margin: 5px 6px 0 0;}
#competitorLname { width: 80px; margin: 5px 6px 0 0;}
#competitorEmail { width: 80px; margin: 5px 6px 0 0;}
#competitorAge { width: 80px; margin: 5px 6px 0 0;}
#competitorLocation { width: 80px; margin: 5px 6px 0 0;}
#competitorStreet { width: 80px; margin: 5px 6px 0 0;}
#competitorZipCode { width: 80px; margin: 5px 6px 0 0;}
#competitorLocation { width: 80px; margin: 5px 6px 0 0;}
#condition { font-family: Verdana, Helvetica, Sans-Serif; font-size: 8px; color: #fed63b; margin: 0; padding: 0;}
/* Bioklubben ------------------------------------------------------------------------------------- */

#bkLogo { margin-bottom: 10px; } 

/* ================================================================================================ */
/* TEMPLATES                                                                                        */
/* ------------------------------------------------------------------------------------------------ */

/* auditorium ................................... */

.tplAuditorium h4 { font-size: 10px; color: white; margin-bottom: 1em; }
.tplAuditorium img.photo { float: right; margin: -17px 0 10px 10px; }
