<style>
.calendar {
	width: 980px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left:0px;
	border-left:1px solid #f0f0f0;
	border-top:1px solid #f0f0f0;

}

table {
        border-collapse:separate;
        border-spacing:0;
}


#artiste_calendar_container *{
	font-family:Arial;
}
/*
.artiste_calendar{
	display:inline;
}
.artiste_calendar table{
	display:inline;
}
*/
.calendar th {
	height:30px; 
	text-align:center; 
	background:url('http://img.tvb.com/artiste/images/calendar/1/cal_bg_date.png'); 
	color:#666; 
	font-size:15px;
	font-weight:bold;
	/*border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;*/
}

/* */

.calendar td {
	width: 136px;
	height: 105px;
	position: relative;
	border-right: 2px #f0f0f0 solid;
	border-left: 2px #f0f0f0 solid;
	border-top: 1px #f0f0f0 solid;
	border-bottom: 1px #f0f0f0 solid;
	font-size:13px;
}

.artiste_calendar_ft{
	background-color: #000;
	width: 975px;
	height: 30px;
	margin-bottom:0px;
}

.grid_date_element {
z-index: 10; position: absolute; left: 111px; top: 0px; width: 25px; height: 25px; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold;
line-height:25px;}
.grid_date_element a{ position:relative; top:0px; font-size:15px; font-weight:bold;text-decoration:none;}

.calendar .current_month .curent_month_date_container, .calendar .current_month .curent_month_date_container_clickable{
	/*cursor:pointer;*/
	background-color:#fff;
	line-height:15px;
	/*display:inline-block;*/

}
.calendar .current_month .grid_date_element{ background:#d3d3d3;}
.calendar td.today {
	/*
	border-right: 4px #F02672 solid;
	border-left: 4px #F02672 solid;
	border-top: 2px #F02672 solid;
	border-bottom: 2px #F02672 solid;
	*/
}
.calendar .today #todaywapper{
	position:relative;
}
.calendar .today #todayframe_top, .calendar .today #todayframe_bottom{
	width:140px;
	height:1px;
	position:absolute;
	background-color:#F02672;

}
.calendar .today #todayframe_left, .calendar .today #todayframe_right{
        width:2px;
        height:107px;
        position:absolute;
        background-color:#F02672;
}

.calendar .today #todayframe_top{
        left: -2px;
        top: -1px;
	z-index: 9991;
}
.calendar .today #todayframe_bottom{
        left: -2px;
        top: 105px;
	z-index:9992;
}
.calendar .today #todayframe_left{
        left: -2px;
        top: -1px;
	z-index:9993;
}
.calendar .today #todayframe_right{
        left: 136px;
        top: -1px;
	z-index:9994;
}


