/* general Date Number Fonts, Size, Colour */
.gen {
    font-family:  Arial, sans-serif;
    font-size: 12px;
    color: #252216;
    padding:0;
    text-align: center;
    height:25px;
    vertical-align:middle;
}
a.cal {
	text-decoration: none;
	display:block;
	width:100%;
    height:100%;
    padding-top:4px;
}
a.cal:hover {
	color: #5085bc;
	background-color:#ff8822;
}

.s2 ,.s20,.s3 {
    background-color: #f4f4f4;
}
.s21,.s22 ,.s23 {
    background-color: #FFDF4C;
}
.s21B,.s22B ,.s23B {
    background-color: #BAF2F5;
}
.s24 {
    background-color: #FFf200;
}
.s28 {
    background-color: #33E82A;
}
.s31,.s32 ,.s33 {
    background-color: #FFAA11;
}
.s4,.s41,.s42,.s43 {
    background-color: #9FBBC9;
}


.s3b1 {
    background-color: #B4EFC1;
}
.s3b2 {
    background-color: #B9CFFF;
}
.s3b3 {
    background-color: #FAE47D;
}
.s3b4 {
    background-color: #FFB7B7;
}
.s3b5 {
    background-color: #ebd8c5;
}
.s3b6 {
    background-color: #ebd8c5;
}
.s3b7 {
    background-color: #E1cfE0;
}

.no_book {
    color: #999;
    position: relative;
    background-color:rgba(0, 0, 0, 0.1);
}
.no_book_slash {
    color: #999;
    position: relative;
}
.no_book:before, .no_book_slash:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    transform:rotate(-35deg);
}
.no_book:before {
    border-top: 1px solid #bbb;
}
.no_book_slash:before {
    border-top: 1px solid #999;
}

.gen a{
    color: #6787e3;
}
.hilites .gen  a{
    color: #3377bb ;
}
.hilites .s2 ,.hilites .s20,.hilites .s3 {
    background-color: #f4f4f4;
}

/* Main Table */
.mainTable {
	width:100%;
	margin:8px 0 14px 0;
    background-color: #FFFFFF;
}

/* Month and Year Text Setup */
.monthYearText {
	font-size: 17px !important;
    color: #252216;
    padding:4px 2px;
}
.monthline {
	border-top:solid 1px #fff;
 	border-right:solid 1px #fff;
 	border-left:solid 1px #fff;
 	border-bottom:solid 1px #d3e2ea;
}

@media screen  and (min-width :900px){
    .monthYearText {
        font-size: 143%;
    }
    .pricehead {
        padding:2px 0;
        font-size: 12px;
    }
    .calmonth{
        display:inline-block;
        width:24.5%;
        vertical-align:top;
        padding:0 0.9%;
        margin:0;
	}
}

@media screen  and (min-width :620px) and (max-width: 899px){
    .monthYearText {
        font-size: 130%;
    }
    .pricehead {
        padding:2px 0;
        font-size: 11px;
    }
    .calmonth{
        display:inline-block;
        width:24.5%;
        vertical-align:top;
        padding:0 0.9%;
        margin:0;
	}
}
@media screen and (min-width :440px)  and (max-width: 619px){
    .monthYearText {
        font-size: 110%;
    }
    .pricehead {
        padding:2px 0;
        font-size: 11px;
    }
    .calmonth{
        display:inline-block;
        width:48.5%;
        vertical-align:top;
        padding:0 1.45%;
        margin:0;
	}
}

@media screen  and (max-width: 439px){
    .monthYearText {
        font-size: 110%;
    }
    .pricehead {
        padding:2px 0;
        font-size: 11px;
    }
    .calmonth{
        display:inline-block;
        width:96%;
        vertical-align:top;
        padding:0 2%;
        margin:0;
	}
}

/* Day Names Row Setup */
.dayNamesRow {
	line-height: 1;
	font-size: 9px;
	color: #666666;
    height:17px;
}
/* Day Name Setup */
.dayNamesText {
    font-size: 8px;
    vertical-align: top;
    color: #433D27;
}
/* price header Setup */
.pricehead {
    background-color: #d3e2ea;
    font-weight: bold;
    color: #001020;
    line-height:1.2;
 	border-right:solid 1px #d3e2ea;
 	border-left:solid 1px #d3e2ea;
}
.hilites .pricehead {
    background-color: #d3e2ea;
     color: #001020;
}
/* price per week */
.price {
    background-color: #a3c9e4;
    font-size: 10px;
    color: #001020;
}
.wkhead {
    line-height: 8pt;
     background-color: #444444;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
}

/* price per week */
.wknum {
    background-color: #777777;
    font-size: 9px;
    color: #ffffff;
}
/* Date Numbers and Row Height */
.rows {
    color: #443D27;
}

/* Today's Date */
.today {
    color: #4444cc;
}