/* Facility name or "Kalenteri" text */
#CalTopBar
{
    width:520px;
	line-height:26px;
    background-color:transparent;
    /*background:url(../img/CalTopBar.gif) no-repeat top center;*/
}

#CalTopBarText
{
    height:26px;
	color:White;
	font-weight:bold;
    padding : 0 0 0 40px;
}


/* Current month with links to next and before */
#CalMonthTable
{
    margin:0 0 1px 3px;
    width:517px;
    height:23px;
    background:url(../img/CalMonthBar.gif) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	font-weight: bold;	
	color: white;
	float: left;
	clear:both;	
	overflow:hidden;
}
#CalMonthTable span
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	font-weight: bold;	
	color: white;
    text-decoration:none;
    cursor:pointer;
    cursor:hand;
      clear:both;
	float: left;
}


/* List of day names */
#CalDaysTable
{
    clear:both;
	float: left;
    width:517px;
    height:23px;
    margin:0 0 1px 3px;
    background:url(../img/CalDaysBar.gif) no-repeat top left;
    font-size:10px!important;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold;	
	color: #666666;
    text-decoration:none;
    line-height:20px;
    vertical-align:middle;
    overflow:hidden;

}
#CalDaysTable td
{

    width:73px;
    height:26px;
}




/* Inside this one is 2 tables that are show on each other */
/* First one contains days with right colorings */
/* Second has the happenings for a given day */

#CalTableDiv
{
  clear:both;
	float: left;
    display:block;
    position:absolute;
    /*height:510px;*/
    top:0;
    left:0;
    background-color:transparent;
}

#CalTable
{
    margin:0px; 
    padding:0px;
}

#CalTable td
{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px; 
	font-weight: bold;	
    color: #FCDDB2;
}

.CalSoluVapaa
{
    /*border:solid 1px white;*/
    margin:0;
    padding:0;
    width:73px;
    height:73px;
    background-color:#E5E5E5!important;
    color: #D2D2D2!important;
 }


.CalSoluVarattu
{
    /*border:solid 1px white;*/
    margin:0;
    padding:0;
    width:73px;
    height:73px;
    background-color:#F5F5F5!important;
    color: #EDEDED!important;
}

#TANAAN
{
    margin:0;
    padding:0;
    width:73px;
    height:73px;
    background-color:#FDE5E6!important;
    color:#E8BDBE!important;
    background:url(../img/CalSelectedDate.gif) no-repeat top left;

}




#CalTapahtumaDiv
{
    display:block;
    position:absolute;
    top:0;
    left:0;
    background-color:transparent;
}

#CalTapahtumatTable
{
overflow:hidden;
   clear:both;
	float: left;
    margin:0;
    padding:0;
}

.CalSoluTapahtuma
{
    margin:0;
    padding:0;
    width:73px!important;
    height:73px!important;
    background-color:transparent;
    
}


.CalTapahtumaLinkit
{
    margin-top:5px;
    margin-left:5px;
    width:65px!important;
    height:68px!important;
    overflow:hidden;
}

.CalSoluTapahtuma a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px!important; 
	font-weight: normal;	
	color: #FFE9C4;
    text-decoration:none;
    overflow:hidden;
    line-height:14px;
}
.CalSoluTapahtuma a:hover
{
    text-decoration:underline!important;
}
.CalSoluTapahtumaTyhja
{
    margin:0;
    padding:0;
    width:73px;
    height:73px;
    background-color:transparent;
    
} 


#DPMonths
{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px!important;
	font-weight: normal;
	color: black;
    width:100px;
}
#DPYears
{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px!important;
	font-weight: normal;
	color: black;
    width:70px;
}
.KKNuoli
{
    color:white!important;
}
.KKNuoliEiNay
{   
    visibility:hidden;
    /*color:#F3A528!important;*/
}



#LegendDesc
{
    display:block;
    position:relative;
    width:517px;
    background-color:transparent;
    margin:5px 0 0 5px;
    padding:0;
    
}
#LegendTable
{
clear:both;
float:left;
    width:517px;
    padding:0;
    margin:0;
}
#LegendTable td
{
    color:#666666;
    font-size:11px;
    line-height:14px;
}

#HappeningDesc
{
clear:both;
float:left;
    display:block;
    position:relative;
    width:517px;
    background-color:transparent;
    margin:0 0 0 5px;
    padding:0;
    
}
.HappeningTop
{
    height:23px;
    background:url(../img/CalMonthBar.gif) repeat-x top left;

  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px!important;
    color:White;
}
.HappeningTop span
{
    margin-left:11px;
    font-weight:bold;
    text-transform:uppercase;
}

.HappeningTableSpacer
{
    height:11px;
    font-size:6px;
    line-height:11px;
    background-color:transparent;

}
.HappeningTableGrayarea
{
    width:253px;
    background-color:#F3F3F3;
}



.Happenings
{
    display:block;
    position:relative;
    margin:5px 0 0 20px;
    width:213px;
}
.OneHappening
{
    display:block;
    position:relative;
    margin:15px 0 0 0;
    width:213px;
}
.OneHapDay
{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px!important;
    text-decoration:none;
    font-weight:normal;
    color:#999999;
}
.OneHapName
{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px!important;
    text-decoration:none;
    font-weight:bold;
    color:#E70006;
}
.OneHapNameLink
{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px!important;
    text-decoration:none;
    font-weight:bold;
    color:#E70006;
}
.OneHapNameLink:hover
{
    text-decoration:underline;
}
.OneHapNameLinkSelected
{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px!important;
    text-decoration:underline!important;
    font-weight:bold;
    color:#E70006;
}

.OneHapTimes
{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px!important;
    text-decoration:none;
    font-weight:normal;
    color:#0E0C0C;
}

.OneItemLinks
{
    margin:0 0 0 0;
    padding:0;
	list-style-type:none;
}
.OneItemLinks li
{

}
.OneItemLinks li a
{
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px!important;
    text-decoration:none;
    font-weight:normal;
    color:#E70006;
    padding-left:6px;
    background:url(../img/reddot.gif) 0 6px no-repeat;
}
.OneItemLinks li a:hover
{
    text-decoration:underline!important;
}