@charset "utf-8";

/***** Default Styles *****/
html { height: 100%; }
body { margin: 0; padding: 0; border: none; background: #1F1F1F url(../img/bg_body.jpg) center top no-repeat; height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
h1, h2, h3, h4, h5, h6, p, img, ol, ul, li, form { margin: 0; padding: 0; border: none; }
a { color: #FF0200; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 18px; font-weight: bold; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; }
img.VerticalAlign { vertical-align: middle; }

/***** Header Links *****/
div.HeaderLinksContainer { margin: 0px auto 0px auto; padding: 12px 0px 0px 0px; border: none; width: 960px; height: auto; text-align: right; }
div.HeaderLinksContainer a { color: #D0D0D0; text-decoration: none; text-transform: uppercase; }
div.HeaderLinksContainer a:hover { text-decoration: underline; }
div.HeaderLinksContainer a.MarginLeft { margin-left: 10px; }
div.HeaderLinksContainer div.LeftContent { float: left; display: inline; padding-left: 10px; }
div.HeaderLinksContainer div.RightContent { float: right; display: inline; padding-right: 10px; }

/***** Header *****/
div.HeaderContainer { margin: 12px auto 0px auto; padding: 0; border: none; width: 960px; height: 140px; background: top left no-repeat; position: relative; }
div.HeaderContainer.English { background-image: url(../img/bg-header-en-cine-metal.gif); }
div.HeaderContainer.French { background-image: url(../img/bg-header-fr-cine-metal.gif); }
div.HeaderContainer a.HeaderLogo { position: absolute; top: 8px; left: 105px; width: 198px; height: 126px; }

/***** Menu *****/
div.MenuContainer { margin: 12px auto 0px auto; padding: 0px 0px 0px 0px; border: none; width: 960px; height: 40px; background: url(../img/bg_menu.gif) top left no-repeat; position: relative; z-index: 10; }
div.MenuContainer table { margin: 0px auto 0px auto; padding: 0; border: none; border-collapse: collapse; width: auto; height: 40px; }
div.MenuContainer table td { margin: 0; padding: 0; border: none; text-align: left; vertical-align: top; }
div.MenuContainer table td.PaddingLeftEnglish { padding-left: 55px; }
div.MenuContainer table td.PaddingLeftFrench { padding-left: 35px; }
div.MenuContainer table td img { vertical-align: top; margin-top: 14px; }
div.MenuContainer table td div.HoverContainer { margin: 0px 0px 0px 0px; padding: 0; border: none; width: auto; height: 40px; position: relative; cursor: pointer; }
div.MenuContainer table td div.HoverContainer div.SubMenuToggle { display: none; position: absolute; top: 40px; left: -10px; width: 160px; height: auto; line-height: normal; background: url(../img/menu/bg_menu_trans.gif) 0px 0px repeat; cursor: default; }
div.MenuContainer table td div.HoverContainer div.SubMenuToggle div.SubMenuContent { margin: 0; padding: 10px 10px 10px 10px; border: none; background: #090909; }
div.MenuContainer table td div.HoverContainer div.SubMenuToggle div.SubMenuContent div.SubMenuItem { margin: 0; padding: 0; border: none; }
div.MenuContainer table td div.HoverContainer div.SubMenuToggle div.SubMenuContent div.SubMenuItem.MarginTop { padding-top: 7px; }
div.MenuContainer table td div.HoverContainer div.SubMenuToggle div.SubMenuContent div.SubMenuItem.BorderBottom { padding-bottom: 7px; border-bottom: 1px solid #333333; }
div.MenuContainer table td div.HoverContainer div.SubMenuToggle div.SubMenuContent div.SubMenuItem a { color: #CC0000; font-size: 12px; text-decoration: none; }
div.MenuContainer table td div.HoverContainer div.SubMenuToggle div.SubMenuContent div.SubMenuItem a:hover { color: #CCCCCC; }

/***** Content *****/
div.ContentContainer { margin: 12px auto 0px auto; padding: 0; border: none; width: 960px; height: auto; }
div.ContentContainer div.SectionSpacer { height: 12px; line-height: 12px; }
div.ContentContainer div.SectionContainer { float: left; display: inline; margin: 0; padding: 0; border: none; }
div.ContentContainer div.SectionContainer.MarginLeft { margin-left: 12px; }
div.ContentContainer div.SectionContainer.Width312px { width: 312px; }
div.ContentContainer div.SectionContainer.Width474px { width: 474px; }
div.ContentContainer div.SectionContainer.Width636px { width: 636px; }
div.ContentContainer div.SectionContainer.Width960px { width: 960px; }

/***** Section Title *****/
div.ContentContainer div.SectionContainer div.SectionTitleStyle1 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectiontitle_style1.gif) top right no-repeat; }
div.ContentContainer div.SectionContainer div.SectionTitleStyle1 div.InnerSectionTitle { margin: 0px 14px 0px -10px; padding: 0px 5px 0px 15px; border: none; background: url(../img/bg_sectiontitle_style1.gif) top left no-repeat; position: relative; height: 32px; }
div.ContentContainer div.SectionContainer div.SectionTitleStyle1 div.InnerSectionTitleText {  margin: 0 0 0 -10px; padding: 7px 5px 5px 15px;  border: none; background: url(../img/bg_sectiontitle_style1.gif) top left no-repeat; position: relative; color:#ececec; font-weight:bold; font-size:16px; text-transform:uppercase; }
div.ContentContainer div.SectionContainer div.SectionTitleStyle1 div.InnerSectionTitle img { vertical-align: top; margin-top: 9px; }
div.ContentContainer div.SectionContainer div.SectionTitleStyle2 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectiontitle_style2.gif) top right no-repeat; }
div.ContentContainer div.SectionContainer div.SectionTitleStyle2 div.InnerSectionTitle { margin: 0px 14px 0px -10px; padding: 0px 5px 0px 15px; border: none; background: url(../img/bg_sectiontitle_style2.gif) top left no-repeat; position: relative; height: 32px; }
div.ContentContainer div.SectionContainer div.SectionTitleStyle2 div.InnerSectionTitle img { vertical-align: top; margin-top: 9px; }

/***** Section Header *****/
div.ContentContainer div.SectionContainer div.SectionHeaderStyle1 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectionheader_style1.gif) right top no-repeat; height: 15px; line-height: 15px; }
div.ContentContainer div.SectionContainer div.SectionHeaderStyle1 div.InnerSectionHeader { margin: 0px 10px 0px -10px; padding: 0px 0px 0px 0px; border: none; background: url(../img/bg_sectionheader_style1.gif) left top no-repeat; position: relative; height: 15px; line-height: 15px; }
div.ContentContainer div.SectionContainer div.SectionHeaderStyle2 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectionheader_style2.gif) right top no-repeat; height: 15px; line-height: 15px; }
div.ContentContainer div.SectionContainer div.SectionHeaderStyle2 div.InnerSectionHeader { margin: 0px 10px 0px -10px; padding: 0px 0px 0px 0px; border: none; background: url(../img/bg_sectionheader_style2.gif) left top no-repeat; position: relative; height: 15px; line-height: 15px; }
div.ContentContainer div.SectionContainer div.SectionHeaderStyle3 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectionheader_style3.gif) right top no-repeat; height: 15px; line-height: 15px; }
div.ContentContainer div.SectionContainer div.SectionHeaderStyle3 div.InnerSectionHeader { margin: 0px 10px 0px -10px; padding: 0px 0px 0px 0px; border: none; background: url(../img/bg_sectionheader_style3.gif) left top no-repeat; position: relative; height: 15px; line-height: 15px; }

