/* 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;
}
#CalMonthTable span
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px; 
	font-weight: bold;	
	color: white;
    text-decoration:none;
    cursor:pointer;
    cursor:hand;
}


/* List of day names */
#CalDaysTable
{
    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;

}
#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
{
    display:block;
    position:absolute;
    /*height:510px;*/
    top:0;
    left:0;
    background-color:transparent;
}

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

#CalTable td
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px; 	
    color: #A9B923;
}

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


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

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

}




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

#CalTapahtumatTable
{
    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;
}

.CalTapahtumaLinkit2
{
    margin:5px 0 5px 5px;
    width:65px!important;
    overflow:hidden;
    display:block;
}

.CalSoluTapahtuma a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px!important; 
	font-weight: normal;	
	color: #F79422;
    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;
    
} 

#DPResources
{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px!important;
	font-weight: normal;
	color: black;
    width:100px;
}

#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
{
    width:517px;
    padding:0;
    margin:0;
}
#LegendTable td
{
    color:#666666;
    font-size:11px;
    line-height:14px;
}

#HappeningDesc
{
    display:block;
    position:relative;
    width:190px;
    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:100%;
}



.Happenings
{
    display:block;
    position:relative;
    margin:5px 0 0 20px;
    width:150px;
}
.OneHappening
{
    display:block;
    position:relative;
    padding:15px 0 0 0;
    width:150px;
}
.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;
}