#calendarContainer{max-width:1500px; height:700px; margin:20px auto 300px auto}
.framedCalendar{width:97%; height:700px; background-color:#FFFFFF; margin:20px 2px 2px 2px;  border:1px solid #555; border-radius:10px}
body{background-color:#DDD}
span.event-details-label{display:block; float: none}
#calSpreader{display:inline-block; width:70px}
#topMenu{padding-top:20px; font-size:1.2em}
#topMenu a{color:#666}
#topMenu a.active{color:#090}


/*#menus{background-color:#668CD9} */
/*#menus{background-color:#6080D9}*/
/*#menus{background-color:#779}*/
.Calendar{color:#FFFF99!important}

table#calTable{max-width:900px; margin:0 auto 100px auto}
#calTable tr{border:1px solid #CCC; background-color: #DDF}
#calTable td:nth-child(1){width:33%}
#calTable td:nth-child(2){width:12%}
#calTable td:nth-child(3){text-align:left}
#calTable td{padding:5px}
span.date{color:#050; font-weight:bold; font-size:1.1em}
.headerRow td{font-size:1.2em; font-weight:bold}
.eventRow td.clickMe{color:blue; cursor: pointer}
h2#calH2{text-align: center; color:#999}
h3{text-align: center; margin:20px 0}
#descriptionTarget{
    position:relative;
    margin:5% auto;
    max-width:700px;
    top:-50px;
    background-color: #FFFFFF;
    padding:20px 30px 50px 30px;
    border:4px solid #484;
    border-radius:20px;
    text-align:left;

}
#descriptionTarget p{
    text-align:left;
}
#descriptionTarget .dt1{
    overflow:auto;
    max-height:400px;
    margin:0;
    padding:20px;
}
#outerDescription{
    top:0;
    display:none;
    position:fixed;
    width:100%;
    z-index:10;
    background-color: transparent;
}
#descriptionTarget img.closeButton{position:absolute; width:30px; top:15px; right:15px}
#descriptionTarget .dt2{text-align:center}
#descriptionClose{
    margin:20px auto;
    width:60px;
}
#screen{display:none; width:2500px; height:3000px; top: 0; left:-100px; background-color:#000; opacity:0.5; padding:0; margin:0; position:fixed; z-index: 1}
#table{position:relative; z-index:5}

@media only screen and (min-width:601px) and (max-width: 900px){
    #descriptionTarget{top:30px}
    #descriptionTarget .dt1{line-height:1.1em}
    table{max-width:900px}
}
@media only screen and (max-width: 600px){
    table{max-width:600px}
    table#calTable td:nth-child(3){display:none}
    #descriptionTarget{top:10px; left:0; width:96%; font-size:.95em; padding:5px}
    table td{font-size:.95em; width:100%}
    #descriptionTarget img.closeButton{position:absolute; width:20px; top:10px; right:10px}
    #descriptionTarget h3{margin-bottom:20px}
    #descriptionTarget .dt1{line-height:1.0em}
    .headerRow td{font-size:1.0em}
}