/***** Section Body *****/
div.ContentContainer div.SectionContainer div.SectionBodyStyle1 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectioncontent_style1.gif) top right repeat-y; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle1.MarginTop { margin-top: 3px; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle1 div.InnerSectionBody { margin: 0px 15px 0px -10px; padding: 0px 0px 0px 15px; border: none; background: url(../img/bg_sectioncontent_style1.gif) top left repeat-y; position: relative; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle1 div.InnerSectionBody.PaddingTop { padding-top: 15px; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle2 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectioncontent_style2.gif) top right repeat-y; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle2 a { color: #000000; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle2.MarginTop { margin-top: 3px; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle2 div.InnerSectionBody { margin: 0px 15px 0px -10px; padding: 0px 0px 0px 15px; border: none; background: url(../img/bg_sectioncontent_style2.gif) top right repeat-y; position: relative; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle2 div.InnerSectionBody.PaddingTop { padding-top: 15px; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle3 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectioncontent_style3.gif) top right repeat-y; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle3.MarginTop { margin-top: 3px; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle3 div.InnerSectionBody { margin: 0px 15px 0px -10px; padding: 0px 0px 0px 15px; border: none; background: url(../img/bg_sectioncontent_style3.gif) top right repeat-y; position: relative; }
div.ContentContainer div.SectionContainer div.SectionBodyStyle3 div.InnerSectionBody.PaddingTop { padding-top: 15px; }

/***** Section Footer *****/
div.ContentContainer div.SectionContainer div.SectionFooterStyle1 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectionfooter_style1.gif) right bottom no-repeat; height: 15px; line-height: 15px; }
div.ContentContainer div.SectionContainer div.SectionFooterStyle1 div.InnerSectionFooter { margin: 0px 10px 0px -10px; padding: 0px 0px 0px 0px; border: none; background: url(../img/bg_sectionfooter_style1.gif) left bottom no-repeat; position: relative; height: 15px; line-height: 15px; }
div.ContentContainer div.SectionContainer div.SectionFooterStyle2 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectionfooter_style2.gif) right bottom no-repeat; height: 15px; line-height: 15px; }
div.ContentContainer div.SectionContainer div.SectionFooterStyle2 div.InnerSectionFooter { margin: 0px 10px 0px -10px; padding: 0px 0px 0px 0px; border: none; background: url(../img/bg_sectionfooter_style2.gif) left bottom no-repeat; position: relative; height: 15px; line-height: 15px; }
div.ContentContainer div.SectionContainer div.SectionFooterStyle3 { margin: 0px 0px 0px 10px; padding: 0; border: none; background: url(../img/bg_sectionfooter_style3.gif) right bottom no-repeat; height: 15px; line-height: 15px; }
div.ContentContainer div.SectionContainer div.SectionFooterStyle3 div.InnerSectionFooter { margin: 0px 10px 0px -10px; padding: 0px 0px 0px 0px; border: none; background: url(../img/bg_sectionfooter_style3.gif) left bottom no-repeat; position: relative; height: 15px; line-height: 15px; }

