﻿

/* shows a visual seperation */
.dashedline
{
    border-bottom: 2px solid #5e160a;
}

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}


/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #DBDB79;
    border-collapse:collapse;
}

.eventdetailtable
{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #5e160a;
    background:#ffffff;
   }
.detaildate
{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #5e160a ;
    border-collapse:collapse;
    background : #5e160a ;
    color:#ffffff;
    
}
.detaileventtitle
{
    width: 90%;
    background : #f5f5f5 ;
    color: #80281C;
    text-align:center;
}


.dayNumber
{
    float: right;
    clear: none;
    padding: 2px;
    background:#f5f5f5;
    font-weight: bold;
    font-size: 9pt;
    border-left: #f5f5f5 1px solid;
    border-bottom: #c0c0c0 1px solid;
    font-family: arial ;
    color:#aaaaaa;
    width:96%;
    text-align:right;
    }

.calothermonth .dayNumber
{
    float: right;
    clear: none;
    padding: 2px;
    background:#f5f5f5;
    font-weight: bold;
    font-size: 9pt;
    border-left: #f5f5f5 1px solid;
    border-bottom: #c0c0c0 1px solid;
    font-family: arial ;
    color:#aaaaaa;
    width:96%;
    text-align:right;
    }    


.calcurrentmonth
{
    /* no styles needed at this time */
    
}

.caldays
{
   	background : #5e160a ;
	font-family : arial ;
	font-weight : bold ;
	font-size : 8pt;
	border-top : #5e160a 1px solid ;
	border-bottom : #5e160a 1px solid ;
	border-right: #5e160a 1px solid ;
	border-left: #5e160a 1px solid ;
	text-align : center ;
	color: #ffffff;
}
.calcurrentday
{
    background: #ffffff ;
    text-align: left;
    height: 100px;
    vertical-align: top;
    border-left: #c0c0c0 1px solid ;
    border-bottom: #c0c0c0 1px solid ;
}
.calothermonth 
{
    border-top: #c0c0c0 1px solid ;
    background: #f5f5f5 ;
    border-left: #c0c0c0 1px solid ;
    border-bottom: #c0c0c0 1px solid ;
    text-align: left;
    height: 100px;
    vertical-align: top;
}

.calweekend
{
    background-color: #ffffff;
    text-align: left;
    border-bottom: #c0c0c0 1px solid ;
    border-left: #c0c0c0 1px solid ;
    border-top: #c0c0c0 1px solid ;
    height: 100px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */

  /*  width: 15%; */
}

.calcurrentmonth
{
    text-align: left;
    background:#ffffff;
    height: 100px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    
    border-bottom: #c0c0c0 1px solid ;
    border-left: #c0c0c0 1px solid ;
    border-top: #c0c0c0 1px solid ;
    
     
}

/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

.nextlink
{
    position:absolute;
    right:0;
    padding-right:15px;    
}

