/* thickbox */
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link { text-decoration:underline; }
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(images/shared/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: none; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { height:28px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } 


/* set the main nav item for this section */
#header {background-image:url(images/phil-header/topbg_tickets.jpg);}
#header ul li#tickets a:link,
#header ul li#tickets a:visited { background-position: 0px bottom; }

/*
 * Tickets Overview
 */
ul#overview-options { list-style-type: none; margin-top: 18px; }
ul#overview-options li { display: inline; background: none; padding-right: 0; padding-left: 8px; _padding-left: 4px;}
ul#overview-options li:first-child { padding-left: 0; padding-right: 1px; }
a.classical span,
a.world span,
a.jazz span,
a.contemporary span,
a.special span { display: block; height: 8px; width: 8px; line-height: 1px; font-size: 1px; float: left; padding: 0; margin: 3px 4px 0 0; margin-right: 6px; }
a.classical span { background: #0058B3; }
a.world span { background: #669900; }
a.jazz span { background: #CC3300; }
a.contemporary span { background: #CC0099; }
a.special span { background: #660099; }

/*
 * Series Overview
 */
#series_overview p { width: 450px; }
#series_overview p a { font-weight: bold; }
#series_overview table { border: none; clear: both; }
#series_overview table caption { font-weight: bold; text-transform: none; padding: 0; padding-bottom: 6px; margin: 0; background: repeat-x bottom; }
#series_overview table caption span { display: block; font-size: 20px; line-height: 20px; height: 20px; margin-left: 0; margin-bottom: 3px; }
#series_overview table.classical caption { background-image: url(images/phil-tickets/series-classical.png); color: #0058B3; }
#series_overview table.world caption { background-image: url(images/phil-tickets/series-world.png); color: #669900; }
#series_overview table.jazz caption { background-image: url(images/phil-tickets/series-jazz.png); color: #CC3300; }
#series_overview table.contemporary caption { background-image: url(images/phil-tickets/series-contemporary.png); color: #CC0099; }
#series_overview table.special caption { background-image: url(images/phil-tickets/series-special.png); color: #660099; }
#series_overview table.classical td h3 a:link,
#series_overview table.classical td h3 a:visited { color: #0058B3; }
#series_overview table.world td h3 a:link,
#series_overview table.world td h3 a:visited { color: #669900; }
#series_overview table.jazz td h3 a:link,
#series_overview table.jazz td h3 a:visited { color: #CC3300; }
#series_overview table.contemporary td h3 a:link,
#series_overview table.contemporary td h3 a:visited { color: #CC0099; }
#series_overview table.special td h3 a:link,
#series_overview table.special td h3 a:visited { color: #660099; }
#series_overview table h3 { font-size: 14px; }
#series_overview table h3 span { font-weight: normal; font-size: 11px; color: #666666; }
#series_overview table td { background: #ffffff; border: none; border-bottom:1px solid #c4d4dc; vertical-align: top; padding: 8px 0; color: #333; }
#series_overview table td img { margin-right:10px; }
#series_overview table td h3,
#series_overview table td p { margin: 0; width: auto; padding-right: 10px; }
#series_overview table td a.link { margin: 5px 10px 0 15px; }

/*
 * Program Details
 */
table#program td a.details,
table#program td a.listen { display: block; width: 17px; height: 17px; margin: 3px; padding: 0; text-indent: -999em; }
/*
#perfs { margin-bottom: 5px; }
#perfs td { vertical-align: top; padding-top: 4px; padding-bottom: 4px; line-height: 20px; }
#program td { vertical-align: top; line-height: 17px; }
#program td a.details,
#program td a.listen{ margin-top: 6px }
#perfs td a.remindme { margin-right:10px; }
*/
#perfs td { vertical-align: middle; padding-top: 10px; padding-bottom: 10px; }
#perfs td a { vertical-align:middle; display:inline-block; }
#perfs td a.remindme { margin-right:10px; }

/*
 * Program Notes
 */
.expandable { float: left; clear: left; }
.expandable h4 { margin-bottom: 9px; }
.expandable h4 a { text-transform: none; font-size: 10px; background-repeat: no-repeat; background-image: url(images/phil-tickets/expandable-icons.png); padding-left: 12px; margin-left: 12px; }
.expandable h4 a.active { color: #CC6600; }
.expandable h4 a.summary { background-position: 0 -37px; }
.expandable h4 a.fullversion { background-position: 0 0; }
.expandable h4 a.fastnotes { background-position: 0 -74px; }
.expandable h4 a.summary.active { background-position: 0 -56px; }
.expandable h4 a.fullversion.active { background-position: 0 -19px; }
.expandable h4 a.fastnotes.active { background-position: 0 -93px; }

ul.sponsors li { display: block; background: none; width: 140px; padding: 0; float: left; text-align:center; margin:10px 15px 10px 0; }
ul.sponsors li span { display: block; font-size: 10px;  color:#7a7a7a;}
ul.sponsors li img { display: block; margin-bottom: 5px; }
ul.sponsors li a { font-size: 10px; }

/*
 * Series Details
 */
.seriesdetails { float: left; clear: both; width: 685px; padding-bottom: 15px; }
.seriesdetails .photo { float: left; width: 120px; margin-right: 16px; font-size: 10px; color: #666;}
.seriesdetails .photo img { display: block; margin: 0; margin-bottom: 3px; }
.seriesdetails h3 { float: left; clear: none; width: 549px; font-size: 12px; margin: 0;}
.seriesdetails p.date { float: left; clear: none; width: 549px; margin: 0; }
.seriesdetails .artists { float: left; clear: none; width: 209px; margin: 0; margin-top: 12px; }
.seriesdetails .program { float: right; clear: none; width: 324px; margin: 0; margin-left: 16px; margin-top: 12px; }
.seriesdetails a.listenicon img {vertical-align:middle;}


#series_details .tabs {display:block; float:left; padding:0;}
#series_details ul {display:block; float:left; border-top:2px solid #ACC3CC; border-bottom:1px solid #CDDAE0; width:683px; padding: 7px 0;}
#series_details ul.idTabs li { list-style:none; float:left; background: none; padding:0; margin: 0;}
#series_details ul.idTabs li.upcoming {margin-right:20px;}
#series_details ul.idTabs li a { margin:0; background:url(images/phil-tickets/series_arrow_rt.gif) 0 2px no-repeat; margin-right: 1px;text-decoration: none;}
#series_details li a span { width: auto; padding-left:15px; font-weight: bold; color: #007eb1;}

#series_details ul.idTabs li a.selected  {  background:url(images/phil-tickets/series_arrow_dn.gif) 0 2px no-repeat; }
#series_details ul.idTabs li a.selected span { color: #c60; }
#series_details .seriesrelated {border-top:2px solid #ACC3CC;padding-top:7px;}


table#pricechart { width: 685px; }
table#pricechart thead th { vertical-align:middle; }
table#pricechart tbody th { background:url(images/phil-shared/table_header.gif) repeat-x; height: 20px; line-height: 20px; padding-left: 7px; font-weight: bold; color: #fff; border-top: 2px solid #fff; }
table#pricechart tbody td { background-color: #DFE9ED; border-top: 2px solid #fff; border-right: 2px solid #fff; padding: 2px 7px; text-align: center; }
table#pricechart tbody td.fo { background-color: #FFD47F; }
table#pricechart tbody td.or { background-color: #FFE599; }
table#pricechart tbody td.oe { background-color: #D2EBF1; }
table#pricechart tbody td.ow { background-color: #D2EBF1; }
table#pricechart tbody td.tr { background-color: #FFF9AD; }
table#pricechart tbody td.te { background-color: #A3D0E1; }
table#pricechart tbody td.tw { background-color: #A3D0E1; }
table#pricechart tbody td.ov { background-color: #9DC2CF; }
table#pricechart tbody td.ba { background-color: #9DC2CF; }
table#pricechart tbody td.tv { background-color: #9DC2CF; border-right: none; }
table#pricechart tbody tr.alt td { background-color: #F6F9FA; }
table#pricechart tbody tr.alt td.fo { background-color: #FFE5B2; }
table#pricechart tbody tr.alt td.or { background-color: #FFF0C1; }
table#pricechart tbody tr.alt td.oe { background-color: #E4F3F7; }
table#pricechart tbody tr.alt td.ow { background-color: #E4F3F7; }
table#pricechart tbody tr.alt td.tr { background-color: #FFFCCE; }
table#pricechart tbody tr.alt td.te { background-color: #C8E3ED; }
table#pricechart tbody tr.alt td.tw { background-color: #C8E3ED; }
table#pricechart tbody tr.alt td.ov { background-color: #C4DAE2; }
table#pricechart tbody tr.alt td.ba { background-color: #C4DAE2; }
table#pricechart tbody tr.alt td.tv { background-color: #C4DAE2; }
table#pricechart tbody tr td:first-child { text-align: left; }
table#pricechart tbody.classical a:link,
table#pricechart tbody.classical a:visited { color: #0058B3 }
table#pricechart tbody.world a:link,
table#pricechart tbody.world a:visited { color: #669900 }
table#pricechart tbody.jazz a:link,
table#pricechart tbody.jazz a:visited { color: #CC3300 }
table#pricechart tbody.contemporary a:link,
table#pricechart tbody.contemporary a:visited { color: #CC0099 }
table#pricechart tbody.special a:link,
table#pricechart tbody.special a:visited { color: #660099 }


/* 
 * Calendar 
 */
 
#body.calendar #nav { width: 100%; float: left; height: auto; padding: 0; }
#body.calendar #nav ul.subnav { list-style-type: none; margin: 0; padding: 0; float: left; clear: both; height: 30px; width: 100%; }
#body.calendar #nav ul.subnav li { float: left; clear: none; width: 159px; margin: 0; padding: 0; text-align: center; border-right: 1px solid #C4D4DB; background: #DFE9ED; }
#body.calendar #nav ul.subnav li.rss { border-right: 0; width: 160px; }
#body.calendar #nav ul.subnav li.active { background: #F6F9FA; color: #CC6600; }
#body.calendar #nav ul.subnav li a:link,
#body.calendar #nav ul.subnav li a:visited { padding: 8px 0; width: 159px; text-decoration: none; text-align: center; line-height: 15px; height: 15px; }
#body.calendar #nav ul.subnav li a img { display: inline; margin:0; position: relative; padding: 0; top: 0; left:0; float: none; vertical-align:bottom; margin-right: 5px; }


#calendar_controls { padding: 0 20px; margin: 0; clear: both; position: relative; font-size: 11px; background:#000 url(images/phil-calendar/calendar_background.png) repeat-x top; height:90px; }
/*#calendar_controls h2.header { background:url(images/phil-calendar/calendar_header.png); width:147px; height:27px; text-indent:-999em; position:absolute; top:12px; left:406px; }*/
#calendar_controls h2.header {text-indent:-999em; }
#calendar_controls p.find { position:absolute; top:15px; right:20px; text-align:right; }
#calendar_controls p.find a { font-size: 11px; color: #ffffff; text-decoration: underline; }
#calendar_controls p.find a:hover { text-decoration: underline; }
#calendar_controls table { margin:0 auto; width:auto; }
#calendar_controls table td { text-align: center; vertical-align:top; font-size: 12px; line-height: 20px; padding:10px 5px 0 5px; font-weight: bold; color:#ffffff;}
#calendar_controls table td a { display:block; background:transparent none 0 0 no-repeat; text-indent:-999em; font:0/0 Arial; overflow:hidden; color:rgba(255, 255, 255, 0); background-image:url(images/phil-calendar/calendar_sprites.png); height: 20px; width: 20px;}
#calendar_controls table td a.prev:link, #calendar_controls table td a.prev:visited { background-position: left top; }
#calendar_controls table td a.prev:hover, #calendar_controls table td a.prev:active { background-position: left bottom; }
#calendar_controls table td a.next:link, #calendar_controls table td a.next:visited { background-position: right top; }
#calendar_controls table td a.next:hover, #calendar_controls table td a.next:active { background-position: right bottom; }
#calendar_controls form { position:absolute; top:20px; line-height:20px; }
#calendar_controls form select, #calendar_controls form button { vertical-align:middle; }
#calendar_controls form#dateFilter { left:20px; }
#calendar_controls form#calFilter { left:0px;position:relative; }
#calendar_controls form#calFilter.full-season { position:absolute; right:20px;left:auto; }
#calendar_controls form#dateFilter button,
#calendar_controls form#dateFilter select { float:left; margin-right:4px; } 
#calendar_controls form#dateFilter button { display:block; margin:0; padding:2px 0 0 0; *padding-top:0; background:none; }
#calendar_controls form#dateFilter button span {display:block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255, 255, 255, 0); vertical-align:bottom; background-image:url(images/phil-calendar/calendar_sprites.png); height:20px; width: 28px; margin:0; padding:0; }
#calendar_controls form#dateFilter button span { background-position: center top; }
#calendar_controls form#dateFilter button:hover span { background-position: center bottom; }
#calendar_controls.search { background:#fff; }
#calendar_controls.search h1 { width: 400px; margin: 0 auto; font-size: 24px; line-height: 24px; margin: 9px auto; }
/*
#body.calendar form#calFilter,
#body.calendar form#dateFilter { display: block; text-align:left;}
*/

/*
 * Rolex Clock
 */
#clockwrapper { position:absolute;right:20px;top:5px;float:right; }




/* 
 * Calendar Grid layout
 */
table#calendar { float: none; clear: both; margin: 0; width: 960px; font-size: 11px; border-collapse:collapse }
table#calendar thead { }
table#calendar thead td, table#calendar thead th { text-align: center; }
table#calendar thead th { font-size: 11px; font-weight: normal; text-transform: uppercase; letter-spacing:2px; color: #fff; line-height: 15px; padding:5px 0; background:#000 }
table#calendar tfoot td { text-align:center; background:#000; padding:0; line-height:30px; color:#AEAEAE; }
table#calendar tfoot td img { vertical-align:text-top; margin-left: 21px; }
table#calendar tfoot td img.icon_o { border:1px solid #666; }
table#calendar tbody td { vertical-align:top; background-color: #fff; background-repeat:no-repeat; background-position:0 0; width: 14.285%; height:136px; *height:122px; padding: 7px; font-size: 12px; color: #000; border: 1px solid #cccccc; border-right: none;}
table#calendar tbody td.fill { background: #C8D7DD; }
table#calendar tbody td:hover, table#calendar tbody td.hover { background-color: #FFF2D9; }
table#calendar tbody td.today { background: #F9E5EF; color:#CC0066; font-weight:bold; }
table#calendar tbody td.sun { border-left:none;}
table#calendar tbody td p { color: #666; font-weight: normal; font-size: 11px; margin: 10px 0; line-height: 15px; }
table#calendar tbody td p img { margin-right: 3px; vertical-align:text-bottom; }
table#calendar tbody td a:link, table#calendar tbody td a:visited { display: block; color: #007EB1; text-indent: 0; text-decoration: none; }
table#calendar tbody td a:hover, table#calendar tbody td a:active { text-decoration: underline; }


/* 
 * Text Calendar ("Agenda") layout
 */
 
table#agenda { float: none; clear: both; margin: 0; width: 100%; font-size: 11px; }
table#agenda thead td, table#agenda thead th { font-size: 11px; font-weight: normal; text-transform: uppercase; letter-spacing:2px; color: #fff; line-height: 15px; padding:0 7px 5px 7px; background:#000 }
table#agenda tbody th { background: #DDE8EC; padding: 7px; font-size: 11px; font-weight: normal; color: #333; border-right: 1px solid #fff; border-top: 1px solid #fff; white-space: nowrap; }
table#agenda tbody td { background: #eef4f6; padding: 7px; font-size: 11px; font-weight: normal; color: #333; border-top: 1px solid #fff; }
table#agenda tbody tr.alt td { background: #fff; }
table#agenda tbody tr td.hover, table#agenda tbody tr.today td { background: #FFF2D9; }
table#agenda tbody tr th.hover, table#agenda tbody tr.today th { background: #FFE1A4; color: #CC6600; }
table#agenda tbody td a { color: #0080B3; text-decoration: none; }
table#agenda tbody td a:hover { text-decoration: underline; }
table#agenda tbody td.event a { font-weight: bold; }
table#agenda tbody td .person { font-weight:normal; }
table#agenda tbody td .title { font-style:italic; }
table#agenda tbody td p { margin-bottom:10px; }
table#agenda tbody td.noevents p { margin-top:5px; margin-left:auto; margin-right:auto; text-align:center; }
table#agenda tbody td.fullseason_month { background: #8fadb8; text-align:center; font-weight:bold; color:#fff; }
h2.online{ background: url(images/phil-tickets/online.gif) no-repeat 0 0; padding:2px 0 4px 24px; }
h2.telephone{ background: url(images/phil-tickets/telephone.gif) no-repeat 0 0; padding:2px 0 4px 24px; }
h2.fax{ background: url(images/phil-tickets/fax.gif) no-repeat 0 0; padding:2px 0 4px 24px; }
h2.ada{ background: url(images/phil-tickets/ada.gif) no-repeat 0 0; padding:2px 0 4px 24px; }
h2.mail{ background: url(images/phil-tickets/mail.gif) no-repeat 0 0; padding:2px 0 4px 24px; }
h2.tix{ background: url(images/phil-tickets/tix.gif) no-repeat 0 0; padding:2px 0 4px 24px; }
h2.hearing{ background: url(images/phil-tickets/hearing.gif) no-repeat 0 0; padding:2px 0 4px 24px; }


/* Calendar Search Popup */
#calendarsearch { background: #ffffff; margin: 0; padding: 0 ; text-align: left; } 
#calendarsearch h1 { font-size: 21px; margin-bottom: 10px; }
#calendarsearch p { font-size: 11px; color: #333; width:343px; }
#calendarsearch fieldset { border: none; clear: both; margin: 15px 0 0 0; }
#calendarsearch h2 { font-size: 13px; color: #CC6600; font-weight:bold; margin: 0 0 9px 0; padding: 0; }
#TB_ajaxContent #calendarsearch h2 { display: none; }

#calendarsearch .container { width: 700px; }
#calendarsearch .half { width: 340px; margin: 0; float: left; }
#calendarsearch label { display: block; clear: both; font-size: 10px; margin: 0 0 10px 0;   }
#calendarsearch label input, #calendarsearch label select { display: block; margin: 3px 0 0 0; font-size: 12px;}
#calendarsearch label select { padding: 0; }
#calendarsearch .half select { width: 325px;}
#calendarsearch #keyword { width: 319px; padding: 3px;}
#calendarsearch select#piece { width: 665px;}
#calendarsearch label select optgroup option { padding-left: 10px; }
#calendarsearch #searchtypes { padding-top: 25px;}
#calendarsearch #searchtypes label { font-size: 12px; cursor: pointer; margin: 0; display: inline; margin-right: 5px;}
#calendarsearch #searchtypes label input { display: inline; width: auto; margin-right: 5px;}

/* Calendar Search Results */
p.criteria { text-align: center; margin-bottom: 9px;}
p.criteria strong { font-size: 13px; color: #CC6600;}
p.jump { text-align: center; padding-right: 1em; }
p.jump strong { color: #666666; margin-left: 1em; }
#errorwrapper { width: 700px; margin: 0 auto; padding-bottom: 20px;}
#errorwrapper  .half { width: 700px; margin: 0; float: none; }

/* Like/Tweet/Share/Reminder */
#fb-root { margin:0; }
div.sidebar ul.services { margin-bottom:16px; border-bottom:1px solid #ACC3CC; }
div.sidebar ul.services:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.sidebar ul.services li { zoom:1; border-top:1px solid #C8D7F2; margin:0; padding:0; height:34px; line-height:34px; list-style-type:none; background:none; }
div.sidebar ul.services li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.sidebar ul.services li div { clear:none; margin:0; padding:0; }
div.sidebar ul.services li.l-t div.facebook { width:110px; float:left; padding-top:7px }
div.sidebar ul.services li.l-t div.twitter { float:right; padding-top:8px; overflow:hidden; }
div.sidebar ul.services li.l-t div.twitter .topsy_widget_data { float: right; }
div.sidebar ul.services li.s-r { height:31px; line-height:31px; padding-bottom:3px; }
div.sidebar ul.services li.s-r .addthis_default_style { padding-top:9px; }
div.sidebar ul.services li.s-r .addthis_default_style .at300m,
div.sidebar ul.services li.s-r .addthis_default_style .at300m span { padding-left:0; height:16px; line-height:16px; }
div.sidebar ul.services li.s-r .reminder { float:right;  height:16px; line-height:16px; }
div.sidebar ul.services li.s-r a.remindme { padding-left:16px;font-size:11px; height:16px; line-height:16px; padding-bottom:3px; *padding-bottom:0; }


/* Upbeat Live */

#ubl {margin-top:7px;margin-bottom:7px;}
#ubl p { float:left; width:75px; }
#ubl-player {  width:150px; height:30px; float:right; }
h4.ubl {font-size:14px;font-weight:bold;}
h4.ubl.caps {font-weight:bold;}




/*Ticket Donation*/
.donation table.striped tbody td {background:#dfe9ed; border-bottom:none; padding: 6px 4px 6px 7px;}
.donation table.striped thead th {padding-left:7px;}

/*Special Events*/
.spevents .onethird {width:195px !important;}
.spevents .twothirds {width:470px !important; float:right !important;}
.spevents .photo {margin:3px 0 15px 0 !important;}