/*
 * style css
 *
 * @author: Shimin
 * @version: 1
 * @project: NTUC UCCW
 */

/** ------ common ------ **/
/*-- @charset"utf-8";--*/


/** ------ calendar ------

#content #calendar .month, #content #calendar .selectmonth {
	clear: both;
	background: url(../Images/_common/btn-cal-bg.jpg) top right no-repeat;
	display: block;
	padding: 5px 10px 4px 10px;
	height: 22px;
	margin: 0 7px 0 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

#content #calendar .month {
	padding: 2px 10px 4px 10px;
	height: 18px;
}

#content #calendar ul.weekdays, #content #calendar ol.date {
	list-style: none;
	display: block;
	width: 100%;
}

#content #calendar ul.weekdays li, #content #calendar ol.date li {
	list-style: none;
	background: url(../Images/_common/btn-cal-date-bg.jpg) top right repeat-x;
	text-align: center;
	width: 31px;
	margin: 0 1px 0 0;
	float: left;
	height: 20px;
}

#content #calendar ol.date {
	clear: both;
}

#content #calendar ol.date li {
	width: 41px;
	height: 25px;
}

#content #calendar ol.date li a {
	background: url(../Images/_common/btn-cal-bg.jpg) top right no-repeat;
	display: block;
	text-decoration: none;
	width: 40px;
	height: 25px;
	font-weight: bold;
	color: #fff;
}

#content #calendar ol.date li a:hover {
	color: #333;
}

#content #calendar .selectmonth {
	text-align: center;
}

#content #calendar .selectmonth a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#content #calendar .selectmonth a.nextMonth {
	float: right;
}

#content #calendar .selectmonth a.prevMonth {
	float: left;
}

#content #calendar .selectmonth a.nextMonth img, #content #calendar .selectmonth a.prevMonth img {
	margin: 0;
	padding: 0;
}

#content #calendar .selectmonth a:hover {
	te
.hdr_red{ color:#ff0000; }
.news_container{ margin:5px 0; }
.news_container img.wborder{ margin:0; padding:8px; background:transparent url(../Images/events/img-bg.jpg) 0 0 no-repeat; width:60px; height:60px; }
.news_blurp{ margin:0; padding:0 2px 0 0; width:198px; float:right; }
.news_blurp h3{ margin:0; padding:0; font-size:12px; border-bottom:none; }
.news_blurp h3 a{ color:#333; text-decoration:underline; }
.news_blurp p{ font-size:12px; color:#333; }
.gallery_container{ margin:5px 0; padding:0; width:144px; height:125px; }
.gallery_container p{ position:relative; padding:2px; top:90px; border:1px solid #333; line-height:12px; width:138px; height:30px; background-color:#000; 
									 opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*ie8*/
                         /*            filter: alpha(opacity=70); /*ie5-7*/
                         /*            color:#fff; font-weight:bol    filter: alpha(opacity=70); /*ie5-7*/

table.calendar{ margin:5px 0; padding:0; border-collapse:collapse; width:100%; z-index:9; /*position:relative;*/ }
table.calendar tr{ background:transparent url(../Images/_common/bg_calendar_tr.jpg) 0 0 repeat-x; }
table.calendar th{ padding:5px; font-size:10px; color:#000; font-weight:normal; text-align:center; /*border:1px solid #fff;*/ background:transparent url(../Images/_common/bg_calendar_tr.jpg) 0 0 repeat-x; }
table.calendar th.prev{ padding:0; height:32px; text-indent:-9999px; background:transparent url(../Images/_common/bg_calendar_td-nav.jpg) 0 0 no-repeat; }
table.calendar th.prev a{ display:block; text-decoration:none; }
table.calendar th.next{ padding:0; height:32px; text-indent:-9999px; background:transparent url(../Images/_common/bg_calendar_td-nav.jpg) right 0 no-repeat; }
table.calendar th.next a{ display:block; text-decoration:none; }
table.calendar th.mth{ font-weight:bold; color:#fff; background:transparent url(../Images/_common/bg_calendar_td-nav.jpg) center 0 no-repeat; }


table.calendar td{ text-align:center; font-size:10px; color:#000; /*border:1px solid #fff;*/ background:transparent url(../Images/_common/bg_calendar_tr.jpg) 0 0 repeat-x; position:relative !important; }
table.calendar td div{ position:relative; }
table.calendar td.event{ color:#fff; background:transparent url(../Images/_common/bg_calendar_td-selected.jpg) 0 0 repeat-x; }
table.calendar td.event a{ color:#fff; }
table.calendar td.cdevent{ color:#fff; background:transparent url(../Images/_common/bg_calendar_td-selected.jpg) 0 0 repeat-x; border:2px solid #3c3c3c; }
table.calendar td.currday{ color:#fff; background:#3c3c3c; }
table.calendar td.currday a{ color:#fff; }
table.calendar td.curmth{ padding:5px; background:transparent url(../Images/_common/bg_calendar_td-selected.jpg) 0 0 repeat-x; color:#fff; font-weight:bold; }
table.calendar td a{ padding:5px; display:block; color:#000; text-decoration:none; }
table.calendar td a:hover{ background:#3c3c3c; color:#fff; display:block; }
table.calendar td.cdevent a{ color:#fff; }
/*** for the tooltip **/
table.calendar td span.tooltip{ display:none; color:#fff; width:366px; min-height:100px; z-index:999; position:absolute; top:0; left:0; text-align:left; }
table.calendar td span.tooltip span.tiphdr{ background:transparent url(../Images/bg_tooltip_hdr.png) 0 0 no-repeat; text-indent:-9999px; width:366px; height:28px; display:block;/* position:relative;*/ }
table.calendar td span.tooltip span.tipbody{ background:transparent url(../Images/bg_tooltip_body.png) 0 bottom no-repeat; padding:0 30px 60px 30px; display:block; position:relative; min-height:50px;}
table.calendar td span.tooltip span.eventdate{width:366px; color:#fff; font-size:16px; font-weight:bold; background:transparent; position:relative; }
table.calendar td span.tooltip h3{ color:#F90; font-weight:bold;}
table.calendar td span.tooltip h3 a{ color:#f90; padding:10px 0 0 0; margin:0; background:none;  }
table.calendar td span.tooltip p{ margin:5px 0; font-size:11px; line-height:14px; font-weight:normal; }
table.calendar td span.tooltip p a{ display:inline; color:#F90; text-decoration:underline; }
table.calendar td span.tooltip p a:hover{ background:none; }
table.calendar td span.tooltip ul{ margin:0; list-style:none; font-size:10px; font-weight:normal; list-style-image:none; }
table.calendar td span.tooltip ul li{ background:none; padding-bottom:3px; margin:0; list-style-image:none; list-style:none; }
/*********************************/