@charset "UTF-8";

.moods_list{width:840px;margin-left:30px;}
.moods_ctrl_btn{margin-top:10px;margin-right:10px;}
.mood_viewer_ctrl_btn,.moods_ctrl_btn{width:41px;height:20px;background:url(../images/mood_pn_btn.png) left no-repeat;float:right;}
.mood_viewer_ctrl_btn{margin-top:4px;margin-right:7px;}
#month_caption{display:block;line-height:38px;font-size:10px;font-weight:bold;width:200px;background:url(../images/mood_icon.png) left no-repeat;float:left;margin-left:10px;padding-left:25px;}
.moods_body{background:url(../images/mood_header_shadow.png) top repeat-x;min-height:20px;margin-top:1px;padding-top:10px;}
.moods_header{background:url(../images/moods_header_bg.png) left top no-repeat;height:60px;margin-top:10px;}
.weekend{color:#F30;}
.moods_week_header{font-size:10px;list-style:none;float:left;width:100%;margin:0;padding:0;}
.border_txt{font-weight:bold;}
.moods_week_header li{width:120px;float:left;line-height:20px;text-align:center;margin:0;}
.moods_item_list{list-style:none;margin:0;padding:0;}
.moods_item_list li{width:116px;height:70px;float:left;margin-top:4px;margin-right:4px;}
.moods_item{background:url(../images/mood_item.png) left top no-repeat;text-align:right;font-size:16px;}
.moods_item .date{display:block;margin-top:5px;margin-right:5px;}
.moods_item a{display:block;font-size:10px;text-decoration:none;text-align:left;color:#333;line-height:20px;margin-top:15px;margin-left:10px;}
.mood_hnum{display:block;float:left;background:url(../images/mood_has_item.png) no-repeat;width:20px;height:20px;text-align:center;color:#87b952;font-weight:bold;margin-right:5px;}
.prev_btn,.next_btn{display:block;width:20px;height:20px;line-height:20px;float:left;cursor:pointer;}
.next_btn{margin-left:1px;}
.sunny{background:url(../images/weather_icon.png) left top no-repeat;}
.rainy{background:url(../images/weather_icon.png) left -30px no-repeat;}
.cloudy{background:url(../images/weather_icon.png) left -60px no-repeat;}
.snow{background:url(../images/weather_icon.png) left -120px no-repeat;}
.thunder{background:url(../images/weather_icon.png) left -90px no-repeat;}
.sunny,.rainy,.cloudy,.snow,.thunder{width:30px;height:30px;float:left;margin-left:5px;}
.mood_viewer{width:400px;height:240px;background:url(../images/mood_viewer_bg.png) left top no-repeat;position:absolute;}
.mood_viewer_header{height:30px;font-size:10px;font-weight:bold;}
.mood_viewer_header span{display:block;width:300px;float:left;line-height:30px;}
.mood_viewer_close_btn{display:block;float:right;width:30px;height:30px;background:url(../images/close_app_btn_black.png) center no-repeat;}
.mood_viewer_body{width:399px;height:177px;overflow-y:auto;overflow-x:hidden;font-size:12px;float:left;margin-top:1px;margin-bottom:1px;}
.mood_viewer_body p{line-height:22px;margin:0 10px;}
#mv_num_viewer{display:block;width:80px;float:left;line-height:30px;font-size:10px;margin-left:10px;}
#vp_btn{display:block;width:21px;height:20px;float:right;border:none;margin-top:10px;margin-right:10px;}
#vp_btn img{border:none;}