/* ---- [ container: =main-content ] -------------- */
#main-content { float: left; width: 745px;}

#seasonCalendar { margin-bottom: 2px; }
#content { margin: 0; background-color: #E6E6E6; padding: 15px; }

#content h3.genre { background: transparent url(deRand/images/h1_bullet.gif) no-repeat left 10px; font-size: 1.8em; float: right; line-height: .6em; padding: .5em 0 .5em 15px; }
#content div.tab-ruler { clear: both; overflow: hidden; height: 0; border: 0; border-top: solid 1px red; margin-bottom: 15px; }
#content hr.tab-ruler { clear: both; overflow: hidden; height: 0; border: 0; border-top: solid 1px red; margin-bottom: 15px; }
#content img.soldout { left: 65px; top: 120px; }

#tab-content { float: left; width: 465px; padding-left: 10px; }
#tab-content h1 { clear: both; overflow: hidden; line-height: 1.2; margin: 0; padding: 0 0 8px 0; }
#tab-content h1 span.event-title { background-position: 0 9px; display: block; float: left; width: 290px; }
#tab-content h1 span.event-date { background: none; color: #000; display: block; float: right; text-align: right; width: 135px; }
#tab-content h2 { clear: both; overflow: hidden; }
#tab-content h2 span { display: block; float: left; width: 290px; }
#tab-content h2 span + span { color: #000; display: block; float: right; text-align: right; width: 135px; }
#tab-content h3 { display: none;}

#tab-content table { border-collapse: collapse; }
#tab-content table td { padding: 0;}
#tab-content table td p { margin: 5px 0;}
#tab-content table td + td p { margin-left: 10px;}

#tab-content table td table { width: 100% !important; margin: 0; padding: 0; border-bottom: solid 2px #5e5e5e; }
#tab-content table td table td { padding: 0; }
#tab-content table td table td + td { text-align: right; } /* 2nd column is right aligned */
#tab-content table td table td p { margin-bottom: 5px; padding: 0 !important;}

#tab-teaser { float: right; width: 225px; }

#tab-teaser p { margin: 5px 0 !important; }
#tab-teaser p img { margin-top: 0 !important; margin-bottom: 0 !important; }

#tab-teaser div.teaser-img img { margin: 0 !important; }
#tab-teaser div.teaser-tickets { position: relative;}
#tab-teaser div.teaser-tickets img.soldout {position: absolute; top: 0; left: 30px; z-index: 3000;}
#tab-teaser div.teaser-tickets table.tickets { background-color: #c6d6e3; width: 100%; border-collapse: collapse; }
#tab-teaser div.teaser-tickets table.tickets td { border: solid 1px #fff; font-weight: bold; color: #275174; padding-left: 40px; }
#tab-teaser div.teaser-tickets table.tickets td + td { text-align: center; padding: 0; }

#tab-teaser p.location { border: solid 1px #fff; color: #275174; padding: 5px 5px 5px 15px; }
#tab-teaser a.buytickets { background: #DC040D url(images/bg_buytickets.jpg) repeat-x center; border: solid 1px #fff; color: #fff; display: block; font-size: 1.5em;
                           line-height: 1.7em; height: 27px; margin: 5px 0; text-align: center; text-decoration: none; text-transform: uppercase; }
#tab-teaser a.buytickets:hover { text-decoration: underline; }

#orderinfo { float: left; width: 456px; padding-left: 10px; padding-top: 6px; text-align: right; }
#orderinfo p { text-align: left;  }

/* Tabs
----------------------------------*/
.ui-tabs { clear: both; overflow: hidden; }
.ui-tabs .ui-tabs-nav { float: left; margin-bottom: 2px; list-style-type: none; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; list-style-type: none; background-color: #606060; margin: 0 .2em 0 0; border: solid 1px #606060; }
.ui-tabs .ui-tabs-nav li a { color: #fff; display: block; padding: .2em 1.5em; text-decoration: none; font-weight: bold; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: #fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #606060; }
.ui-tabs .ui-tabs-hide { display: none !important; }