﻿/* initialization */
body,h1,h2,h3,h4,p,dl,dt,dd,ul,li,form,th,td,table,label,article, aside, dialog, footer, header, section, footer, nav, figure,hgroup{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body,button,input,select,textarea,li,dt,dd,div,p,span{font:12px/1 Arial;}
article,aside,dialog,footer,header,section,footer,nav,figure,hgroup{display:block;}
ul{list-style:none;}
img{border:none;}
em,b{font-style:normal;}
b{font-weight:normal;}
a{cursor:pointer;}
button,input,select,textarea{font-size:100%;outline:0;vertical-align:middle;margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{clear:both;zoom:1;}
/* public */
a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline; color:#e60012;}
/* div container */
#wrap{position:relative; margin:0 auto; padding:5px 0 0; width:700px;}
#bd{position:relative; margin:0 0 10px;}
/*==========main==========*/	
.main{position:relative; width:524px; overflow:hidden;}
/*==========aside==========*/		
.aside{position:absolute; top:0; right:0; padding:10px 0 0; width:166px; height:auto; border:1px solid #8293be; overflow:hidden;}	
/*==========content==========*/	
.sift-box{padding:10px 0 0 10px; width:514px; height:31px; background:url(images/bg_calendar1.png) no-repeat; overflow:hidden;}
.sift-box .left{float:left; margin:0 10px 0 0;}
.sift-box .right{float:right; margin:0 10px 0 0; display:inline;}
.sift-box .btn-pre{margin:0 5px 0 0; width:22px; height:22px; _height:23px; border:0; background:url(images/btn_calendar.png) no-repeat 0 -22px; cursor:pointer; overflow:hidden;}
.sift-box .btn-next{margin:0 10px 0 0; width:22px; height:22px; _height:23px; border:0; background:url(images/btn_calendar.png) no-repeat 0 0; cursor:pointer; overflow:hidden;}
.sift-box .btn-today{width:85px; height:22px; _height:23px; line-height:22px; font-size:14px; text-align:center; color:#005093; border:0; background:url(images/btn_calendar.png) no-repeat 0 -44px; cursor:pointer; overflow:hidden;}
.sift-box select{margin:0 5px 0 0; padding:1px; height:22px; border:1px solid #194c9e;}
.sift-box select option{height:22px;}	
.calendar-container{width:522px;border-left:1px solid #8293be; border-right:1px solid #8293be; border-bottom:1px solid #8293be; overflow:hidden;}
ul.week{width:527px;}
ul.week li{position:relative; float:left; width:73px; height:30px; line-height:30px; text-align:center; font-weight:bold; font-size:16px; color:#333; border-right:1px solid #bdccd9; border-bottom:1px solid #aab4c6;}
ul.week li.weekend{color:#bf4040;}
.calendar-container table tr td{padding:1px; width:73px; height:61px; background:#ecfaff; border-right:1px solid #b8cede; border-bottom:1px solid #b4cbdb;}
.calendar-container div{position:absolute; width:71px; height:59px;background:#ecfaff;}
.calendar-container div.end{width:96px;}
.calendar-container .bg-red{background:#cc6e5a;}
.calendar-container .bg-blue{background:#2b89dd;}
.calendar-container .bg-blue-hover{background:#aed4f4;}
.calendar-container .bg-gray{background:#cdcdcd;}
.calendar-container span{position:absolute; bottom:7px; left:7px; padding:2px 0 0;  font-size:12px; color:#333;}
.calendar-container label{position:absolute; top:8px; left:14px; padding:2px 0 0;  font-size:14px; color:#fff;}
.calendar-container .dateNum{left:auto; top:4px; right:12px; font-weight:bold; font-size:23px;}
.calendar-container .bg-red span{color:#fff;}
.calendar-container .bg-blue span{color:#fff;}
.calendar-container .nonactivated span{color:#cdcdcd;}
.aside{background:url(images/bg_right_list.jpg) repeat-x scroll left top #f2f4f6}
.aside p{margin:0 auto; width:146px; text-align:center; line-height:24px; font-size:14px; color:#333;}
.aside p.dateNum{font-size:90px; line-height:90px;}
.aside p b{font-weight:bold;}
.aside p span.happy,span.avoid{padding:0 12px 0 24px; line-height:22px; text-align:left; color:#333; display:block;}
.aside p span.happy{margin:10px 0 0; background:url(images/icon_happy.gif) no-repeat 0 3px;}
.aside p span.avoid{background:url(images/icon_avoid.gif) no-repeat 0 2px;}
.aside p.line{margin:10px auto 0; padding:0; height:1px; background:#bed0df; overflow:hidden;}
.aside p a{line-height:28px;}
ul.week{background:url(images/bg_week.png) repeat-x; height:30px;}
