/*
    Style Sheet for the calendar the first third is static and is not user editable the second just less than two thirds defines the editable values and the default state. Since the default is also set into the user preferences in the user table of the organizer database the else may be redundant.
*/

body    {
            background-color:white;
            color:black
        }

a       {
            
            text-decoration:none
        }

a:hover {
            text-decoration:underline;
            color:purple;           
        }
a.day, a.day:hover, a.day:visited, a.day:link, a.day:active
        {
           display: block;

        }
h4 a.day
        {
         width: 50%;
         float:left
        }
a.appointment
        {
                float: left;
                width: 45%;
                display: block;

        }
        
a.task
        {

                display: block
        }
h1,h2,h3,h4,h5 {
                margin-top:0
                }
h3      {
            margin-bottom:0
        }

.month  {
            background-color:white;
            width:100%;
            height:100%
        }

table.month,td.day,td.current   {
                            border:thin solid #aaa
                        }
table.month     {
                     height:100%
                }

td.center       {
                    border:thin solid #aaa;
                    background-color:white

                }

table.monthtitle        {
                            border-bottom :thin solid #aaa;
                            vertical-align:top;
                        }
                .monthday {
                                background-color:yellow; 
                                border-bottom:thin solid black;
                                width:100%
                            }
                        

                                
                .current        {
                                    background-color:#eef
                                }
                td.current h4.current {
                                    background-color:#eea
                                    }
                                
                .dayname        {
                                    background-color:yellow;
                                }
                .annual         {
                                    border:none;
                                    background-color:#eef
                                }
                td.noday        {
                                    background-color:#f8f8f8
                                }


                    body,table,a
            {
                font-family: serif
            }