/***** Footer Sponsors *****/
div.FooterSponsorsContainer { margin: 12px auto 0px auto; padding: 0px 20px 0px 20px; border: none; width: 920px; height: 86px; line-height: 86px; background: url(../img/bg_footer.gif) top left no-repeat; text-align: center; position: relative; }
div.FooterSponsorsContainer img { vertical-align: middle; }
div.FooterSponsorsContainer table { margin: 0px auto 0px auto; padding: 0; border: none; border-collapse: collapse; width: auto; height: 100%; }
div.FooterSponsorsContainer table td { margin: 0; padding: 0; border: none; text-align: left; vertical-align: middle; }
div.FooterSponsorsContainer table td.PaddingLeft { padding-left: 25px; }

/***** Footer Links *****/
div.FooterLinksContainer { margin: 12px auto 0px auto; padding: 0px 0px 25px 0px; border: none; width: 960px; height: auto; }
div.FooterLinksContainer a { color: #D0D0D0; text-decoration: none; }
div.FooterLinksContainer a:hover { text-decoration: underline; }
div.FooterLinksContainer div.LeftLinks { float: left; display: inline; padding-left: 10px; }
div.FooterLinksContainer div.LeftLinks .MarginTop { margin-top: 5px; }
div.FooterLinksContainer div.RightLinks { float: right; display: inline; padding-right: 10px; }
div.FooterLinksContainer div.RightLinks a { text-transform: uppercase; }
div.FooterLinksContainer div.RightLinks a.MarginLeft { margin-left: 20px; }
div.FooterLinksContainer div.RightLinks .Production a { margin-top: 20px;text-transform:none;float:right;}

/***** Clearing Div *****/
div.ClearingDiv { clear: both; height: 0px; line-height: 0px; overflow: hidden; background: none; }

/***** Page Title *****/
div.PageTitle { margin: 0; padding: 0; border: none; background: url(../img/bg_pagetitle.gif) top left no-repeat; height: 32px; }
div.PageTitle img { margin: 8px 0px 0px 18px; }

/***** Tabs ******/
div.TabMenu { margin: 0; padding: 0; border: none; }
div.TabMenu div.TabStyle1 { float: left; display: inline; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; border: none; background: url(../img/bg_tab_style1_on.gif) right top no-repeat; }
div.TabMenu div.TabStyle1.MarginLeft { margin-left: 12px; }
div.TabMenu div.TabStyle1 div.InnerTab { float: left; display: inline; margin: 0px 15px 0px -10px; padding: 5px 0px 5px 15px; border: none; position: relative; background: url(../img/bg_tab_style1_on.gif) left top no-repeat; }
div.TabMenu div.TabStyle1 div.InnerTab a { font-weight: bold; text-transform: uppercase; color: #ECECEC; text-decoration: none; }
div.TabMenu div.TabStyle1Off { background-image: url(../img/bg_tab_style1_off.gif); }
div.TabMenu div.TabStyle1Off div.InnerTab { background-image: url(../img/bg_tab_style1_off.gif); }
div.TabMenu div.TabStyle1Off div.InnerTab a { color: #666666; }
div.TabMenu div.TabStyle1Off div.InnerTab a:hover { color: #999999; }

/***** Section: Be Social ******/
div.SectionBeSocial div.SocialLinks { margin-top: 10px; text-align: right; height: 32px; }
div.SectionBeSocial div.SocialLinks img { vertical-align: middle; height: 32px; }
div.SectionBeSocial div.SocialLinks img.MarginLeft { margin-left: 10px; }

/***** Section: Lineup ******/
div.SectionLineup div.LineupList1 { color: #F7EDF1; font-size: 14px; font-weight: bold; }
div.SectionLineup div.LineupList2 { margin-top: 5px; color: #220000; }

/***** Section: Feeds ******/
div.SectionFeeds a { color: #000000; }
div.SectionFeeds div.DateInfo, div.SectionBodyStyle1 div.DateInfo { margin-top: 5px; color: #909090; font-size: 11px; text-transform: uppercase; }
#FacebookConnect {background: url(../img/bg_fbfan.gif) no-repeat scroll top left;padding:5px;}
div.ContentContainer div.SectionContainer div.SectionFeeds .Feeds div.SectionBodyStyle3 div.InnerSectionBody  {height:150px;overflow:hidden;}
div.ContentContainer div.SectionContainer div.SectionFeeds .Feeds div.SectionBodyStyle3 div.InnerSectionBody .tweet {min-height:4em;margin-top:10px;}

/***** Section: News ******/
div.SectionNews div.ItemContainer.MarginTop { padding-top: 15px; }
div.SectionNews div.ItemContainer.BorderBottom { padding-bottom: 15px; border-bottom: 1px solid #8E8988; }
div.SectionNews div.ItemContainer img.FloatLeft { float: left; display: inline; position: relative; margin-right: 15px; }
div.SectionNews div.ItemContainer div.NewsTitle { font-size: 14px; font-weight: bold; }
div.SectionNews div.ItemContainer div.DateInfo { margin-top: 5px; color: #000000; font-size: 11px; text-transform: uppercase; }
div.SectionNews div.ItemContainer div.ShareLink { margin-top: 15px; text-align: right; }
div.SectionNews div.ItemContainer div.ShareLink img { vertical-align: middle; }

/***** Section: Tickets ******/
div.SectionTickets img.MarginLeft { margin-left: 20px; }
div.SectionTickets div.ItemContainer.PaddingTop { padding-top: 15px; }
div.SectionTickets div.ItemContainer.BorderBottom { padding-bottom: 15px; border-bottom: 1px solid #8E8988; }
div.SectionTickets div.ItemContainer.TextAlignCenter { text-align: center; }
div.SectionTickets table.FormTable { margin: 0; padding: 0; border: none; border-collapse: collapse; }
div.SectionTickets table.FormTable td { margin: 0; padding: 0; border: none; text-align: left; vertical-align: middle; }
div.SectionTickets table.FormTable td.FieldTitle { padding: 0px 0px 15px 0px; }
div.SectionTickets table.FormTable td.TextInput { padding: 0px 0px 15px 15px; }
div.SectionTickets table.FormTable td.TextInput input { margin: 0; width: 400px; }
div.SectionTickets table.FormTable td.SubmitButton { text-align: right; }
div.SectionTickets table.FormTable td.SubmitButton input { margin: 0; padding: 0; border: none; background: url(../img/btn_submit.gif) top left no-repeat; width: 94px; height: 26px; cursor: pointer; }
div.SectionCity .inthecity_listing_item {}
div.SectionCity .inthecity_listing_item .artist_picture {margin:15px 15px 0;float:left;}
div.SectionCity .inthecity_listing_item .leadin {text-transform:uppercase;font-size:12px;font-weight:bold;}
div.SectionCity .inthecity_listing_item .event_details {margin-left: 205px;padding: 15px 15px 0;}
div.SectionCity .inthecity_listing_item h2 {color:black;text-transform:uppercase;}
div.SectionCity .inthecity_listing_item h3 {margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid white;color:black;font-size:18px;}
div.SectionCity .inthecity_listing_item h2 .event_date {color:black;text-transform:none;margin-left:10px;font-size:smaller;}
div.SectionCity .inthecity_listing_item .buy_button {float:right;margin:0;padding:0;border:0;font-size:14px;font-weight:bold;}
div.SectionCity .inthecity_listing_item .footer {clear:both;}

/***** Section: Contact ******/
div.SectionContact table.FormTable { margin: 0; padding: 0; border: none; border-collapse: collapse; }
div.SectionContact table.FormTable td { margin: 0; padding: 0; border: none; text-align: left; vertical-align: middle; }
div.SectionContact table.FormTable td.FieldTitle { padding: 0px 0px 25px 0px; }
div.SectionContact table.FormTable td.VerticalAlignTop { vertical-align: top; padding-top: 3px; }
div.SectionContact table.FormTable td.TextInput { padding: 0px 0px 15px 15px; }
div.SectionContact table.FormTable td.TextInput input { margin: 0; width: 400px; }
div.SectionContact table.FormTable td.TextInput textarea { margin: 0; width: 400px; height: 200px; }
div.SectionContact table.FormTable td.SubmitButton { text-align: right; }
div.SectionContact table.FormTable td.SubmitButton input { vertical-align: top; }

/***** Section: Info ******/
div.SectionInfo div.ItemContainer.PaddingTop { padding-top: 15px; }
div.SectionInfo div.ItemContainer.BorderBottom { padding-bottom: 15px; border-bottom: 1px solid #8E8988; }
div.SectionInfo div.ItemContainer div.ItemTitle { font-size: 14px; font-weight: bold; cursor: pointer; }
div.SectionInfo div.ItemContainer div.ItemToggle { display: none; margin: 10px 0px 0px 15px; padding: 0; border: none; }

/***** Section: Partners ******/
div.SectionPartners div.ItemContainer.PaddingTop { padding-top: 15px; }
div.SectionPartners div.ItemContainer.BorderBottom { padding-bottom: 15px; border-bottom: 1px solid #8E8988; }
div.SectionPartners table.ImageTable { margin: 0 auto; padding: 0; border: none; border-collapse: collapse; }
div.SectionPartners table.ImageTable td { margin: 0; padding: 10px; border: none; vertical-align: middle; width:33%; }
div.SectionPartners table.ImageTable td img { vertical-align: middle; }
div.SectionPartners table.ImageTable td img.MarginLeftLarge { margin-left: 30px; }
div.SectionPartners table.ImageTable td img.MarginLeftMedium { margin-left: 80px; }
div.SectionPartners table.ImageTable td img.MarginLeftSmall { margin-left: 50px; }

div.SectionBodyStyle1 p.media {margin-top:10px;text-align:right;text-transform:uppercase;font-size:13px;line-height:13px;}

.error, .notice, .success, .message {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.message {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.message a {color:#514721;}
.success a {color:#264409;}


/***** Slideshow *****/
.SlideGallery {position:relative;}
.Slides { overflow: hidden; position: relative; padding: 0; height: 300px; width: 636px; }
.SlideGallery ul { position: absolute; list-style: none; overflow: hidden; white-space: nowrap; padding: 0; margin: 0; }
.SlideGallery ul li { display: inline; }
.SlideGallery .Controls .LeftHandle {text-indent:-3000em;position: absolute;top: 0;left:0;cursor:pointer;height: 75px;width: 50px;background:transparent url(../img/slide-left.png) scroll no-repeat center center;}
.SlideGallery .Controls .RightHandle {text-indent:-3000em;position: absolute;top: 0;right:0;cursor:pointer;height: 75px;width: 50px;background:transparent url(../img/slide-right.png) scroll no-repeat center center;}