.BodyContent  { background:url('../images/layout/bg_shows.jpg') no-repeat top right #000;}
.showsBasicInfo  {  position:absolute; top:213px; left:10px; width:323px; height:307px;  } 
.showDetailInfo  { display:none; position:absolute; top:81px; left:491px; width:519px; height:319px; background-color:#000; opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;} 
.showDetailInfo p, 
.showDetailInfo span { color:#fff; font-weight:bold; font-size:14px; text-align:center; padding:0px; width:100%; display:block; }
.showDetailInfo p  { font-size:11px;  }

.showsBasicInfo table.showsTable { margin:0 0 0 10px; width:330px; }
.showDetailInfo h3  { width:100%; margin:15px 0; padding:0; text-align:center; font-size:25px; color:#fff;}
.showsBasicInfo table.showsTable tr { }
.showsBasicInfo table.showsTable tr.over  { background-color:#444;  }
.showsBasicInfo table td {  padding:6px 0; vertical-align:top;}
.showsBasicInfo table td a { color:#fff; font-size:12px; font-family:Verdana; }
.showsBasicInfo table td.date,
.showsBasicInfo table td.time {  padding:6px 5px; }

.showsBasicInfo table td.date a,
.showsBasicInfo table td span { color:#ee857a;} 
.showsBasicInfo table td.disc a { text-align:center;} 

.showsBasicInfo p.action  { width:100%; padding:0; margin:0 0 20px 0; color:#777; text-align:right; }

.showsBasicInfo div.scroll_items  { width:338px; height:260px; overflow:hidden;} 

.showsTable tr.selected  {  background-color:#555; }
td.info  { display:none; }


/*

    <div style="display: block;" class="showDetailInfo">
        <h3>Mercury Lounge</h3>
        <span class="ShowTime">12/15/2009 8:00 PM</span>
        <span class="ShowAddress">123 Fake St<br>Upstairs Bar<br>New York, New York 10011</span>
        <p>
            FREE<br>
            <br>
            This will be a cool weekday show
        </p>
    </div>

*/