/**************************
Calendar Styling
**************************/	

.calHolder {
    width: 100%;
    margin: auto;
    clear: both;
}
.calHolder th,
.calHolder td {
    border: 1px #CCCCCC solid;
    padding: 2px;
    margin: 1px;
    vertical-align: top;
    background: #FFFFD5;
} 
.calHolder th {
    width: 14%;
    text-align: center;
    background: #A6A7A9;
    color: #FFF;
}
.calHolder td {
    height: 35px;
}

.calHolder td b {
    float: right;
    border-left: 1px #CCCCCC solid;
    border-bottom: 1px #CCCCCC solid;
    padding: 1px;
    margin: -2px -2px 1px 1px;
    text-align: center;
    display: block;
    font-size: 10px;
    background: #FFFFFF;
} 

.calHolder td.calWeekend {
    border: 1px #CCCCCC solid;
    background: #FFF4BC;
}

.calHolder td.fadedDate {
    border: 1px #EEEEEE solid;
    background: #FEFEFE;
}
.calHolder td.fadedDate b,
.calHolder td.fadedDate input {
    display: none;
}

.calHolderTop td.calPrev {
    text-align: left;
}
.calHolderTop td.calNext {
    text-align: right;
}
.calHolderTop td.calTitle {
    text-align: center;
}

.availableMonths {
    clear: both;
}
.availableMonths div {
    float: left;
    display: block;
    text-align: center;
    width: 65px;
    padding: 2px;
    margin-right: 2px;
    border: solid 1px #CCCCCC;
}
.availableMonths .selectedMonth {
    background: #0086BC;
    font-weight: bold;
}

.availableMonths a:link, .availableMonths a:visited  {
	color: #000;
	text-decoration: none;
}
.availableMonths a:hover, .availableMonths a:active {
	color: #000;
	text-decoration: none;
}

.availableMonths .selectedMonth a:link, .availableMonths .selectedMonth a:visited  {
	color: #FFF;
}
.availableMonths .selectedMonth a:hover, .availableMonths .selectedMonth a:active {
	color: #FFF;
}

#calLoading {
    float: left;
    margin-left: 5px;
    visibility: hidden;
}