div#eventslayer1
{
display: block;
position: relative;
width: 500px;
}
div#eventslayer2
{
display:none;
position: relative;
width: 500px;
}
div.eventlisting
{
position: relative;
width: 460px;
height: 66px;
left: 20px;
border-right: 1px solid #666666;
float:left;
}
div.eventname a
{
position: absolute;
left: 0px;
top: 0px;
padding: 1px;
background-color: #FFFF00;
width: 460px;
color: #339900;
}
div.eventname a:hover
{
background-color: #339900;
color: #FFFFFF;
}
div.eventdatetime
{
position: absolute;
left: 0px;
top: 38px;
}
div.eventacts
{
font-size: 11pt;
font-variant: small-caps;
color: #FFFF00;
position: absolute;
left: 0px;
top: 16px;
padding: 1px;
}
div.eventsupportacts
{
font-size: 11pt;
font-variant: small-caps;
color: #FFFF00;
position: relative;
padding: 1px;
}
span#grey { color: #999999 }
div.eventmoreinfo
{
display: none;
position: relative;
float:left;
width: 460px;
left: 20px;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
margin-bottom: 20px;
}
div.eventsbuttonbar
{
position: relative;
width: 500px;
height: 30px;
}
div.eventsbutton a
{
display: block;
float: left;
font-weight: bold;
background-color: #666666;
color: #000000;
width: 150px;
text-align: center;
border: 1px solid #000000;
}
div.eventsbutton a:hover
{
background-color: #FFFF00;
color: #339900;
}
div.eventsbutton2 a
{
display: block;
float: left;
font-weight: bold;
background-color: #FFFF00;
color: #339900;
width: 150px;
text-align: center;
border: 1px solid #000000;
}
div.eventsbutton2 a:hover
{
background-color: #339900;
color: #FFFFFF;
}
div.eventsdataholder
{
position: relative;
width: 390px;
height: 24px;
}
div.eventsdatalabel
{
position: absolute;
width: 120px;
left:0px;
top:2px;
text-align: right;
}
div.eventsdatavalue
{
position: absolute;
width: 260px;
left: 130px;
top: 2px;
font-weight:bold;
}
h2.eventsubtitle
{
background-color: #666666;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
width: 100%;
font-variant: small-caps;
margin:0;
clear: both;
padding: 1px;
}
p.eventsinfo
{
margin:5px;
}