html {
   height: 100%;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
   background-color: #eaebed;
   background-image: url(images/background.png);
}

body {
   position: relative;
   min-height: 100%;
   margin: 68px;
   padding: 20px;
   background-color: #f7f7f8;
   color: #000000;
   font-family: Tahoma, Calibri, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
}

a:link {
   color: #404040;
   text-decoration: none;
}

a:visited {
   color: #404040;
   text-decoration: none;
}

a:hover {
   color: #404040;
   text-decoration: none;
}

a:active {
   color: #404040;
   text-decoration: none;
}

table, td, th, input, select {
   font-size: 10pt;
}

legend {
   color: #404040;
}

.maskLayer {
   display: none;
   position: absolute;
   top: -68px;
   left: -68px;
   opacity: 0.6;
   filter: alpha(opacity=60);
   background-color: #ffffff;
   z-Index: 1000;
}

.dialogueLayer {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 350px;
   height: auto;
   display: none;
   z-Index: 1001;
   border: 1px solid #000000;
   background-color: #ffffff;
   vertical-align: middle;
   padding: 10px;
   color: #000000;
}

.footer {
   font-size: 8pt;
   text-align: center;
}

.day {
   border: 1px solid #808080;
   min-width: 14%;
   height: 100px;
   vertical-align: top;
}

.day:hover {
   cursor: pointer;
   background-color: #c0ffc0;
}

h6 {
   margin: 0;
   background-color: #dedede;
   border-bottom: 1px solid #898989;
}