/*
biketec CSS File


 File created 07/02/07
 (c) All contents of the file remains the property of Jojatech Limited
*/

.calendar 
{
border-collapse:collapse;

border:0px solid red;
padding:0px;
margin:0px;
text-align:center;	
background-color: black;
width:210px;
}

.calendar td
{
text-align:left;
width:28px;
border:1px solid black;
height:1.5em;
border-collapse:collapse;
}

.calendar th
{
	background-color: black;
   border:0px solid green;
}

.calendar td.header
{

	text-align:center;
}

.calendar td.today /*light grey */
{
	background-color: #333333;
}

a.calNumInCell:hover span,
.calendar td.blank /*darkest grey */
{
	background-color: #101010;

}

.calendar td.fill  /* dark red */
{
   background:#991111;
}

.calendar td.outScope /*mid grey */
{
	background-color: #191919;
   color: #333333;
}

.calendar .calDateText 
{
font-size:70%;
position:relative;
left:0px;
top:-5px;
}

.calendar .calNumInCell
{
position:relative;
right:-5px;
color:white;
text-align:right;
}

/* The next 4 clases provide the hover area to list
events on the specific date specified */
a.calNumInCell
{
   text-decoration:none;
   position:relative; /*this is the key*/
   color:#white;
}

a.calNumInCell:hover
{
   z-index:25; 
}

a.calNumInCell span
{
   display: none
}

a.calNumInCell:hover span{ /*the span will display just on :hover state*/
    display:inline;
    position:absolute;
    top:1em; left:1.5em; 
    width:16em;
    border:1px solid red;
    color:white;
    text-align: left;
    text-decoration:none;
    font-weight:normal;
}

.calendar a
{
font-size:90%;
}

.calendar a:link 
{ 
text-decoration: none;
}


.calendar a:visited 
{ 
text-decoration: none;
}

.calendar a:hover 
{
text-decoration: none; 
color: white;
}


.calendar a:active 
{
text-decoration: none; 
color: white;

 }