.calendar .today .curent_month_date_container, .calendar .today .curent_month_date_container_clickable{
	background-color:#fff;
	line-height:15px;
	/*display:inline-block;*/
}
.calendar .today .grid_date_element{ background:#F02672;}

.calendar .non_current_month .curent_month_date_container, .calendar .non_current_month .curent_month_date_container_clickable {
	background:#f8f8f8;
	line-height:15px;
	/*display:inline-block;*/

}
.calendar .non_current_month .grid_date_element{ background:#fff;color:#ccc;}
.calendar .non_current_month .grid_date_element a{color:#CCCCCC !important}
/*hover*/
.calendar .cellhover{cursor:pointer; background:#f9f9f9;}
.calendar .cellhover .grid_date_element{background:#5a5a5a;}
.calendar .cellhover .grid_date_element a{color:#fff;}

.curent_month_date_container {
	/*width: inherit;*/
	height: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	display:block;
}
.curent_month_date_container_clickable {
	/*width: inherit;*/
	height: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	display:block;
	cursor:pointer;
}
.more_button{width:136px;height:105px;z-index:20;position:absolute;top:0;color:#FFF;opacity: 0;}
.more_button img{position:absolute;top:0;left:0;z-index:22;}
.more_button .more_bg{opacity: 0.8;background-color:#888;width:136px;height:105px;position:absolute;top:0;left:0;z-index:21;}
/*.more_button:hover {opacity: 0.8;}*/
.curent_month_date_container_clickable:hover {
	/*background-color:#F9F9F9;*/
	/*background: url("http://img.tvb.com/artiste/images/calendar/1/cal_icon_mouseover_more.png") no-repeat scroll center center transparent;*/
	/*cursor:pointer;*/
}
.curent_month_date_table {
	width: 35px;
	height: 35px;
}
.curent_month_date_table td {
	width: 35px;
	height: 35px;
}
.current_month_date {
	font-size: 16px;
	font-weight: bold;
}
.caption_table {
margin-left:10px;
}
.caption_table td {
position: relative;
color:#000;
padding-right:10px;
}
.grid_date_content {
z-index:9; position:absolute; left:0px; bottom:0px; width:131px; overflow:hidden; padding-left:3px; padding-bottom:3px; color:#000;
}


#calendar-nav{width:955px; height:30px; line-height:30px; margin-top:10px;}
#calendar-nav a{width:50px; display:block; background:#b9b9b9; float:left; margin-right:2px; color:#fff; line-height:30px;  text-decoration:none; text-align:center; font-size:15px; font-weight:bold;}
#calendar-nav a.active,#calendar-nav a:hover{ background:#f21c62;}
.calendar-menu{  width:975px; height:60px; line-height:25px;}
/*.calendar-menu .menu-group{background:url(http://img.tvb.com/artiste/images/calendar/2/bkg_ranking_atoz.png) repeat-x; width:100%;height:20px; padding-top:5px;}*/
.calendar-menu .menu-group{background-color:#000; width:100%;height:60px;}
.calendar-menu a{color:#f21c62; font-size:13px; font-weight:bold; text-decoration:none; cursor:pointer;}
.calendar-menu a.cur{color:#000;}
.calendar-menu a:hover{text-decoration:underline;}
.calendar-menu .btn{width:35px; float:left; margin:0px 10px;_width:40px;_margin-right:5px; display: inline;}
.calendar-menu .btn span.perv a{background:url(http://img.tvb.com/artiste/images/calendar/2/btn_icon_small_left_pink.png) no-repeat; width:15px;height:15px; display:block; float:left; margin-right:5px;}
.calendar-menu .btn span.perv a:hover{ background-position:0px -15px;}
.calendar-menu .btn span.next a{background:url(http://img.tvb.com/artiste/images/calendar/2/btn_icon_small_right_pink.png) no-repeat; width:15px;height:15px; display:block; float:left;}
.calendar-menu .btn span.next a:hover{ background-position:0px -15px;}
.calendar-menu .btn-month{float:left; margin:0px 0px 0px 50px;}
.calendar-menu .btn-month ul li{margin-right:30px; list-style:none; display:inline;}
.calendar-menu .selected-year{float:left; font-size:48px; color:#FFF;padding-top:0px;padding-left:10px;width:174px;overflow:hidden;height:60px;line-height:60px;}
.calendar-menu .dropdown-btn{float:left; margin-left:5px;background: url(http://img.tvb.com/artiste/images/calendar/1/cal_btn_dropdown.png) no-repeat scroll 0px 0px transparent;width:30px;height:60px;cursor:pointer;}
/*.calendar-menu .dropdown-btn:hover{background: url(http://img.tvb.com/artiste/images/calendar/1/cal_btn_dropdown.png) no-repeat scroll 0px -60px transparent;cursor:pointer;}*/
.calendar-menu .btn-fun{float:left; margin-left:20px;}
.calendar-menu .btn-fun span{margin-right:20px;}
.calendar-menu .btn-fun span.list-view{margin:0px;}
.calendar-caption{float:right;padding-bottom:0px;padding-left:50px;padding-top:29px;}
.calendar-caption li{ list-style:none; display:inline; color:#b2b2b2; font-size:12px;margin-right:10px;}
.grid-view a{padding-left:20px;}
.grid-view a.active{background:url(http://img.tvb.com/artiste/images/calendar/2/icon_module_grid.png) no-repeat 0px 50%; color:#000; text-decoration:none; cursor:default;}
.list-view a{padding-left:20px;background:url(http://img.tvb.com/artiste/images/calendar/2/icon_module_list_pink.png) no-repeat 0px 50%;}
a.btn-grid-more{background:url(http://img.tvb.com/artiste/images/calendar/2/icon_more_large_pink.png) no-repeat; width:20px;height:20px; display:inline-block;}

.calendar-menu .dropdown-menu{
	width:204px;
	height:350px;
	background-color:#000;
	display:none;
	position:absolute;
	top:60px;
	left:0px;
	z-index:9997;
	float:left;
	/*opacity:0.9;*/
}
.calendar-menu .dropdown-menu table.calendar_list{
	width:204px;
	height:320px;
}
.calendar-menu .dropdown-menu table .list_headerY, .calendar-menu .dropdown-menu table .list_headerM{
	width:102px;
	height:25px;
	background-color:#666;
	text-align:center;
	font-size:13px;
	color:#FFF;
}
.calendar-menu .dropdown-menu table .list_headerY{
	text-indent:20px;
}
.calendar-menu .dropdown-menu table .list_headerM{
	text-indent:0px;
}


.calendar-menu .dropdown-menu .list_confirm_button {
	background: url("http://img.tvb.com/artiste/images/calendar/1/cal_btn_ok.png") no-repeat 0px 0px transparent;
	color:#FFF;
	text-align:center;
	font:bold 15px/30px Arial, Helvetica, sans-serif;
	width:204px;
	height:30px;
	background-color:#F00;
	cursor:pointer;
}
.calendar-menu .dropdown-menu .list_confirm_button:hover {
	background: url("http://img.tvb.com/artiste/images/calendar/1/cal_btn_ok.png") no-repeat 0px -30px transparent;
}

.calendar-menu .dropdown-menu .non_select_year{
	width:62px;
	height:25px;
	background-color:#000;
	color:#F02672;
	padding-left:40px;
	text-align:left;
	font-size:18px;
	cursor:pointer;
}
.calendar-menu .dropdown-menu .non_select_year:hover{
	text-decoration:underline;
}
.calendar-menu .dropdown-menu .non_select_month{
	width:62px;
	height:25px;
	background-color:#000;
	color:#F02672;
	padding-right:40px;
	text-align:right;
	font-size:18px;
	cursor:pointer;
}
.calendar-menu .dropdown-menu .non_select_month:hover{
	text-decoration:underline;
}
.calendar-menu .dropdown-menu .select_year{
	width:62px;
	height:25px;
	background-color:#000;
	color:#ccc;
	padding-left:40px;
	text-align:left;
	font-size:18px;
}
.calendar-menu .dropdown-menu .select_month{
	width:62px;
	height:25px;
	background-color:#000;
	color:#ccc;
	padding-right:40px;
	text-align:right;
	font-size:18px;
}
.calendar-menu .year_scroll_btn{
	width:102px;
	height:24px;
	padding-left:42px;
}
.calendar-menu .year_scroll_up{
	width:12px;
	height:12px;
	float:left;
	margin-right:10px;
	background: url("http://img.tvb.com/artiste/images/calendar/1/cal_btn_scoll_up&down.png") no-repeat 0px 0px transparent;
	cursor:pointer;
}
.calendar-menu .year_scroll_up:hover{
	background: url("http://img.tvb.com/artiste/images/calendar/1/cal_btn_scoll_up&down.png") no-repeat 0px -12px transparent;
}
.calendar-menu .year_scroll_down{
	width:12px;
	height:12px;
	float:left;
	background: url("http://img.tvb.com/artiste/images/calendar/1/cal_btn_scoll_up&down.png") no-repeat -12px 0px transparent;
	cursor:pointer;
}
.calendar-menu .year_scroll_down:hover{
	background: url("http://img.tvb.com/artiste/images/calendar/1/cal_btn_scoll_up&down.png") no-repeat -12px -12px transparent;
}
.hideYear{display:none;}
.hideMonth{display:none;}

.prompt{
	background-color:#FFF;
	position:absolute;
	z-index:10000;
	width: 693px; 
	/*height: 575px;*/ 
	top: 60px; 
	left: 141px; 
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.prompt #calendar_day_wapper{
	position:relative;
	width:594px;
	/*height:540px;*/
	top:35px;
	left:50px;
}
.prompt .closeBtn{
	background: url("http://img.tvb.com/artiste/images/calendar/1/cal_btn_close.png") no-repeat 0px 0px transparent;
	position:absolute;
	top:0px;
	right:0px;
	width:15px;
	height:15px;
	cursor:pointer;
	overflow: hidden;
}
.prompt .closeBtn:hover{
	background: url("http://img.tvb.com/artiste/images/calendar/1/cal_btn_close.png") no-repeat 0px -15px transparent;
}

.prompt #calendar_event_list_scroll_content{
	/*position:absolute;
	top:0px;
	left:100px;*/
	width:465px;
}
.prompt #calendar_event_list_scroll_content a{ font-size:13px; font-weight:normal;text-decoration:none;}
.prompt #calendar_event_list_scroll_content a:hover{text-decoration:underline;}

.prompt .event_header {
	font-size: 15px;
	font-weight: normal;
	color: #000;
	width: 430px !important;
}
.prompt .event_title {
	font-size: 13px;
	width:335px;
	float:left;
	clear: both;
}
.prompt .event_content {
	font-size: 13px;
	float:left;
	width: 335px;
}
.prompt .event_content a{font-size:13px; font-weight:normal;color:#F02672;}

.prompt .selected-year{position:absolute;top:0px;left:0px;font-size:18px; font-weight:bold;}
.prompt .selected-weekday{font-size:16px; font-weight:bold;vertical-align:top;}
.prompt #scrollbar1 { width: 511px; clear: both; padding-left:87px;}
.prompt #scrollbar1 .viewport { width: 493px; height: 450px; overflow: hidden; position: relative; }
.prompt #scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
.prompt #scrollbar1 .thumb .end,
.prompt #scrollbar1 .thumb { background-color: #f02672;}
.prompt #scrollbar1 .scrollbar { position: relative; float: right; width: 15px; height: 465px!important; padding-top: 35px;/* overflow: hidden;*/}
.prompt #scrollbar1 .track { background-color: #bcbcbc; height: 100%; width:5px; position: relative; padding: 0 1px; }
.prompt #scrollbar1 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.prompt #scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 5px; }
.prompt #scrollbar1 .disable{ display: none; }
.prompt #scrollbar1 .separate{ background: url("http://img.tvb.com/artiste/images/calendar/1/cal_separate.gif") repeat-y 0px 0px transparent;
								width:450px;
								height:2px; 
								margin-bottom:20px;
								float:left;
								}
#artiste_calendar_container .prompt_wrapper {
    /*display: none;*/
    height: 575px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 60px;
    width: 100%;
}
</style>
