PHP Event Calendar (cont)

I created css style and save it as .php
css.php
<?php
$width = "120";
$height = "100";
$ntfprev = "280";
$ntfm = $ntfprev + 100;
$ntfnext = $ntfm + 180;
$space =3;
?>
<style type="text/css">
.daysname {
    position: absolute;
    width: <?php echo $width;?>px;
    text-align: center;
    height: 26px;
    padding-top: 4px;
    background-color: #7D2800;
    color: #CCC;
    box-shadow: 10px 10px 5px #888888;
    border-radius:5px;
    font-weight: bold;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.popdiv {
    position: absolute;
    background-color: #000;
    height: 60px;
    width: 160px;
    color: #FFF;
    border-radius:5px;
    opacity:0.8;
    text-indent: 10;
}
.event {
    cursor: pointer;
    color: #3E1400;
    text-indent: 10px;
    position: absolute;
}
.newevent {
    margin-left: <?php echo $width - 20;?>px;
    margin-top: <?php echo $height - 35;?>px;
    position: absolute;
    background-color: #551C00;
    height: 12px;
    width: 12px;
    text-align: center;
    font-weight: bold;
    border: 1px outset #333;
    cursor: pointer;
    color: #CCC;
    border-radius:2px;
}
.neweventhover {
    margin-left: <?php echo $width - 20;?>px;
    margin-top: <?php echo $height - 35;?>px;
    position: absolute;
    background-color: #CCC;
    height: 12px;
    width: 12px;
    text-align: center;
    font-weight: bold;
    border: 1px inset #333;
    cursor: pointer;
    border-radius:2px;
}
.box {
    position: absolute;
    margin-top: 40px;
}
.daysbox {
    position: absolute;
    width: <?php echo $width;?>px;
    height: <?php echo $height;?>px;
    background-color: #B75B00;
    box-shadow: 10px 10px 5px #888888;
    border-radius:8px;
    opacity:0.8;
}
.ntfdate {
    margin-left: <?php echo $ntfm;?>px;
    height: 40px;
    position: absolute;
}
.ntfmain {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #999;
    height: 50px;
}
.next {
    position: absolute;
    margin-left: <?php echo $ntfnext;?>px;
    text-align: center;
    width: 30px;
    border: 1px solid #930;
    box-shadow: 10px 10px 5px #888888;
    border-radius:5px;
    opacity:0.3;
    background-color: #B75B00;
    color: #FFF;
}
.nexthover {
    position: absolute;
    margin-left: <?php echo $ntfnext;?>px;
    text-align: center;
    width: 30px;
    border: 1px solid #930;
    background-color: #7D2800;
    cursor: pointer;
    color: #FFF;
    box-shadow: 10px 10px 5px #888888;
    border-radius:5px;
    opacity:0.8;
}
.prev {
    position: absolute;
    margin-left: <?php echo $ntfprev;?>px;
    border: 1px solid #930;
    width: 30px;
    text-align: center;
    box-shadow: 10px 10px 5px #888888;
    border-radius:5px;
    opacity:0.3;
    background-color: #B75B00;
    color: #FFF;
}
.prevhover {
    position: absolute;
    margin-left: <?php echo $ntfprev;?>px;
    border: 1px solid #930;
    width: 30px;
    text-align: center;
    background-color: #7D2800;
    cursor: pointer;
    color: #FFF;
    box-shadow: 10px 10px 5px #888888;
    border-radius:5px;
    opacity:0.8;
}
.todaybox {
    position: absolute;
    border: 1px solid #000;
    width: <?php echo $width;?>px;
    height: <?php echo $height;?>px;
    background-color: #555555;
    color: #FFF;
    box-shadow: 10px 10px 5px #888888;
    border-radius:5px;
    opacity:0.8;
}
.mainbox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-left: 20px;
}
.addevent {
    background-color: #F60;
    height: 300px;
    width: 500px;
    position: absolute;
    opacity: 0.9;
    border-radius:10px;
    margin-top: 80px;
    margin-left: 120px;
}
.close {
    height: 20px;
    width: 20px;
    background-color: #900;
    color: #FFF;
    text-align: center;
    margin-top: 6px;
    float: right;
    position: absolute;
    margin-left: 473px;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #000;
}
.closeover {
    height: 20px;
    width: 20px;
    background-color: #900;
    color: #FFF;
    text-align: center;
    margin-top: 6px;
    float: right;
    position: absolute;
    margin-left: 473px;
    cursor: pointer;
    font-weight: bold;
    border: 1px outset #000;
}
.closedown {
    height: 20px;
    width: 20px;
    background-color: #900;
    color: #FFF;
    text-align: center;
    margin-top: 6px;
    float: right;
    position: absolute;
    margin-left: 473px;
    cursor: pointer;
    font-weight: bold;
    border: 1px inset #000;
}
</style>