body{font-family:sans-serif;margin:0;font-size:11px;}
#Wrapper{width:990px;margin:0 auto;}
#Site{position:relative;float:left;width:990px;margin:0;}
#Header{position:relative;float:left;width:990px;margin:0;background:#000;color:#fff;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}

h1{position:relative;float:left;margin:0;padding:4px;font-size:20px;}
h2{margin:0;padding:4px;font-size:16px;}
h3{margin:0 0 4px 0;background:#00a;color:#fff;padding:4px;font-size:14px;}
h4{margin:0 0 4px 0;background:#070;color:#fff;padding:4px;font-size:12px;}
h5{margin:0 0 4px 0;background:#050;color:#fff;padding:2px;font-size:11px;}

#LoginBox{position:relative;float:left;margin:50px 0 100px 350px;border:solid 1px #ccc;padding:20px;}
#LoginBox input{font-size:11px;margin:5px;}
#LogoutBox{position:relative;float:right;margin:5px 10px 0 0;}
#LogoutBox input{font-size:11px;margin:5px;}

#CalMonthWrapper{position:relative;float:left;width:988px;background:#eee;border:solid 1px #ccc;}
#CalMonthWrapper #CalControls{position:relative;float:left;width:100%;padding:6px 0;}
#CalMonthWrapper #CalControls h3{float:left;font-size:34px;margin:0 10px;}
#CalMonthWrapper #CalControls a{display:block;position:relative;float:right;width:60px;height:40px;border:solid 1px #777;margin:0 10px 0 0;}
#CalMonthWrapper #CalControls a:hover{border-color:#f77;background:#fff;}
#CalMonthWrapper #MonthName{font-size:30px;padding:0 10px;}

#CalMonthWrapper #DayLabels{position:relative;float:left;width:100%;}
#CalMonthWrapper #DayLabels h4{display:block;position:relative;float:left;width:139px;margin:2px 0 0 2px;text-align:center;background:#000;color:#fff;padding:2px 0;}
#CalMonthWrapper .CalDay{display:block;position:relative;float:left;width:137px;background:#fff;border:solid 1px #ccc;margin:2px 0 0 2px;font-size:11px;}
#CalMonthWrapper .BlankCalDay{display:block;position:relative;float:left;width:137px;border:solid 1px #ddd;margin:2px 0 0 2px;}
#CalMonthWrapper .CalDayLabel{position:absolute;top:0px;right:4px;font-size:20px;font-weight:bold;background:#fff;z-index:10;}
#CalMonthWrapper .CalDayLabel a{color:#444;}
#CalMonthWrapper .CalDayLabel a:hover{color:#f00;}
#CalMonthWrapper .CalNamesHolder{display:block;position:relative;float:left;margin:4px 4px 4px 4px;width:129px;height:126px;overflow:auto;}

.holiday{color:#f00;}
.training{color:#00f;}
.sick{color:#0a0;}
.unpaid{color:#000;}
.sick-hol{color:#f90;}
.in_lieu{color:#F3E50D;}

.ExEmployee{text-decoration:line-through;color:#777;}

#PopUpWrapper{position:absolute;z-index:90000;background:#000;width:100%;height:100px;opacity:0.8;display:none;top:0;left:0;} 
#PopUpControl{position:absolute;z-index:90002;background:#fff;top:0;left:0;display:none;padding:4px;border:solid 2px #000;}
#ClosePopUp{position:absolute;top:0;right:0;margin:4px;border:none;}
#PopUpContent{padding:10px 6px 6px 6px;background:#fff;}