calendar.css

@charset "utf-8";
/* CSS Document */

html {
    margin:0;
    font-family: Georgia, "Times New Roman", Times, serif;
    background-color:#d3d3d3;
}

body {
    width:1094px;
    margin-left:auto;
    margin-right:auto;
    background-color:White;
}

h3 {
    margin-top: 0px;
    margin-bottom:0px;
}

span {
    display: flex;
    justify-content: center;
    background-color:#ede2c5;
  }

#wrapper {
    border:solid #455776 2px;
}

#header {
    background-color:#455776;
    color:white;
    font-weight:bold;
    text-align:center;
}

#container {
    background-color: #FFF;
}

#calendar {
    float:left;
    width:840px;
    clear:left;
	font-family: Arial, Helvetica, sans-serif;
    font-size: smaller;
}

#details {
    float:right;
    width:240px;
    clear:right;
    background-color:#d3d3d3;
}

#navigation {
    clear:left;
    background-color: #455776;
}

#detailTitle {
    text-align:center;
}

#displayTitle {
    width: 840px;
	font-family: Georgia, "Times New Roman", Times, serif;
    font-weight:bold;
    font-size:large;
    text-align:center;
    background-color:#d3d3d3;
}

.inactive {
    display:none;
}

.nav {
	font-family: Georgia, "Times New Roman", Times, serif;
    margin:5px;
    width:200px;
}

label.navInput {
    color: #fff;
}
.navInput {
    margin:5px;
    width: 200px;
    color: #000;
    font-weight: bold;

}

.navInput label{
    color: #fff;
}

.dayName {
    text-align:center;
    font-weight:bold;
    font-size:small;
    color:#000;
    background-color:#d3d3d3;
    width:114px;
}

.month .dayName {
	font-family: Georgia, "Times New Roman", Times, serif;
    margin:1px;
    float:left;
    height:20px;
}

.week .dayName {
	font-family: Georgia, "Times New Roman", Times, serif;
    margin:2px;
    height:50px;
    padding-top:30px;
    background-color:#ccc;
}

.week #headingContainer {
    width:115px;
    float:left;
}

.dateBlock:hover, .today:hover {
    border:solid red 2px;
}

.dateBlock, .today, .blankDateBlock, .dayName {
    border:solid #d3d3d3 2px;
}

.month .dateBlock, .month .today, .month .blankDateBlock{
    margin:1px;
    float:left;
    width:114px;
    height:95px;
}

.week .dateBlock, .week .today {
    margin:2px;
    width:715px;
    height:80px;
}

.month .blankDateBlock{
    background-color:#ECF1EF;
}

.week #weekContainer {
    width:720px;
    float:left;
    margin-left:5px;
}

.dateNum {
    float:right;
    text-align:center;
    font-size:x-small;
    padding:1px;
    background-color: #d3d3d3;
}

.month .dateNum {
    float:right;
}

.week .dateNum {
    float:left;
}

.today:hover .listing:hover, .dateBlock:hover .listing:hover {
	text-decoration:underline;
    color:#455776;
}

.month .listing {
    clear:both;
    float:left;
    font-size:x-small;
    width:114px;
}

.week .listing {
    font-size:x-small;
    width: 690px;
    margin:0 10px 0 20px;
    width:675px;
}

.blankDateBlock .listing {
    display:none;
}

.month .description {
    display:none;
}

#ajaxDetails, #resultsDiv {
    font-size:90%;
	background-color:white;
}