/** * CLEAR ALL MARGINS AND PADDING */ * { margin:center; padding:0; } /** * BASE STYLES */ body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size:65%; color:#000; text-align:center; min-width:600px; background-color: #6F5F56; } a:link { color: #6F5F56; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:11px; font-style: normal; font-weight: normal; text-decoration: none; } a:visited { color: #6F5F56; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:11px; font-style: normal; font-weight: normal; text-decoration: none; } a:hover { text-decoration: none; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:11px; font-style: normal; font-weight: normal; color: #000000; text-decoration: underline; } p, p.intro { font-size:1.1em; line-height:1.3em; color:#000; padding-left:10px; /* pad in relationship to header underlines */ margin:5px 0px; } /* bug 3250 - bump all ps to intro size? */ /* p {font-size:1.2em;line-height:1.4em;} */ h1 { font-size:2.1em; font-weight:normal; background:transparent url(../../_images/common/header_underl.gif) repeat-x bottom left; padding:0 0 15px 10px; margin:10px 0 15px 0; color:#565554; } h2 { font-size:1.4em; font-weight:normal; padding:10px 0 5px 10px; margin:10px 0 8px 0; color:#565554; font-weight:bold; border-bottom:1px dotted #666666; } h2 a { font-weight:bold; } h2.single_line { font-size:1.4em; background-image:none; padding:10px 0px 5px 10px; border-bottom:1px dotted #ccc; } h3 { font-size:1.5em; color:#565554; padding:0 0 0px 10px; margin:15px 0 5px 0; } h4 { font-size:1.3em; color:#565554; padding:0 0 0px 10px; margin:10px 0 5px 0; } ul { font-size:1.1em; } ul li { line-height:1.3em; } address { font-size:1.1em; padding-left:10px; /* pad in relationship to header underlines */ } div.hr { display:block; width: 100%; height: 0; overflow: hidden; /* an IE fix */ margin: 10px auto; border-top: 1px dotted #cbcbcb; /* top or bottom is arbitrary */ } div.clear { clear:both; height:1px; overflow:hidden; } div.clear_nav { clear:both; height:4px; overflow:hidden; background:transparent url(../../_images/common/nav/main_nav_bottom.png) no-repeat 0 0; } p.intercont_image { float:left; padding-right:20px; } /* shared nav styles */ ul li a.on, div.left_nav ul li a.on { color:#FFFFFF; } blockquote { font-size:1.1em; line-height:1.3em; color:#000; padding-left:10px; /* pad in relationship to header underlines */ margin:5px 0px; } /* Happy Resyndicator ----------------------------------------------- */ div.feedburnerFeedBlock p.date { font-size: .88em; display: inline; margin-left: 10px; } div.feedburnerFeedBlock ul li div { display: inline; } div.feedburnerFeedBlock span.headline { font-weight: bold; display: block; text-indent: 0; } div.feedburnerFeedBlock ul li { margin-bottom: 2em; padding-left: 0 !important; text-indent: 0 !important; text-decoration: none; } /** * UTILITY AND GENERAL SHARED */ .float_left { float:left; } .float_right { float:right; } div#swfZone { margin:10px; background-color:#efefef; } div#footer { background: url(../../_images/common/footer.png) no-repeat 0 0; } div.center { text-align:center; margin:10px 0px; } /* this is reverting to default paragraph size for now - added to p declaration (BF) p.intro { margin-bottom:20px; font-size:1.2em; line-height:1.4em; } */ div#main_content ul { padding-left:10px; list-style-type:none;} div#main_content ul li { padding-left:12px; background:transparent ; font-weight:bold; } div#main_content ul.simple li { padding:0px; background-image:none; } div#main_content ul.simple li a { background-image:none; } div#main_content ul li a.bare { background-image:none; } /* new */ div#main_content ul.softList li { font-weight:normal; font-size:1.2em; } div#main_content ul.softListblog li { font-weight:normal; margin:10px; padding:2px 0px 2px 0px; border-bottom:1px dotted #cbcbcb; } div#main_content ul.softListblog li a { font-weight:bold; margin:10px; padding:2px 0px 2px 0px; background:#efefef no-repeat 5px 11px; } div#main_content ul.sideListblog li { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:normal; font-size:95%; line-height:1.3em; margin:0px; padding:0px 0px 10px 0px; text-decoration: none; } div#main_content ul.sideListblog li a { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:normal; font-size:95%; line-height:1.3em; margin:0px; padding:0px 0px 10px 0px; background:#efefef no-repeat 5px 11px; } } div#main_content ul.sideListblog li a { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:normal; font-size:95%; line-height:1.3em; margin:0px; padding:0px 0px 10px 0px; background:#efefef no-repeat 5px 11px; } div.photo_credit { clear:both; text-align:right; background-color:#efefef; /* hide potential repeating col. image from wrapper */ } div.photo_credit h4 { font-size:1.1em; padding:0px 0px 0px 0px; margin:0px 10px 0px 0px; display:inline; } div.photo_credit p { color:#565554; margin:0px 10px 0px 0px; padding:0px; } div.photo_credit p span { margin:0px 5px 0px 0px; font-style:italic; } h3.mainhead { background:transparent url(../../_images/common/header_underl.gif) repeat-x bottom left; padding-bottom:7px; margin-top:10px; } /** * STRUCTURE AND MAIN NAVIGATION */ div#wrapper { width:934px; margin:20px auto; text-align:left; } div#section_top span { color:#fff; font-size:3.4em; position:absolute; font-family:"HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,Verdana,sans-serif; bottom:40px; left:40px; } div#section_top div#home_banner { position:absolute; top:0px; left:0px; width:934px; height:336px !important; clear:both; } div#section_top div#banner_spacer { height:65px; } div#main_content { background-color:#efefef; padding:0 20px; margin-left:210px; } div#main_content.no_leftnav { padding:0px; margin-left:0px; min-height:190px; /* hide repeating border from content wrapper */ } div#utility_nav { margin-bottom:13px; } div#utility_nav a.logo { display:block; float:left; margin-left:42px; background:transparent url(../../_images/common/seattle_opera_logo.png) no-repeat 0 0; width:170px; height:24px; position:relative; z-index:1; cursor:pointer; } div#utility_nav a.logo span { left:-50001px; position:absolute; } div#utility_nav ul { padding:13px 20px 0px 0px; text-align:right; color:#fff; white-space:nowrap; /* force nav to stay on one line */ } div#utility_nav ul li { display:inline; list-style-type:none; margin:0px; border-left:1px solid #000; padding:0px 7px 0px 9px; font-weight:normal; } div#utility_nav ul li.first { border-left:none; } div#utility_nav ul li a { text-decoration:none; color:#fff; } div.main_nav { position:relative; z-index:3000; background: url(../../_images/common/nav/main_nav_bg.png) no-repeat 0 0; } div.main_nav ul#main_nav { /*background: url(../../_images/common/nav/main_nav_bg.png) no-repeat 0 0;*/ } ul#main_nav { margin:0px; padding:12px 0px; text-align:center; margin:0 auto; font-size:1em; overflow:visible; min-height:15px; } ul#main_nav li { display:inline; font-size:1.1em; list-style-type:none; text-transform:uppercase; margin:0px 11px; /* letter-spacing:.1em; */ left:22px; padding:0px; font-weight:bold; position:relative; overflow:visible; float:left; } ul#main_nav li a { text-decoration:none; padding:6px 6px 6px 16px; } ul#main_nav li a:hover { color:#565554; background-color:#efefef; background:#efefef url(../../_images/common/nav/nav_arw_hover.gif) no-repeat 5px 11px; } ul#main_nav li a.on { color:#000; background:transparent url(_images/common/nav/nav_arw_blk.gif) no-repeat 5px 11px; } /* hover nav */ ul#main_nav li:hover ul, ul#main_nav li.over ul { display:block; } ul#main_nav li.safari_nav { background-color:#000; } ul#main_nav li.out ul { display:none; } ul#main_nav li ul { display: none; position: absolute; top: 1.5em; left: 0; font-weight: normal; margin:0px; padding:0px; background-image:none; background-color:#fff; border-top:4px solid #fff; width:130px; text-align:left; z-index:5; } ul#main_nav li ul li { display:block; font-size:.9em; padding-top:0px; margin-left:0px; border-bottom:1px dotted #ccc; border-right:3px solid #E1E1E1; width:130px; float:left; left:0px; } ul#main_nav li ul li.last { border-bottom:3px solid #E1E1E1; } ul#main_nav li ul li a { display: block; padding: 5px 16px; margin:1px 3px; border-top:none; border-bottom:none; overflow:hidden; } ul#main_nav li ul li.last a { margin-bottom:3px; } div.main_nav ul#main_nav li ul li a:hover { background-color:#fff !important; } div#background_wrapper { padding-top:40px; background-color:#efefef; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; overflow:hidden; /* clear left float so wrapper extends */ } div#background_wrapper.home_page { padding-top:20px; } div#content_wrapper { background-color:#efefef; overflow:hidden; /* extends main content so bg image repeats whole length of col */ background:#efefef url(../../_images/common/left_col_bg.gif) repeat-y 0px 0px; overflow:hidden; } div#single_col { background-color:#efefef; /* background color overrides container border image on single column layouts */ padding:0px 5px; } div#footer { padding-top:54px; color:#fff; clear:both; } div#footer p { float:left; padding-left:42px; color:#fff; font-weight:bold; } div#footer ul { padding:0px 40px 15px 0px; text-align:right; } div#footer ul li { margin:0px; display:inline; list-style-type:none; border-left:1px solid #000; padding:0px 7px 0px 9px; font-weight:bold; } div#footer ul li.first { border-left:0px; } div#footer ul li a { color:#fff; text-decoration:none; } /** * LEFT NAV */ div.left_nav { float:left; width:170px; background-color:#efefef; margin-left:5px; } div.left_nav ul { margin-left:24px; padding:0px; font-size:1em; } div.left_nav ul li { text-transform:uppercase; list-style-type:none; margin:0px; padding:2px 0px 2px 0px; border-bottom:1px dotted #cbcbcb; font-size:1.1em; font-weight:bold; } div.left_nav ul li.last { border-bottom:none; } div.left_nav ul li ul li { border:none; font-size:1em; } div.left_nav ul li a { display:block; text-decoration:none; padding:3px 20px; } div.left_nav ul li a.on { color:#000; background:transparent url(_images/common/nav/nav_arw_blk.gif) no-repeat .7em .7em; } div.left_nav ul li a:hover { color:#565554; background-color:#e0e0e0; background:#e0e0e0 url(../../_images/common/nav/nav_arw_hover.gif) no-repeat .7em .7em; } div.left_nav ul li ul { margin-left:15px; } /** * TWO COL LAYOUT */ div#main_content div#main_left_col { float:left; width:430px; } div#main_content.no_leftnav div#main_left_col { background-color:#efefef; /* background color overrides container border image on left nav */ width:680px; padding-left:20px; float:left; } div#main_content div#main_left_col.half_page { width:310px; /* for two column matching width pages */ } div#main_content div#main_right_col { float:right; width:190px; padding-right:20px; } div#main_content.no_leftnav div#main_right_col { float:right; width:190px; padding-right:20px; } /* special version of right col for checkout page */ div#main_content div#checkout_right_col { float:left; width:190px; position: relative; left:25px; } div#main_content div#main_right_col_renew { float:right; width:310px; padding-right:20px; } div#single_col div.right_float { float:right; width:190px; /* clear:both; */ } div#main_content div#main_right_col.half_page { width:310px; /* for two column matching width pages */ } /* the following overrides default link styles, to allow for list item specific styles */ div#main_content div#main_left_col div.link_group, div#main_content div#main_right_col div.link_group, div#main_content div.link_group { margin-top:10px; background-image:none; } div#main_content div#main_left_col div.link_group ul li, div#main_content div#main_right_col div.link_group ul li, div#main_content div.link_group ul li { /* arrow links */ padding-left:0px; background-image:none; line-height:1.3em; } div#main_content div#main_left_col div.link_group ul li a, div#main_content div#main_right_col div.link_group ul li a, div#main_content div.link_group ul li a { padding-left:12px; } div#main_content div#main_left_col div.link_group ul li a:hover, div#main_content div#main_right_col div.link_group ul li a:hover, div#main_content div.link_group ul li a:hover { background:transparent url(../../_images/common/lnk_arrow_hover.gif) no-repeat 0em .4em; } div#main_content div#main_right_col_renew div.link_group, div#main_content div#main_right_col div.link_group, div#main_content div.link_group { margin-top:10px; background-image:none; } div#main_content div#main_right_col_renew div.link_group ul li, div#main_content div#main_right_col div.link_group ul li, div#main_content div.link_group ul li { /* arrow links */ padding-left:0px; background-image:none; line-height:1.3em; } div#main_content div#main_right_col_renew div.link_group ul li a, div#main_content div#main_right_col div.link_group ul li a, div#main_content div.link_group ul li a { padding-left:12px; } div#main_content div#main_right_col_renew div.link_group ul li a:hover, div#main_content div#main_right_col div.link_group ul li a:hover, div#main_content div.link_group ul li a { background:transparent url(../../_images/colors/red/lnk_arrow_red.gif) no-repeat 0em .4em; } div#main_content div#main_right_col_renew div.link_group ul li a:hover, div#main_content div#main_right_col div.link_group ul li a:hover, div#main_content div.link_group ul li a:hover { background:transparent url(../../_images/common/lnk_arrow_hover.gif) no-repeat 0em .4em; } /** * FEATURE STYLES */ div.features { clear:both; padding-top:30px; } div.features.centered { width:630px; margin:0 auto; } div.features div.grey_round_out { float:left; margin-right:20px; } div.features div.grey_round_promo{ float:left; margin-right:20px; } /* Video popup */ div#video_popup { background-color:#ececec; overflow:auto; width:480px; height:400px; } div#video_popup div#header { height:45px; padding:5px; } div#video_popup div#header a { float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div#video_popup div#video_area { margin-top:25px; margin-left:85px; } /* Audio */ div.callout_inner.audio { position:relative; } div#audio_area { position:absolute; width:171px; height:23px; left:-10px; clear:both; } div.callout_inner.audio p.more { margin-top:30px; } /** * RIGHT COL - CALLOUT STYLES */ div.grey_round_out { width:190px; /* default width */ background-color:#efefef; margin-bottom:20px; } div.grey_round_out img { vertical-align:bottom; } div.grey_round_out div.round_top { background:transparent url(../../_images/common/round_grey_brdr.gif) repeat-x top left; } div.grey_round_out div.round_right { background:transparent url(../../_images/common/round_grey_brdr.gif) repeat-y top right; } div.grey_round_out div.round_bottom { background:transparent url(../../_images/common/round_grey_brdr.gif) repeat-x bottom left; } div.grey_round_out div.round_left { background:transparent url(../../_images/common/round_grey_brdr.gif) repeat-y top left; } div.grey_round_out div.round_tl { background:transparent url(../../_images/common/round_grey_tl.gif) no-repeat top left; } div.grey_round_out div.round_tr { background:transparent url(../../_images/common/round_grey_tr.gif) no-repeat top right; } div.grey_round_out div.round_bl { background:transparent url(../../_images/common/round_grey_bl.gif) no-repeat bottom left; } div.grey_round_out div.round_br { background:transparent url(../../_images/common/round_grey_br.gif) no-repeat bottom right; } div.grey_round_out div.round_content { padding:6px; } div.grey_round_promo { width:800px; /* default width */ background-color:#efefef; margin:0 0 10px; } div.grey_round_promo img { vertical-align:bottom; } div.grey_round_promo div.round_top { background:transparent url(../../_images/common/round_grey_brdr.gif) repeat-x top left; } div.grey_round_promo div.round_right { background:transparent url(../../_images/common/round_grey_brdr.gif) repeat-y top right; } div.grey_round_promo div.round_bottom { background:transparent url(../../_images/common/round_grey_brdr.gif) repeat-x bottom left; } div.grey_round_promo div.round_left { background:transparent url(../../_images/common/round_grey_brdr.gif) repeat-y top left; } div.grey_round_promo div.round_tl { background:transparent url(../../_images/common/round_grey_tl.gif) no-repeat top left; } div.grey_round_promo div.round_tr { background:transparent url(../../_images/common/round_grey_tr.gif) no-repeat top right; } div.grey_round_promo div.round_bl { background:transparent url(../../_images/common/round_grey_bl.gif) no-repeat bottom left; } div.grey_round_promo div.round_br { background:transparent url(../../_images/common/round_grey_br.gif) no-repeat bottom right; } div.grey_round_promo div.round_content { padding:6px; } div.grey_header_round { width:178px; background:#565554 url(../../_images/common/grey_round_top.gif) no-repeat top left; } div.grey_header_round h3 { color:#fff; margin-top:0px; font-size:1.3em; padding:12px 0; margin:0px 14px; } div#main_content div.grey_header_round h3 a { color:#fff; display:block; } div.grey_footer_round { background:transparent url(../../_images/common/grey_round_btm.gif) no-repeat bottom left; } /* need unique styles for lighter headers here - ie6 will not inherit mulitple classes correctly and still render bg images */ div.grey_header_round_light { width:178px; background:#b2b2b1 url(../../_images/common/lightg_round_top.gif) no-repeat top left; } div.grey_header_round_light h3 { color:#fff; margin-top:0px; font-size:1.3em; padding:12px 0; margin:0px 14px; } div#main_content div.grey_header_round_light h3 a { color:#fff; display:block; } div.grey_footer_round_light { background:transparent url(../../_images/common/lightg_round_btm.gif) no-repeat bottom left; } div#main_callout, div#main_callout_secondary, div#main_callout_third, div#main_callout_forth { background-color:#fff; } div.callout_inner { margin:10px 14px; } div#main_right_col div.callout_inner ul { padding-left:0px; } div#main_right_col div.callout_inner ul li { padding-left:10px; margin-left:0px; } div#main_right_col div.callout_inner p, div.callout_inner p { padding:0px; margin-right:6px; } div.callout_inner span { display:block; text-align:right; margin:9px 0 0 0; font-size:1.2em; } div.callout_inner span.title { font-weight:bold; text-align:left; font-size:1.1em; margin:0px; } div.callout_inner a.arrow { display:block; margin:5px 0px; } div.callout_inner a.call_out { text-decoration:none; display:inline; } div.callout_inner a.call_btn { margin-left:0px; } div.call_round_out { width:100%; background-color:#b2b1b1; margin-bottom:10px; } div.call_round_out div.round_top { background:none; } div.call_round_out div.round_right { background:none; } div.call_round_out div.round_bottom { background:none; } div.call_round_out div.round_left { background:none; } div.call_round_out div.round_tl { background:transparent url(../../_images/common/callout_tl.gif) no-repeat top left; } div.call_round_out div.round_tr { background:transparent url(../../_images/common/callout_tr.gif) no-repeat top right; } div.call_round_out div.round_bl { background:transparent url(../../_images/common/callout_bl.gif) no-repeat bottom left; } div.call_round_out div.round_br { background:transparent url(../../_images/common/callout_br.gif) no-repeat bottom right; } div.grey_round_out div.round_content { padding:6px; } div.call_round_out h3 { margin:0px; color:#fff; } /* Style for in-content images with rounded corners */ div.grey_round_out.in-content_img { width:166px; margin:0 10px 0 10px; float:left; } div.grey_round_out.in-content_img div.round_content { padding:3px; } div.grey_round_out.in-content_img img { border:none; } div.grey_round_out.in-content_img_ring { width:190px; margin:0px 25px 0 1px; float:left; } div.grey_round_out.in-content_img_ring img { border:none; float:center; } div.grey_round_out.in-content_img_small { width:79px; margin:0 10px 0 0; float:left; } div.grey_round_out.in-content_img_small div.round_content { padding:3px; } div.grey_round_out.in-content_img_small img { border:none; } input.go_btn { margin:5px 0px; border:0px; width:28px; height:18px; float:left; } a.call_btn { display:block; font-size:10px; margin:5px 10px; padding:3px 0px 0px 15px; border:0px; border:0px; text-decoration:none; color:#fff !important; font-weight:normal; text-transform:uppercase; } p a.call_btn { padding-top:2px; padding-bottom:4px; } p a.call_btn.call_85 { padding-top:1px; } p a.call_btn.marg_less { margin-left:0px; } div#main_right_col a.call_btn { margin-left:0px; } p.checkout { text-align:right; } a.top { margin:5px 0px; padding:2px 0px 5px 15px; } a.no_margin { margin-left:0px; } a.indent { margin-left:30px; } a.call_38 { width:38px; height:15px; /* margin-left:0px; */ } a.call_62 { width:62px; height:16px; } a.call_85 { width:80px; height:16px; } a.call_90 { width:75px; height:16px; } a.call_97 { width:82px; height:16px; } a.call_107 { width:100px; height:16px; } a.call_130 { width:120px; height:16px; } a.call_157 { width:155px; height:16px; padding-top:5px; padding-bottom:5px; padding-right:0px; } a.call_164 { width:162px; height:16px; } a.call_180 { width:180px; height:16px; } a.call_279 { width:277px; height:16px; } /** * HOME PAGE */ div#main_content.no_leftnav div#single_col_home { padding:0px 20px 0 25px; background-color:#efefef; /* override repeating left border from main content div */ min-height:500px; } div.home_bucket { float:left; width:278px; margin-left:24px; } div.home_bucket h3 { color:#7f7f7f; } div.home_bucket a.arrow_solid { text-transform:none; font-size:1.1em; font-weight:bold; } div.home_bucket.first { margin-left:0px; } div.home_bucket img { border:0px; } div.grey_round_out.home_main { width:277px; background-color:#fff; min-height:190px; } div.grey_round_out.home_main div.round_content { min-height:190px; padding:3px; } div#first_bottom_home { width:450px; float:left; margin-right:20px; } div#middle_bottom_home { width:200px; float:left; margin-right:21px; } div#last_bottom_home { width:190px; float:left; } h2.home { margin-top:0px; padding-top:0px; } p.event_date { font-weight:bold; color:#5F5D50; margin-top:-5px; padding-top:0px; } div.grey_round_out.home_event { width:79px; padding:0px; float:left; margin:5px 10px 5px 0px; } div.grey_round_out.home_event img { vertical-align:bottom; border:none; } div.grey_round_out.home_event div.round_content { padding:3px 0px 3px 3px; } /** * SEASON OVERVIEW */ div.season_tabs { margin-bottom:7px; position:relative; } div#main_content div.season_tabs ul { list-style-type:none; padding:7px 4px 4px 0px; } div#main_content div.season_tabs ul li { display:inline; background-image:none; font-size:1.2em; padding-left:2px; } div#main_content div.season_tabs ul li div { display:inline; } div#main_content div.season_tabs ul li a { padding:5px 0px; background-image:none; background:#fff url(../../_images/common/nav/tab_right_white.gif) no-repeat 100% 0; display: inline-block; } div#main_content div.season_tabs ul li a span { background:url(../../_images/common/nav/tab_left_white.gif) no-repeat 0px 0px; padding:5px 1em 5px 1.5em; } div#main_content div.season_tabs ul li.on a { color:#565554; background:url(../../_images/common/nav/tab_right.gif) no-repeat 100% 0; } div#main_content div.season_tabs ul li.on a span { background:url(../../_images/common/nav/tab_left.gif) no-repeat 0px 0px; padding:5px 1em 5px 1.5em; } div.border_first { height:5px; border-top:1px solid #ccc; position:absolute; width:514px; right:0px; } div.border_second_left { height:5px; border-top:1px solid #ccc; position:absolute; width:175px; left:0px; } div.border_second_right { height:5px; border-top:1px solid #ccc; position:absolute; width:406px; right:0px; } div.border_third { height:5px; border-top:1px solid #ccc; position:absolute; width:349px; left:0px; } div.border_fourth { height:5px; border-top:1px solid #ccc; position:absolute; width:220px; right:0px; } div.border_fifth { height:5px; border-top:1px solid #ccc; position:absolute; width:329px; right:0px; } div.season_header { position:relative;} div.season_header h2 { } div#main_content .grey_round_out.subscribe div.round_content { padding:8px 6px; position:relative; } div#main_content .grey_round_out.subscribe { width:220px; float:right; background-color:#eaeaea; } div#main_content .grey_round_out.subscribe span { font-size:1.2em; color:#5f5d50; font-weight:bold; padding-left:2px; } div.grey_round_out.overview { float:left; width:680px; background-color:#fff; } div.grey_round_out.overview div.round_content { padding:4px; height:205px; } div.grey_round_out.overview img { vertical-align:bottom; float:left; border:none; } div.grey_round_out.overview div.overview_inner { margin:20px 20px 0px 400px; } div.grey_round_out.overview div.overview_inner h2 { margin:0px 0px 5px 0px; padding:0px; font-size:1.5em; background-image:none; } div.grey_round_out.overview div.overview_inner h3 { margin:5px 0px 5px 0px; padding:0px; font-size:1em; color:#5f5d50; } div.grey_round_out.overview div.overview_inner span { font-size:1.1em; font-weight:bold; } div.grey_round_out.overview div.overview_inner p { padding:0px; font-size:1em; } div.seas_row_ring { float:left; display:block; width:680px; border-bottom:1px dotted #cbcbcb; min-height:180px; } div.seas_row { float:left; display:block; margin-top:10px; width:680px; border-top:1px dotted #cbcbcb; border-bottom:1px dotted #cbcbcb; min-height:230px; } div.seas_row.last { border:none; } div.seas_production_info { float:left; margin:22px; width:89px; } div.seas_production_info h3 { margin:5px 0px 5px 0px; padding:0px; font-size:1.1em; color:#5f5d50; width:100px; } div.seas_production_info span { font-size:1.1em; font-weight:bold; } div.seas_production_info p { padding:0px; font-size:1em; } div.grey_round_out.prod_overview { width:79px; padding:0px; margin-bottom:10px; } div.grey_round_out.prod_overview img { vertical-align:bottom; border:none; } div.grey_round_out.prod_overview div.round_content { padding:3px 0px 3px 3px; } /* 08/09 season overview */ div.seas_row_08 { float:left; display:block; width:680px; border-bottom:1px dotted #cbcbcb; min-height:230px; } /** * BIO POP-UP */ div#wrapper.popup { margin:0px; padding:0px; } div#bio_popup { background-color:#ececec; width:580px; height:430px; overflow:auto; } span.ast { font-size:1.4em; font-weight:bold; } div#bio_popup div#header { height:45px; padding:5px; } div#bio_popup div#header a { display:block; float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div#bio_popup div#header a:hover { color:#fff; } div#bio_popup img { padding:10px; float:left; } div#header div.opera_logo { width:170px; height:24px; margin:10px; float:left; background:url(../../_images/common/seattle_opera_logo.png) no-repeat top left; z-index:1; } div#bio_popup p { padding:0px 10px 0px 10px; } div#wrapper.whole { text-align:center; } div#whole_header { text-align:left; height:45px; margin:5px 5px 5px 80px; background:url(../../_images/common/seattle_opera_logo.png) no-repeat top left; } /** * YOUNG ARTISTS PAGE */ div.young_bio p { display:block; width:130px; float:left; margin:20px 0px; height:150px; } div.young_bio img { border:0px; background-image:none; padding:0px; margin:0px; } /** * SUPPORT STYLES */ ul.sponsors li img { margin:15px 0px; } /** * TICKETS */ /** * PRODUCTION DETAIL */ div.grey_round_out#promo_code { width:450px; } h1.production { background-image:none; padding-bottom:0px; margin-bottom:10px; } div.byline { padding-bottom:15px; padding-left:10px; background:transparent url(../../_images/common/header_underl.gif) repeat-x bottom left; color:#69675b; font-weight:bold; } div#season_tickets { background-color:#fff; } div#season_tickets div.season_row { border-top:1px dotted #ccc; padding:0px 0px 4px 0px; } div#season_tickets div.alt_season_row { background-color:#f7f7f7; border-top:1px dotted #ccc; padding:0px 0px 3px 0px; } div#season_tickets p { font-size:1.2em; font-weight:bold; padding-top:0px; } div#season_tickets p.first { border-top:none; } div#main_content div#main_right_col a.buy_tix_btn { display:block; font-size:10px; margin:0px 10px; padding:3px 0px 0px 12px; border:0px; width:78px; height:18px; text-decoration:none; color:#fff; font-weight:normal; text-transform:uppercase; } p.dates { margin:15px 0; font-size:1.2em; font-weight:bold; color:#000; } p.dates span.reg { font-weight:normal; } p.dates span.hall { color:#69675b; } div.details { border-top: } div.details ul { margin:15px 0px; font-size:1em; } div.details ul li { display:inline; text-decoration:none; margin-right:8px; /* text-transform:uppercase; */ font-size:1.1em; } div#main_content div.details ul.simple li { font-weight:normal; /* overriding default ul bold */ } div.details ul li a { text-decoration:none; } div#main_content div.details ul li a.on { color:#000; } p.captions { color:#69675b; margin-bottom:15px; } div#main_right_col ul { font-size:1.1em; /* padding-top:7px; font-weight:bold; */ } div#main_right_col ul li { margin-left:10px; padding-left:5px; list-style-type:none; } div#main_right_col ul li a { text-decoration:none; padding-left:10px; } div#main_right_col h2.mainheader { background:transparent url(../../_images/common/header_underl.gif) repeat-x bottom left; padding:20px 12px 15px 15px; margin-left:0px; } div#main_right_col p { margin:5px 0; font-size:1.1em; font-weight:normal; padding-left:14px; line-height:1.4em; } div#main_right_col p span { font-weight:bold; } a.arrow, a.arrow_left { padding-left:12px; /* display:block; */ margin-top:10px; margin-bottom:10px; } a.arrow_end { padding-right:12px; /* display:block; */ margin-top:10px; margin-bottom:10px; } a.arrow_solid { padding:3px 16px; text-transform:uppercase; } a:hover.arrow_solid { background:transparent url(../../_images/common/nav/nav_arw_hover.gif) no-repeat .6em .7em; } div.feature_section { margin:0px 0px 10px 10px; float:left; width:96%; /* border-top:1px dotted #cbcbcb; */ } div.feature_section.one { padding-top:0px; border-top:none; } div.grey_round_out.prod_detail { width:147px; float:left; margin-top:10px; } div.grey_round_out.prod_detail div.round_content { padding:3px; margin-bottom:0px; } div.grey_round_out.prod_detail img { border:none; } div.feature_section h3 { display:block; margin-bottom:0px; font-size:1.1em; color:#5f5d50; font-weight:bold; margin-left:150px; } div.feature_section h4 { display:block; padding-top:0px; margin-top:0px; margin-bottom:0px; font-size:1.5em; margin-left:150px; } div.feature_section p { display:block; font-size:1.1em; margin-left:150px; /* right align the p, so that it doesn't break underneath image */ } div#related_wrap { margin-top:20px; float:left; /* necessary to clear other floated elements */ width:670px; } div#related_wrap_production { padding-top:20px; clear:both; } div.related { width:210px; display:block; margin:10px 0 10px 5px; float:left; padding-bottom:10px; font-size:1.1em; } div.related div.grey_round_out.related { width:66px; } div.related div.grey_round_out.related div.round_content { padding:3px; } div.related img { margin-right:10px; } div.related div.inner_related { float:left; width:110px; } div.related h3 { margin-top:15px; margin-bottom:0px; font-size:1.1em; font-weight:bold; } h2.past { position:relative; } h2.past span { position:absolute; right:0px; } div#main_content ul.past { position:relative; list-style-type:none; font-size:1.4em; font-weight:bold; margin:10px 0; } div#main_content ul.past li { background-image:none; padding-left:0px; } ul.past li span { position:absolute; right:0px; } div#main_content ul.past li ul { list-style-type:none; font-size:.8em; font-weight:normal; padding-left:0px; } ul.past li ul li span { position:absolute; right:0px; } table#guild_benefits { width:300px; text-align:right; } table#guild_benefits tr td.type { text-align:left; } /** * PRODUCTION ARCHIVE DETAIL */ /* Artists */ dl.artists { font-size:1.1em; margin-left:10px; } dl.artists dt { text-align:left; float:left; clear:left; width:170px; } dl.artists dd { width:200px; float:left; margin-bottom:0.5em; } dl.artists dd ul { font-size:1em; padding-left:0; } dl.artists dd ul li { background: none; font-weight: normal; padding-left:0; } /* Photos */ div.grey_round_out.archive_photo { width:96px; margin:0 5px 10px; float:left; } div.grey_round_out.archive_photo div.round_content { padding:3px; } div.grey_round_out.archive_photo img { border:none; } /* Photo popup */ div.photo_popup { background-color:#ececec; } div.photo_popup.portraitSmall_250x350 { width:505px; height:505px; } div.photo_popup.portraitSmall { width:505px; height:505px; } div.photo_popup.portrait { width:440px; height:620px; } div.photo_popup.landscapeSmall_350x250 { width:505px; height:505px; } div.photo_popup.landscapeSmall_320x240 { width:505px; height:505px; } div.photo_popup.landscapeSmall { width:505px; height:505px; } div.photo_popup.landscape { width:505px; height:505px; } div.photo_popup div#header { height:45px; padding:5px; } div.photo_popup div#header a { float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div.photo_popup div#header img { padding:10px; float:left; } div.photo_popup.portraitSmall_250x350 div.grey_round_out { width:257px; margin:10px auto 0; } div.photo_popup.portraitSmall div.grey_round_out { width:247px; margin:10px auto 0; } div.photo_popup.portrait div.grey_round_out { width:325px; margin:10px auto 0; } div.photo_popup.landscapeSmall_320x240 div.grey_round_out { width:326px; margin:30px auto 0; } div.photo_popup.landscapeSmall_350x250 div.grey_round_out { width:356px; margin:30px auto 0; } div.photo_popup.landscapeSmall div.grey_round_out { width:366px; margin:30px auto 0; } div.photo_popup.landscape div.grey_round_out { width:486px; margin:30px auto 0; } div.photo_popup div.round_content { padding:3px; } div.photo_popup.portraitSmall p.caption { width:325px; margin:0 auto; } div.photo_popup.portrait p.caption { width:325px; margin:0 auto; } div.photo_popup.landscape p.caption { width:486px; margin:0 auto; } div.photo_popup.portraitSmall p.photo_credit { color:#FFFFFF; text-align:right; position:absolute; bottom:0; right:63px; } div.photo_popup.portrait p.photo_credit { color:#FFFFFF; text-align:right; position:absolute; bottom:0; right:63px; } div.photo_popup.landscape p.photo_credit { color:#FFFFFF; text-align:right; position:absolute; bottom:0; right:10px; } div.brochure_popup { background-color:#ececec; width:800px; height:550px; } div.brochure_popup div#header { height:45px; padding:5px; } div.brochure_popup div#header a { display:block; float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div.brochure_popup img { padding:10px; float:left; } div.brochure_popup div.trailer { width:800px; margin:15px auto 0; } .pushLeft ul li { margin-left:20px; } div.hotel_popup { background-color:#ececec; width:520px; height:420px; overflow:auto; } div.hotel_popup div#header { height:45px; padding:5px; } div.hotel_popup div#header a { display:block; float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div.hotel_popup img { padding:10px; float:left; } .pushLeft ul li { margin-left:20px; } div.trailer_popup { background-color:#ececec; width:520px; height:420px; overflow:auto; } div.trailer_popup div#header { height:45px; padding:5px; } div.trailer_popup div#header a { display:block; float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div.trailer_popup img { padding:10px; float:left; } div.trailer_popup div.trailer { width:480px; margin:20px auto 0; } .pushLeft ul li { margin-left:20px; } /* Articles & Interviews */ div#main_content ul.articles_interviews { list-style:none; } div#main_content ul.articles_interviews li { border-bottom:1px dotted #CBCBCB; font-weight:normal; background:none; } div#main_content ul.articles_interviews li div.grey_round_out.prod_detail { margin-top:0; margin-right:10px; } div#main_content ul.articles_interviews li h4 { margin-top:20px; } div#main_content ul.articles_interviews li a { background:none; } div#main_content ul.articles_interviews li.last { border-bottom-width:0; } /* Notes */ div.grey_round_out.article_img { width:96px; margin:10px 10px 0 10px; float:left; } div.grey_round_out.article_img.dean{ width:87px; margin:10px 10px 0 10px; float:left; } div.grey_round_out.article_img div.round_content { padding:3px; } div.grey_round_out.article_img img { border:none; } /** * TICKETS */ /* seat selection */ div.performance_info { width:440px; padding-left:10px; } div.performance_info p { margin-left:150px; } div.performance_info div.grey_round_out { width:148px; padding:0px; margin-right:10px; } div.performance_info div.grey_round_out div.round_content { padding:3px 0px 3px 4px; } div#select_main { min-height:600px; /* account for size of absolutely positioned flash */ position:relative; clear:right; } div#select_main p { margin-bottom:0px; } div.quantity_select { width:200px; float:left; padding-left:10px; } div.quantity_select h4, div#right_select h4 { padding-bottom:10px; border-bottom:1px dotted #ccc; padding-left:0px; margin:0px 0px 15px 0px; } div.quantity_select div.select { margin-bottom:10px; } div.quantity_select fieldset { margin-top:0px; } div.quantity_select fieldset label { display:block; float:left; width:30px; margin-right:0px; } div.quantity_select fieldset select.select { width:130px; margin:0px 0px 0px 10px; } select.select.margin { margin-bottom:10px; } div#right_select { width:400px; margin-left:230px; } div#right_select table.newcart { width:400px; margin-top:-10px; padding:0px; } div#right_select table.newcart th { background-image:none; padding-top:0px; } div.grey_round_out.seating div.round_content { padding:2px 3px; } div.seating_chart { background:url(../../_images/tickets/seating_chart_icon.gif) no-repeat 0 0px; padding-bottom:15px; background-color:#eaeaea; position:relative; height:20px; font-size:1.1em; } div.seating_chart a { margin-left:66px; margin-top:0px; position:absolute; top:10px; } div.lectures a.synopsis { position:relative; padding-left:18px; display:block; cursor: hand; margin-top:-4px; margin-left:10px; } div.lectures a.synopsis span { font-size:2em; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:0px; padding:0px; width:10px; line-height:.7em; } div.lectures a.synopsis span.hide { font-size:2em; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:0px; padding:0px; width:10px; line-height:.6em; } /* SYOS */ div#syos_container { position:relative; left:-20px; } /* general cart styles */ table.newcart { margin-top:10px; } table.newcart.indent { color:#666; } table.newcart td, /* debug */ table.newcart th { /* border:1px solid #000; */} table.newcart .totals {font-weight:bold;} table.newcart .inner {padding:5px;} table.newcart ul.addon-list { list-style-type: none; } ul.addon-list li { background-image: none !important; font-weight: normal !important; padding-left: 0px !important; } ul.addon-list li p { padding-left: 0px; font-size: inherit !important; } table.newcart .inner.title, table.newcart span.title { font-size:1.1em; font-weight:bold; padding-bottom:0px; margin-bottom:0px; } table.newcart .inner.second { padding-left:20px; } table.newcart .inner.color { /* for indented rows (which don't have own table to descend color to) */ color:#666; } a.call_62.second { margin-left:30px; } table.newcart div.inner.last { text-align:right; } table.newcart td.span {padding:5px 0;} table.newcart td.span .inner {padding:0 5px;} table.newcart .hr {margin:0 5px;}/* hr needs no margin here */ table.newcart th { background-color:#f1f1f1; color:#000; font-weight:bold; } table.newcart td, table.newcart th { padding:0; text-align:left; vertical-align:top; } table.newcart td.right, table.newcart th.right { text-align:right; } table.newcart th { padding-top:5px; border-bottom:1px dotted #ccc; font-size:1.2em; color:#5f5d50; background:transparent url(../../_images/common/header_underl.gif) repeat-x top left; } table.newcart .price {text-align:right;} table.newcart .span {padding:0;} table.newcart .copy p { color:#565554; font-size:1.1em; background:url(../../_images/common/grey_copy_arrow.gif) no-repeat 0 .4em; } table.newcart h4 { padding-bottom:10px; padding-left:4px; border-bottom:1px dotted #ccc; } table.newcart h5.ringevent { font-size: 1.1em; font-weight: bold; margin: 5px; } table.newcart h4.second_series { padding-top:10px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding-left:20px; } table.newcart .subtotal, table.newcart .total { font-size:1.2em; font-weight:bold; text-align:right; } table.newcart .subprice, table.newcart .totalprice { font-size:1.2em; font-weight:bold; text-align:right; } table.newcart .col010 {width:10px;} table.newcart .col020 {width:20px;} table.newcart .col030 {width:30px;} table.newcart .col040 {width:40px;} table.newcart .col050 {width:50px;} table.newcart .col060 {width:60px;} table.newcart .col070 {width:70px;} table.newcart .col080 {width:80px;} table.newcart .col090 {width:90px;} table.newcart .col100 {width:100px;} table.newcart .col110 {width:110px;} table.newcart .col115 {width:115px;} table.newcart .col120 {width:120px;} table.newcart .col130 {width:130px;} table.newcart .col140 {width:140px;} table.newcart .col150 {width:150px;} table.newcart .col160 {width:160px;} table.newcart .col170 {width:170px;} table.newcart .col180 {width:180px;} table.newcart .col190 {width:190px;} table.newcart .col200 {width:200px;} table.newcart .col210 {width:210px;} table.newcart .col220 {width:220px;} table.newcart .col230 {width:230px;} table.newcart .col240 {width:240px;} table.newcart .col250 {width:250px;} table.newcart .col260 {width:260px;} table.newcart .col270 {width:270px;} table.newcart .col280 {width:280px;} table.newcart .col290 {width:290px;} table.newcart .col300 {width:300px;} table.newcart .col310 {width:310px;} table.newcart .col320 {width:320px;} table.newcart .col330 {width:330px;} table.newcart .col340 {width:340px;} table.newcart .col350 {width:350px;} table.newcart .col360 {width:360px;} table.newcart .col370 {width:370px;} table.newcart .col380 {width:380px;} table.newcart .col390 {width:390px;} table.newcart .col400 {width:400px;} table.newcart .col410 {width:410px;} table.newcart .col420 {width:420px;} table.newcart .col430 {width:430px;} table.newcart .col440 {width:440px;} table.newcart .col450 {width:450px;} table.newcart .col460 {width:460px;} table.newcart .col470 {width:470px;} table.newcart .col480 {width:480px;} table.newcart .col490 {width:490px;} table.newcart .col500 {width:500px;} table.newcart .col510 {width:510px;} table.newcart .col530 {width:530px;} table.newcart .col540 {width:540px;} table.newcart .col550 {width:550px;} table.newcart .col560 {width:560px;} table.newcart .col570 {width:570px;} table.newcart .col580 {width:580px;} table.newcart .col590 {width:590px;} table.newcart .col600 {width:600px;} table.newcart .col610 {width:610px;} table.newcart .col620 {width:620px;} table.newcart .col630 {width:630px;} table.newcart .col640 {width:640px;} table.newcart .col650 {width:650px;} table.newcart .col660 {width:660px;} table.newcart .col670 {width:670px;} table.newcart .col680 {width:680px;} table.newcart .col690 {width:690px;} table.newcart .col700 {width:700px;} table.newcart .col710 {width:710px;} table.newcart .col720 {width:720px;} table.newcart .col730 {width:730px;} table.newcart .col740 {width:740px;} table.newcart .col750 {width:750px;} table.newcart .col760 {width:760px;} table.newcart .col770 {width:770px;} table.newcart .col780 {width:780px;} table.newcart .col790 {width:790px;} table.newcart .col800 {width:800px;} table.newcart .col810 {width:810px;} table.newcart .col820 {width:820px;} table.newcart .col830 {width:830px;} table.newcart .col840 {width:840px;} table.newcart .col850 {width:850px;} table.newcart .col860 {width:860px;} table.newcart .col870 {width:870px;} table.newcart .col880 {width:880px;} table.newcart .col890 {width:890px;} table.newcart .col900 {width:900px;} table.newcart .col910 {width:910px;} table.newcart .col920 {width:920px;} table.newcart .col930 {width:930px;} table.newcart .col940 {width:940px;} table.newcart .col950 {width:950px;} table.newcart .col960 {width:960px;} table.newcart .col970 {width:970px;} table.newcart .col980 {width:980px;} table.newcart .col990 {width:990px;} table.newcart .col1000 {width:1000px;} table.newcart .col1150 {width:1150px;} table.newcart .col1200 {width:1200px;} /** accordion utility styles **/ #accordion_container .accordion_toggle { display: block !important; cursor: pointer !important; background-image: url(../../_images/common/icon_plus.gif); background-repeat: no-repeat; background-position: center left; padding-left: 12px; } #accordion_container .open { background-image: url(../../_images/common/icon_minus.gif); background-repeat: no-repeat; background-position: center left; padding-left: 12px; } #accordion_container .accordion_content { overflow: hidden !important; } /* single ticket path cart styles */ div.cart_main { position:relative; margin-bottom:10px; } a.arrow.cart { font-size:1.2em; margin:2px 0px; } div#general_error { clear:both; } div.error { display:block; background-color:#fff; border:1px solid #FF0000; text-align:center; padding:3px 5px; } div.error p { padding:0px; color:#FF0000; /* color for warning errors always same red */ } div.error p span { font-weight:bold; } div.error.aspinline { display:inline; border:none; padding:0px; } div.error.aspinline span, div.error.aspinline div { display:block; background-color:#fff; border-left:1px solid #FF0000; border-right:1px solid #FF0000; } div.error.aspinline div { border-top:1px solid #FF0000; } div.error.aspinline div.aspinline_inner { display:inline; border-top:none; border-left:none; border-right:none; border-bottom:1px solid #FF0000; } div.error.aspinline div.aspinline_inner span { display:block; } tr.production_row td { border-bottom:1px dotted #ccc; padding-top:10px; } div.continue { margin:10px 10px; width:80%; } div.continue h4 { margin:0px; padding:0px; } div.btn_right_align { position:relative; height:24px; } div.btn_right_align a.call_btn { position:absolute; right:-20px; } div.btn_right_align p { text-align:left; } div#related_wrap_cart { margin-top:20px; float:left; /* necessary to clear other floated elements */ width:100%; } div.interest { width:210px; display:block; margin:0px 10px 10px 5px; float:left; padding-bottom:10px; font-size:1.1em; } div.grey_round_out.interest { width:84px; } div.grey_round_out.interest img { vertical-align:bottom; } div.interest img { margin-right:10px; } div.related div.inner_interest{ float:left; width:110px; } div.interest h3 { margin-top:15px; margin-bottom:0px; font-size:1.1em; font-weight:bold; } div.left_select { width:320px; float:left; } div.right_select { float:right; width:320px; } div.shipping_select { } div.shipping_item { float:left; width:220px; } /* thank you page */ div#print { float:right; height:50px; } div#print a { padding-left:25px; } div.grey_round_out.thank_you { width:332px; background-color:#fff; } div.grey_round_out.thank_you img { border:none; } div.grey_round_out.thank_you div.round_content { padding:3px; } div.grey_round_out.thank_you div.round_content h3 { color:#7f7f7f; } /* Login Page */ div.login_cond_left { float:left; width:50%; } div.login_cond_right { float:right; width:50%; } div.login_cond_right ul { width:95%; padding:10px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-bottom:10px; } div.login_left { float:left; margin-top:0px; width:320px; } /* div.login_left h1 { font-size:1.4em; font-weight:normal; background:transparent url(../../_images/common/header_underl.gif) repeat-x bottom left; padding:10px 0 10px 10px; margin:0px; color:#565554; font-weight:bold; } */ div.login_right { margin-left:340px; } div.login_right ul { width:95%; padding:10px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-bottom:10px; } p.required { display:block; margin-top:30px; margin-left:65px; } /* register page */ div#main_content.no_leftnav div#main_left_col.register { width:330px; padding-left:20px; float:left; min-height:550px; /* hide repeating border in left col */ } div#main_content.no_leftnav div#register_right { float:left; width:330px; padding-left:20px; } /* group sales */ table.showdates { font-size:1.2em; } table.showdates th, table.showdates td { width:35px; } table.showdates .firstcol { width:140px; } table.showdates tr.line1 th { font-weight:bold; font-style:italic; } table.showdates tr.line2 th { font-weight:normal; } table.showdates tr.line2 th, table.showdates tr.line2 td { padding-bottom:8px; } /* group sales popups */ div.group_sales_popup { background-color:#ececec; width:600px; height:675px; overflow:auto; } div.group_sales_popup div#header { height:45px; padding:5px; } div.group_sales_popup div#header a { display:block; float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div.group_sales_popup img { padding:10px; float:left; } div.group_sales_popup table { width:550px; margin:20px auto; font-size:1.1em; } div.group_sales_popup table tr.top_headers th { text-align:center; padding:0 8px; } div.group_sales_popup table td { text-align:center; padding-bottom:3px; } div.group_sales_popup table tr.hr td { padding:0; } div.group_sales_popup table th.section { color:#565554; text-transform:uppercase; text-align:right; width:120px; } div.group_sales_popup table th.subsection { text-align:right; } div.group_sales_popup p { width:450px; margin:0 auto; } /** * CALENDAR */ div#calendar { padding:0px 24px; position:relative; } div#calendar_event { padding:0px 24px; } div#calendar div.hr { clear:both; border-top:none; height:15px; background:transparent url(../../_images/common/header_underl.gif) repeat-x bottom left; margin:0px; padding:0px; } div#calendar table { clear:left; padding-left:0px; } div#calendar h1 { float:left; background-image:none; padding-left:10px; padding-bottom:0px; margin-bottom:0px; } div#calendar span.calendar_nav { float:left; font-size:1.2em; padding:20px 20px 0px 20px; color:#cbcbcb; position:relative; } div#calendar span select { margin-top:-10px; } .call_btn.call_38.inline { display:inline; padding-bottom:0px; padding-right:13px; position:absolute; right:-65px; top:8px; } div.calendar_call { } div.calendar_call h2 { } .grey_round_out.cal_header div.round_content { padding:8px 6px; position:relative; } .grey_round_out.cal_header { width:180px; position:absolute; right:22px; background-color:#eaeaea; } .grey_round_out.cal_header span { font-size:1.4em; color:#5f5d50; font-weight:bold; padding-left:2px; } .call_btn.call_85.inline { display:inline; padding-bottom:4px; padding-right:13px; position:absolute; right:-25px; top:2px; } div#event_cal_wrapper { } div#event_cal_wrapper a { position:relative; } div#production_info div { display:none; } div#production_info.off { display:none; } div#production_info.on { display:block; } div#production_info div.on { display:block; width:390px; background-color:#fff; font-size:1.1em; } div#production_info div.on div.header { display:block; background:url(../../_images/common/hover_content_top.gif) no-repeat top left; height:9px; width:390px; overflow:hidden; } div#production_info div.on div.inner_perf { display:block; padding:10px 10px 0px 10px; float:left; border-left:3px solid #e1e1e1; border-right:3px solid #e1e1e1; width:364px; /* width necessary for cross-browser consistency */ } div#production_info div.on div.left_col { display:block; width:143px; padding-right:10px; float:left; } div#production_info div.on div.time_range { display:block; margin:10px 0px; padding-bottom:10px; background:transparent url(../../_images/common/header_underl.gif) repeat-x bottom left; } div#production_info div.on div.right_col { display:block; width:190px; padding-right:10px; float:right; } div#production_info div.on div.right_col h3 { margin:0px 0px 5px 0px; padding:0px; } div#production_info div.on div.right_col h4 { margin:5px 0px 5px 0px; padding:0px; font-size:1em; color:#5f5d50; } div#production_info div.on div.right_col span { float:right; display:block; width:190px; text-align:right; margin-bottom:5px; } div#production_info div.on div.right_col p { padding:0px; font-size:1em; } div#production_info div.on div.footer { display:block; background:url(../../_images/common/hover_content_btm.gif) no-repeat top left; height:9px; width:390px; clear:both; overflow:hidden; } div#production_info div.off { display:none; } table#event_calendar { border-right:1px dotted #cbcbcb; } table#event_calendar th { background-color:#fff; border:1px solid #cbcbcb; background-image:none; padding:5px; } table#event_calendar tr td { border-bottom:1px dotted #cbcbcb; border-left:1px dotted #cbcbcb; padding:5px; height:130px; } table#event_calendar tr td p { padding:0px; } /** * SUBSCRIPTIONS */ fieldset.series { margin-bottom:0px; padding-bottom:0px; } div#subs_productions{ } div#subs_productions ul.simple li { margin:5px 0px; } div#subs_productions ul.simple li a { position:relative; /* hover position formulated from link */ } div#subs_season_info div { display:none; } div#subs_season_info.off { display:none; } div#subs_season_info.on { display:block; } div#subs_season_info div.on { display:block; width:390px; background-color:#fff; font-size:1.1em; } div#subs_season_info div.on div.header { display:block; background:url(../../_images/common/hover_content_top.gif) no-repeat top left; height:9px; width:390px; overflow:hidden; } div#subs_season_info div.on div.inner_perf { display:block; padding:10px 10px 0px 10px; float:left; border-left:3px solid #e1e1e1; border-right:3px solid #e1e1e1; } div#subs_season_info div.on div.left_col { display:block; width:143px; padding-right:10px; float:left; } div#subs_season_info div.on div.time_range { display:block; margin:10px 0px; padding-bottom:10px; background:transparent url(../../_images/common/header_underl.gif) repeat-x bottom left; } div#subs_season_info div.on div.right_col { display:block; width:190px; padding-right:10px; float:right; } div#subs_season_info div.on div.right_col h3 { margin:0px 0px 5px 0px; padding:0px; } div#subs_season_info div.on div.right_col h4 { margin:5px 0px 5px 0px; padding:0px; font-size:1em; color:#5f5d50; } div#subs_season_info div.on div.right_col p { padding:0px; font-size:1em; } div#subs_season_info div.on div.footer { display:block; background:url(../../_images/common/hover_content_btm.gif) no-repeat top left; height:9px; width:390px; clear:both; overflow:hidden; } div.series_space { display:block; height:200px; } /* select series page */ div.series_name { margin-top:2em; width:150px; float:left; height:200px; } div.series_date { width:150px; float:left; padding-left:15px; border-left:1px dotted #cbcbcb; } /* select seating page */ div.seating_left { width:140px; float:left; } div.seating_right { margin-left:150px; width:400px; } /* renewals */ div.left_renew_choice { float:left; width:340px; } div.right_renew_choice { float:left; width:340px; } .change_header { margin:10px 0 0 0; } /** * PAYMENT PLAN */ fieldset.payment_select { margin:10px 0px; padding:0px; } /** * GIFT SHOP */ div.gift_home_image { width:180px; height:180px; float:left; } div.grey_round_out.gift_home { margin:0px; padding:0px; width:172px; } div.grey_round_out.gift_home div.round_content { padding:4px 0px 4px 3px; } div.gift_home_copy { width:240px; float:left; } div.gift_home_copy h3 { padding-top:2px; margin-top:2px; } div.grey_round_out.gift_image_corner { margin:0px; padding:0px; width:84px; } div.grey_round_out.gift_image_corner div.round_content { padding:4px; } div#gift_bottom div.gift_item { float:left; width:103px; padding-left:5px; border-left:1px dotted #ccc; margin:15px 0px; } div#gift_bottom div.gift_item a { margin:0px; } div#gift_bottom div.grey_round_out.gift_image_corner { margin-left:0px; } div#gift_bottom div.gift_item.first { border:none; margin:15px 0px 0px 0px; padding:0px; } div.gift_pages { display:inline; float:right; height:15px; clear:both; font-size:1.2em; text-align:right; } div.browse_item { display:block; width:180px; /* height:240px; */ margin:10px 0px; float:left; padding:0px 0px 0px 30px; border-left:1px dotted #ccc; } div.browse_item a { margin-left:0px; } div.browse_item.first { border:none; clear:left; padding:0px 15px 0px 0px; } div.browse_item img { border:3px solid #e1e1e1 !important; padding:0px; margin:0px; } div.browse_item p { font-weight:bold; display:block; padding-left:3px; margin-left:0px; height:80px; } h1.detail { margin-top:0px; padding-top:0px; } div.detail_image { float:left; display:block; width:170px; padding-right:15px; } div.detail_image img { border:3px solid #e1e1e1; } div.detail_image fieldset { margin:5px 0px; } div.detail_image label { width:auto; line-height:2em; margin:0px; text-align:right; } div.detail_image label span { text-align:right; } div.detail_image select { width:80px; margin:0 15px 10px 0; float:right; } div.detail_image fieldset p { margin-top:5px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-left:0px; } div.detail_right { float:left; display:block; width:240px; } .grey_round_out.gift_related { width:430px; margin-top:20px; } div.related_detail { clear:both; display:block; } div.related_detail div.detail_inner { float:left; width:125px; padding-right:10px; } div.related_detail div.grey_round_out.related_thumb { width:66px; padding-left:10px; margin-bottom:0px; } div.related_detail div.grey_round_out.related_thumb div.round_content { padding:3px; } div.related_detail div.detail_inner a { margin-left:0px; } table.shipping th td, table.shipping tr td { text-align:left; } div#gift_message { position:relative; /* div positioning required to fix ie7 textarea left margin bug */ clear:both; height:80px; } div#shipping_copy p { margin:20px; } /** * BRAVO! Club Photos */ div.grey_round_out.bravo_thumb { width:147px; margin:10px 10px 0 0; float:left; } div.grey_round_out.bravo_thumb div.round_content { padding:3px; } div.grey_round_out.bravo_thumb img { border:none; } div.bravo_popup { background-color:#ececec; overflow:auto; } div.bravo_popup.portrait { width:395px; height:560px; } div.bravo_popup.landscape { width:580px; height:480px; } div.bravo_popup div#header { height:45px; padding:5px; } div.bravo_popup div#header a { float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div.bravo_popup div#header img { padding:10px; float:left; } div.bravo_popup.portrait div.grey_round_out.bravo_photo { width:306px; margin:30px auto 0; } div.bravo_popup.landscape div.grey_round_out.bravo_photo { width:506px; margin:30px auto 0; } div.grey_round_out.bravo_photo div.round_content { padding:3px; } div.bravo_popup.portrait div.photo_credit { padding-top:10px; padding-right:35px; } div.bravo_popup.landscape div.photo_credit { padding-top:10px; padding-right:28px; } /** * ABOUT US */ dl.facts { font-size:1.1em; } dl.facts dt { float:left; clear:left; width:175px; } dl.facts dd { float:left; width:255px; margin-bottom:0.5em; } dl#board_of_trustees { font-size:1.1em; } dl#board_of_trustees dt { font-weight:bold; text-align:right; float:left; clear:left; width:170px; margin-right:10px; } dl#board_of_trustees dd { width:250px; float:left; margin-bottom:0.5em; } dl#board_of_trustees dd ul { font-size:1em; padding-left:0; } dl#board_of_trustees dd ul li { background: none; font-weight: normal; padding-left:0; } /* Staff Directory */ dl.directors { text-align:center; width:215px; float:left; } dl.directors dt { font-weight:bold; font-size:1.1em; } dl.directors dd { margin-bottom:1em; } dl#top_directors { width:100%; float:none; margin-bottom:2em; } dl.staff { margin-left:10px; } dl.staff dt {} dl.staff dd { font-style:italic; margin-bottom:1em; } /** * JOB POP-UP */ div#job_popup { background-color:#ececec; width:480px; height:330px; overflow:auto; } div#job_popup div#header { height:45px; padding:5px; } div#job_popup div#header a { display:block; float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div#job_popup img { padding:10px; float:left; } div#job_popup p { padding:0px 10px 0px 10px; } /** * ATTENDING THE OPERA */ ol.directions { list-style:none; margin-left:10px; } ol.directions li { padding-left:12px; background:transparent url(_images/common/nav/nav_arw_blk.gif) no-repeat 0em .4em; } div#main_content ul#other_dining_options { margin-top:10px; } div#main_content ul#other_dining_options li { float:left; width:105px; margin-bottom:5px; } /** * DISCOVER OPERA */ dl.recommend { font-size:1.1em; padding-left:10px; padding-top:5px; } dl.recommend dt { font-weight:bold; margin-bottom:3px; } dl.recommend dd { margin-bottom:15px; } /* School Programs - Grade School */ div#theft_video { margin:0 0 15px 10px; } /* Wagner Photos styles */ div.wagner_photo { width:170px; float:left; margin-right:40px; } div.grey_round_out.wagner_thumb { width:186px; margin:10px 10px 10px 0; float:left; clear:right; } div.grey_round_out.wagner_thumb div.round_content { padding:3px; } div.grey_round_out.wagner_thumb img { border:none; } div.guild_popup { background-color:#ececec; overflow:auto; } div.guild_popup.portrait { width:395px; height:560px; } div.guild_popup.landscape { width:580px; height:480px; } div.guild_popup div#header { height:45px; padding:5px; } div.guild_popup div#header a { float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div.guild_popup div#header img { padding:10px; float:left; } div.guild_popup.portrait div.grey_round_out.guild_photo { width:306px; margin:30px auto 0; } div.guild_popup.landscape div.grey_round_out.guild_photo { width:486px; margin:30px auto 0; } div.grey_round_out.guild_photo div.round_content { padding:3px; } div.grey_round_out.guild_party_thumb { width:97px; margin:10px 10px 0 10px; float:left; } div.grey_round_out.guild_party_thumb div.round_content { padding:3px; } div.grey_round_out.guild_party_thumb img { border:none; } /** * NEWS */ div#main_content ul#news_list { list-style:none; font-size:1em; } div#main_content ul#news_list li { background:none; font-weight:normal; padding:15px 0; border-bottom: 1px dotted #cbcbcb; } div#main_content ul#news_list li h3 { margin-top:0; margin-bottom:0; line-height:1.2em; } div#main_content ul#news_list li.top_news p { float:left; width:200px; padding-left:0; } div#main_content ul#news_list li h4 { margin-top:6px; } div#main_content ul#news_list li a { background:none; } div#main_content ul#news_list li.last { border-bottom:none; } a.adobe_reader_link { margin-left:10px; } /* News article popups */ div.whats_new_popup { background-color:#ececec; width:525px; height:642px; overflow:auto; } div.whats_new_popup div#header { height:45px; padding:5px; } div.whats_new_popup div#header a { display:block; float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div.whats_new_popup div#header img { padding:10px; float:left; } div.whats_new_popup h4 { padding-left:15px; } div.whats_new_popup p { padding:0px 15px 0px 15px; } div.whats_new_popup div.grey_round_out.news_photo { width:486px; margin:30px auto 0; } div.grey_round_out.news_photo div.round_content { padding:3px; } div.whats_new_popup div.photo_credit p { padding:0; } div.whats_new_popup div#rusty_pig_video { width:320px; margin:20px auto; } /* Image Library */ div#main_content ul#image_library {} div#main_content ul#image_library li { margin-bottom:1em; font-weight:normal; } div#main_content ul#image_library li a { background:none; } div#main_content ul.photo_group { margin:15px 0; } div#main_content ul.photo_group li { background-image:none; width:70px; float:left; padding:0 6px 6px 0; font-weight:normal; } div#main_content ul.photo_group li img { border:none; } /* Image Library Popup */ div#image_lib_popup { background-color:#ececec; width:440px; height:475px; overflow:auto; } div#image_lib_popup div#header { height:45px; padding:5px; } div#image_lib_popup div#header img { padding:10px; float:left; } div#image_lib_popup div#header a { display:block; float:right; margin-top:20px; margin-right:10px; font-size:1.2em; } div#image_lib_popup table#outer { margin-top:20px; padding:0; } div#image_lib_popup table#outer table#inner { padding:0; } div#image_lib_popup p#caption { padding:0; } div#image_lib_popup a#download_btn { margin:0; width:70px; } /** * RENTALS */ div#main_content ul.rental_item { border-bottom:1px dotted #ccc; float:left; padding-bottom:15px; margin-bottom:20px; width:670px; font-size:1.1em; } div#main_content ul.rental_item li { background-image:none; float:left; width:145px; font-weight:normal; margin-left:15px; } div#main_content ul.rental_item li.first { width:145px; margin-left:0px; } div#main_content ul.rental_item li.second { margin-left:0px; } div#main_content ul.rental_item li span { font-weight:bold; background-color:#ddd; display:block; padding:3px; text-transform:capitalize; } div#main_content ul.rental_item li span a { color:green; } div#main_content ul.rental_item li span.no { color:red; background-color:#dedede; } div#main_content ul.rental_item li.first a img { border:0; } div#main_content div#main_left_col.rental_detail ul li { font-weight:normal; } div#main_content div#main_left_col.rental_detail table { width:auto; } div#main_content div#main_left_col.rental_detail tr td { font-size:1.1em; } div#main_content div#main_left_col.rental_detail tr td ul { margin:10px; font-size:1em; } div#main_content div#main_left_col.rental_detail tr td p { font-size:1em; } div#main_right_col div.callout_inner ul.rental li { background-image:none; padding-left:0px; } div#main_right_col div.callout_inner ul.rental li a { margin-left:0px; } div#main_right_col div.callout_inner ul.rental li a.on { color:#000; background:transparent url(../../_images/common/nav/nav_arw_blk.gif) no-repeat 0px 5px; } div#main_content ul.rentalInfo li { padding-left:12px; background:transparent url(../../_images/common/nav/nav_arw_blk.gif) no-repeat 0em .4em; font-weight:normal; } div#main_content.rentalDetails { padding:0; } div#main_content.rentalDetails #main_left_col { overflow:hidden; width:500px; } /*div#main_content.rentalDetails #main_right_col { margin-top:30px; }*/ div#main_content.rentalDetails #main_left_col table td div a { padding-right:10px; } /** * MY ACCOUNT */ div.subscribe_msg { background-color:#e1e1e1; padding:5px 0px 5px 5px; } div.subscribe_msg span.qty { margin-right:10px; float:right; } tr.season_row td div.inner { padding-top:10px; padding-bottom:0px; } tr.subs_productions td div.inner { padding-top:0px; margin-top:0px; padding-bottom:0px; position:relative; } tr.subs_productions td div.inner span{ position:absolute; right:30px; text-align:left; margin-left:30px; } div.blog_image { width:120px; float:left; } div.grey_round_out.blog_photo { width:106px; padding:0px; float:left; margin:5px 10px 5px 0px; } div.grey_round_out.blog_photo img { vertical-align:bottom; border:none; } div.grey_round_out.blog_photo div.round_content { padding:3px 0px 3px 3px; } div.blog_content { width:300px; float:left; } div.blog_content h4 { padding-bottom:0px; margin-bottom:0px; font-size:1.1em; } div.blog_content h3 { margin-top:0px; padding-top:5px; } table.newcart tr td div.inner.package_name { font-size:1.1em; font-weight:bold; padding-bottom:3px; } table.newcart tr.header span.seat_col { margin-left:200px; } table.inner_ticket_table { padding:0px; margin:14px 0 0 0; } table.inner_ticket_table tr td { border:none; padding:0px; margin:0px; } table.inner_ticket_table_subs { padding:0px; margin:0px; } table.inner_ticket_table_subs tr td { border:none; padding:0px; margin:0px; } table.newcart tr.header span.seat_col_subs { margin-left:150px; } /* SEARCH */ div.searchSite { margin-left:50px; min-height:250px; } div.searchSite h4 { padding:0; } div.searchSite form input { margin-bottom:3px; } div.searchSite form input.call_btn { position:relative; top:6px; } div.searchSite form select { width:150px; margin-right:3px; } /* PROMOTION */ div.promoProductionsOuter { margin:0 auto; width:800px; } div.promoProductionsOuter div.promoProductions ul { list-style-image:none; margin:10px 0 0 0; width:800px; } div.promoProductionsOuter div.promoProductions ul li { float: left; display:inline; background-image:none; width:360px; padding:0 10px 20px 0; margin: 10px 0 10px 0; border-bottom: dotted 1px #cbcbcb; } div.promoProductionsOuter div.promoProductions ul li img { float: left; } div.promoProductionsOuter div.promoProductions ul li div { float: right; } div.promoProductionsOuter div.promoProductions ul li div input { display:block; margin:5px 0 0 10px; } div.promoProductionsOuter div.promoProductions ul li div p{ font-size:11px; } div.promoProductionsOuter div.promoProductions ul li div select { width:200px; margin:0 0 0 10px; } /* New styles for Subscriptions Addon Tickets 12/13/2007 */ div.addon { float: left; width: 400px; } div.addon_singletix { border-bottom:1px dotted #ccc; } div.addon_singletix div.addon_image { float: left; margin: 0 10px 10px 0; padding: 0; width: 141px; height: 105px; }