/* ================================
    CSS STYLES FOR Events CALENDAR Module 
   ================================
*/

/* The following control the Calendar Month Style-Look */
.th_OddColumn
{
    background-color:#181818;
    width:36px;
    height:30px;
    color: #eef9fb;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
    text-align:center;
    vertical-align:middle;
}
.th_EvenColumn
{
    background-color:#141414;
    width:36px;
    height:30px;
    color: #eef9fb;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
    text-align:center;
    vertical-align:middle;
}


.OddRow_OddColumn
{
    background-color:#2a2a2a;
    width:34px;
    height:34px;
    color: #eef9fb;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
    
}

.OddRow_EvenColumn
{
    background-color:#222222;
    width:34px;
    height:34px;
    color: #eef9fb;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
    
}

.EvenRow_OddColumn
{
    background-color:#3c3c3c;
    width:34px;
    height:34px;
    color: #eef9fb;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
   
}

.EvenRow_EvenColumn
{
    background-color:#313131;
    width:34px;
    height:34px;
    color: #eef9fb;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
    
}

.class_date
{
    color: #eef9fb;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 10px;
    padding-top: 20px;
    padding-left: 12px;
}

.slEvent
{
    color: #eef9fb;
    /*border: 1px solid #333333;*/
}

.slDayEvent
{
    background-color:#29beef;
    width:34px;
    height:34px;
    color:#000000;
    /*background-image: url(/Portals/1/images/int_small_calendar_border.gif);
    background-position: top left;
    background-repeat: no-repeat;*/

}

.slTitle, .slDayHeader
{
  display: none !important;    /*** DO NOT CHANGE (by harpreet)***/
  font-size: 0px;
  line-height: 0px;
  
} 

.slEvent tr
{
   font-size: 0px;
   line-height: 0px;
   height: 0px;
} 

/*.EventDaySelect
{
    background-image: url(/Portals/1/images/int_month_dropdown.gif);
    background-position: left center;
    background-repeat: no-repeat;
    width: 160px;
    height: 32px;
    border: none;
}
*/

#dynamic_div .buy_tickets
{
    border:none; 
    background-image: url("/Portals/1/images/int_buy_tickets.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 59px;
    width: 231px;
    display: block;
    text-align: left;
    cursor: pointer;
}

#dynamic_div
{
    text-align: left;
}

.event_title
{
    cursor: pointer;
}

#dynamic_title
{
    text-align: left !important;
    margin-top: 50px;
}
#dynamic_time{ margin: 0 0 20px 25px; color: #fff; font-size: 15px; font-size: Arial,Helvetica,sans-serif; text-align: left; }
#dynamic_date{ margin: 50px 0 0 35px; background-color: #111; padding: 14px; }
.event_content
{
    text-align:left;
    padding-left:10px;
}
.startdate_month{
    font-size: Arial,Helvetica,sans-serif;
    display: block;
    color: #c3c3c3;
    font-size: 14px;
    text-align: center;
}
.startdate_date{
    font-size: Arial,Helvetica,sans-serif;
    display: block;
    color: #838383;
    font-size: 30px;
    text-align: center;
}