#django_calendar 
{
 display:block;
 position:relative;
 z-index:10;
 background:transparent;
}

/* important not to let user select table content directly */
#django_calendar table
{
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}





#django_calendar table#calendar
{
    position:relative;
    border:none;
    margin:0 auto;
    color:black;
    text-align:center;
    border:1px solid #D2D2D2;
}

#django_calendar table#calendar td
{
    border-bottom:1px solid #D2D2D2;
    border-left:1px solid #D2D2D2;
    padding:0;
    cursor:pointer;
}
#django_calendar th
{
    border:1px solid #D2D2D2;
    border-bottom:none;
    background-color:#F2F2F2;
    font-weight:normal;
    font-size:10px;
}
#django_calendar table#calendar tr td
{
    font-size:16px;
    color:#aee9f7;
    font-weight:bold;
}


#django_calendar table#calendar tr td a.Preorder, div.Preorder
{
    background:#A7B827;
    color:white;
    filter:alpha(opacity=100); 
    -moz-opacity:1;          
    opacity:1;   
}


#django_calendar table#calendar tr td a.Busy, div.Busy
{
    background:#FF0000;
    color:white;
    filter:alpha(opacity=100); 
    -moz-opacity:1;          
    opacity:1;   
}
#django_calendar table#calendar td a {
      display:block;
      padding:8px 12px;
      font-family:Georgia, serif;
      text-decoration:none;
      color:black;
}

#django_calendar table#calendar tr td a:hover,
#django_calendar table#calendar tr td a.on
{
    background:#888888;
    color:black;
    filter:alpha(opacity=100); 
    -moz-opacity:1;          
    opacity:1;   
}

#django_calendar th#date_search
{
    color:red;
    font-size:21px;
    padding:11px 2px;
}
.cal_links
{
    margin: 0 auto;
    display:table;
}

.cal_links a
{
    display:inline;
    font-weight:normal;
    font-size:11px;
    color:black;
    margin:0 7px;
}

#user_calendar th, #user_calendar td
{
    border:2px solid white;
    width:45px;
    text-align:center;
    vertical-align:center;
}

#user_calendar th
{
    height:65px;
    background-color:#EFEFEF;
    vertical-align:bottom;
}
#user_calendar td
{
    background-color:#E8E8E8;
    height:10px;
}

#user_calendar td:hover
{
    background-color:#F2F2F2;
    }
#user_calendar td.Current
{
    background-color:#F3F3F3;
}
#user_calendar td.Busy
{
    color:white;
    background-color:#FF0000;
    font-weight:bold;
}

#user_calendar td.Preorder
{
    background-color:#84E4F0;
}

.cal_example
{
    width:30px;
    height:25px;
    display:inline-block;
    margin-left:40px;
}

.cal_info
{
    padding:30px 20%;
}