/*** for PC Browser ***/
@media (min-width:401px)
{
.EventListCalendar
{
 background:url("calender_bg.gif") repeat-y;
 height:auto;
 width:200px;
}

.EventListCalendar_ft
{
 background:url("calender_f.gif") no-repeat left center;
height:7px;
margin-bottom:5px;
width:200px;
line-height:0;
    font-size: 0% !important;
    vertical-align: bottom;
}

.EventListCalendar_head
{
font-size:1% !important;
height:auto;
padding:0 0 5px;
vertical-align:bottom;
width:200px;
}

.EventListCalendar_body
{
color:white;
margin:3px 1px 0px;
padding:0;
text-align:center;
text-decoration:none;
width:198px;
}

.EventListCalendar .Title
{
font-size:100%;/*9pt;*/
}

.EventListCalendar .NextPrev
{
color:#235CA3;
}

.EventListCalendar .Calendar
{
font-size:100%;/*9pt;*/
}

.EventListCalendar .Fix_DayHeader
{
background-color:#C5C5C5;
font-weight:bold;
color:black;
padding-top:3px;
}

.EventListCalendar .Fix_Selector
{
}

.EventListCalendar .Fix_Day
{
 color:#000000;
}

.EventListCalendar .Fix_WeekendDay
{
  background-color:#FFAAAA;
}

.EventListCalendar .WeekendDay
{
  background-color:#FFAAAA;
}

.EventListCalendar .OtherMonthDay
{
 color:#CCCCCC;
 font-size:100% !important;/*9pt;*/
}

.EventListCalendar .Fix_SelectedDay
{
  background-color:#c0c0e0;
}

.EventListCalendar .Fix_TodayDay
{
  background-color:white;
  border: red 1px solid;
}

.EventListCalendar .TodayWeekendDay
{
  background-color:#ffeeee;
  border: red 1px solid;
}

.EventListCalendar TD
{
color:#000000;
text-align:center;
 font-size:100% !important;/*9pt*/
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.EventListCalendar
{
 background:url("calender_bg.gif") no-repeat left top;
 height:auto;
 width:200px;
 margin:0 auto;
}

.EventListCalendar_ft
{
 background:url("calender_f.gif") no-repeat left center;
height:7px;
margin-bottom:5px;
width:200px;
line-height:0;
    font-size: 0% !important;
    vertical-align: bottom;
margin-left:auto;
margin-right:auto;
}

.EventListCalendar_head
{
font-size:medium;
height:auto;
padding:0 0 5px;
vertical-align:bottom;
}

.EventListCalendar_body
{
color:white;
margin:3px 1px 0px;
padding:0;
text-align:center;
text-decoration:none;
width:178px;
}

.EventListCalendar .Title
{
font-size:100%;/*9pt;*/
}

.EventListCalendar .NextPrev
{
color:#235CA3;
}

.EventListCalendar .Calendar
{
font-size:100%;/*9pt;*/
}

.EventListCalendar .Fix_DayHeader
{
background-color:#C5C5C5;
font-weight:bold;
color:black;
padding-top:3px;
}

.EventListCalendar .Fix_Selector
{
}

.EventListCalendar .Fix_Day
{
 color:#000000;
}

.EventListCalendar .Fix_WeekendDay
{
  background-color:#FFAAAA;
}

.EventListCalendar .WeekendDay
{
  background-color:#FFAAAA;
}

.EventListCalendar .OtherMonthDay
{
 color:#CCCCCC;
 font-size:100% !important;/*9pt*/
}

.EventListCalendar .Fix_SelectedDay
{
  background-color:#c0c0e0;
}

.EventListCalendar .Fix_TodayDay
{
  background-color:white;
  border: red 1px solid;
}

.EventListCalendar .TodayWeekendDay
{
  background-color:#ffeeee;
  border: red 1px solid;
}

.EventListCalendar TD
{
color:#000000;
text-align:center;
 font-size:100% !important;/*9pt*/
}
}