body{
margin:0;
padding:0;
font-family: sans-serif;
}
a{
color: #666;
text-decoration: none;
}

.calcontainer{
left: 1%;
right: 1%;
padding: 3px;
background-color: #aaa;
border: 1px solid black;
font-family: sans-serif;
}

.calheadermonth{
border: 2px solid #444;
padding: 4px;
margin-bottom: 3px;
left: 0;
right: 0;
font-size: 16pt;
text-align: center;
background-color: white;
}
.calheadermonthSM{
border: 1px solid #444;
padding: 2px;
margin-bottom: 1px;
left: 0;
right: 0;
font-size: 9pt;
text-align: center;
background-color: white;
}

.monthtable{
width: 100%;
background-color: black;
border-spacing: 1px;
}
.monthtableSM{
width: 100%;
background-color: black;
border-spacing: 1px;
font-size: 8px;
vertical-align: middle;
}

.monthtable td{
width: 10%;
background-color: white;
border: 3px solid white;
font-size: 10pt;
vertical-align: top;
}
.monthtableSM td{
width: 10%;
height: 20px;
background-color: white;
vertical-align: top;
}

#calweekday td{
background-color: teal;
color: white;
border: 0px solid black;
padding: 4px;
text-align: center;
font-weight: bold;
}
#calweekdaySM td{
background-color: #900;
color: white;
border: 0px solid black;
padding: 2px;
text-align: center;
font-weight: bold;
}

#emptyday{
background-color: #eee;
border: 3px solid #eee;
}

#caltoday{
border: 3px solid #afa;
}
#caltodaySM{
background-color: #afa;
}

.sidebar{
position: absolute;
top: 100px;
left: 20px;
width: 120px;
height: 140px;
}
.smallcal table{
height: 100%;
width: 100%;
}
.smallcal td{
padding: 1;
border: 0px solid black;
font-size: 8px;
}

.mainpage{
position: absolute;
left: 160px;
top: 100px;
right: 20px;
}

.header{
position: absolute;
top: 10px;
height: 56px;
border: 2px solid silver;
left: 20px;
right: 20px;
text-align: center;
font-size: 16pt;
padding: 8pt;
}

.daystyle2{
background-color: black;
padding: 2px;
border: 1px solid silver;
font-size: 12pt;
line-height: 200%;
color: white;
}

.daystyle3{
background-color: #aaa;
padding: 2px;
border: 1px solid black;
font-size: 12pt;
line-height: 200%;
}

.daystyle1{
background-color: white;
padding: 2px;
border: 1px solid silver;
font-size: 12pt;
line-height: 200%;
}

.daystyle4{
background-color: #fc9;
padding: 2px;
border: 1px solid #7B3F00;
font-size: 12pt;
line-height: 200%;
}

.daystyle5{
background-color: yellow;
padding: 2px;
border: 1px solid #660;
font-size: 12pt;
line-height: 200%;
}

.daystyle6{
/*green*/
background-color: #C1FFC1;
padding: 2px;
border: 1px solid #030;
font-size: 12pt;
line-height: 200%;
}

.daystyle7{
background-color: #aaf;
padding: 2px;
border: 1px solid navy;
font-size: 12pt;
line-height: 200%;
}

.daystyle8{
/*purple*/
background-color: #D8BFD8;
padding: 2px;
border: 1px solid #5C246E;
font-size: 12pt;
line-height: 200%;
}

.daystyle9{
background-color: #F6C9CC;
padding: 2px;
border: 1px solid #9E0508;
font-size: 12pt;
line-height: 200%;
}


/*SM styles*/

.daystyle2SM{
background-color: black;
padding: 2px;
border: 1px solid silver;
font-size: 12pt;
line-height: 200%;
color: white;
}

.daystyle3SM{
background-color: #aaa;
padding: 2px;
border: 1px solid black;
font-size: 12pt;
line-height: 200%;
}

.daystyle1SM{
background-color: white;
padding: 2px;
border: 1px solid silver;
font-size: 12pt;
line-height: 200%;
}

.daystyle4SM{
background-color: #fc9;
padding: 2px;
border: 1px solid #7B3F00;
font-size: 12pt;
line-height: 200%;
}

.daystyle5SM{
background-color: yellow;
padding: 2px;
border: 1px solid #660;
font-size: 12pt;
line-height: 200%;
}

.daystyle6SM{
/*green*/
background-color: #C1FFC1;
padding: 2px;
border: 1px solid #030;
font-size: 12pt;
line-height: 200%;
}

.daystyle7SM{
background-color: #aaf;
padding: 2px;
border: 1px solid navy;
font-size: 12pt;
line-height: 200%;
}

.daystyle8SM{
/*purple*/
background-color: #D8BFD8;
padding: 2px;
border: 1px solid #5C246E;
font-size: 12pt;
line-height: 200%;
}

.daystyle9SM{
background-color: #F6C9CC;
padding: 2px;
border: 1px solid #9E0508;
font-size: 12pt;
line-height: 200%;
}

.makesmall{
overflow: hidden;
font-size: 0px;
margin-right: 2pt;
line-height: 7pt;
height: 2pt;
width: 2pt;
}